.tree-view_Root__VOq9i{color:var(--demo-neutral-fg);--tree-item-gap:0.5rem;--tree-indentation:1rem;--tree-padding-inline:0.75rem;--tree-padding-block:0.375rem;--tree-icon-size:1rem;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:20rem}.tree-view_Label__T3Vw3{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--demo-neutral-fg);user-select:none}.tree-view_Tree__Jpj34{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;& svg{width:var(--tree-icon-size);height:var(--tree-icon-size);flex-shrink:0}}.tree-view_Branch__D_XNS{position:relative}.tree-view_BranchControl__MDPC0{display:flex;align-items:center;gap:var(--tree-item-gap);border-radius:.375rem;user-select:none;position:relative;cursor:pointer;width:100%;border:none;background:transparent;font:inherit;color:var(--demo-neutral-fg);text-align:start;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-icon-offset:calc(var(--tree-icon-size) * var(--tree-depth) * 0.5);--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset) + var(--tree-icon-offset));padding-inline-start:var(--tree-offset);padding-inline-end:var(--tree-padding-inline);padding-block:var(--tree-padding-block);&:hover{background:var(--demo-neutral-subtle)}&:focus-visible{outline:2px solid var(--demo-coral-focus-ring);outline-offset:-2px}&[data-selected]{background:var(--demo-neutral-subtle);color:var(--demo-coral-fg)}&[data-disabled]{opacity:.5;filter:grayscale(100%);cursor:not-allowed}}.tree-view_BranchContent__wHpsk{position:relative;&[data-state=open]{animation:tree-view_expand-height__t_Oij .15s ease-out,tree-view_fade-in__qfbbq .15s ease-out}&[data-state=closed]{animation:tree-view_collapse-height__5eHnr .15s ease-out,tree-view_fade-out__u8nQy .15s ease-out}[data-animate=false] &[data-state]{animation:none}}.tree-view_BranchIndentGuide__WNXyx{height:100%;width:1px;background:var(--demo-border);position:absolute;z-index:1;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset));--tree-icon-offset:calc(var(--tree-icon-size) * 0.5 * var(--depth));inset-inline-start:calc(var(--tree-offset) + var(--tree-icon-offset))}.tree-view_BranchIndicator__PwUVy{display:inline-flex;align-items:center;justify-content:center;color:var(--demo-neutral-emphasized);transform-origin:center;transition:transform .15s ease;&[data-state=open]{transform:rotate(90deg)}& svg{width:.875rem;height:.875rem}}.tree-view_Loader__qWHeu{animation:tree-view_spin__3RYSJ 1s infinite}.tree-view_BranchTrigger__MusNV{display:inline-flex;align-items:center;justify-content:center}.tree-view_BranchText__ng5Eu{flex:1;display:inline-flex;align-items:center;gap:var(--tree-item-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-view_Item__fDvGC{display:flex;align-items:center;gap:var(--tree-item-gap);border-radius:.375rem;user-select:none;position:relative;cursor:pointer;width:100%;border:none;background:transparent;font:inherit;color:var(--demo-neutral-fg);text-align:start;text-decoration:none;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-icon-offset:calc(var(--tree-icon-size) * var(--tree-depth) * 0.5);--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset) + var(--tree-icon-offset));padding-inline-start:var(--tree-offset);padding-inline-end:var(--tree-padding-inline);padding-block:var(--tree-padding-block);&:hover{background:var(--demo-neutral-subtle)}&:focus-visible{outline:2px solid var(--demo-coral-focus-ring);outline-offset:-2px}&[data-selected]{background:var(--demo-neutral-subtle);color:var(--demo-coral-fg)}&[data-disabled]{opacity:.5;filter:grayscale(100%);cursor:not-allowed}}.tree-view_ItemIndicator___1_GO{display:flex;align-items:center;justify-content:center;color:var(--demo-coral-solid);flex-shrink:0;& svg{width:.875rem;height:.875rem}}.tree-view_ItemText___uHeY{flex:1;display:inline-flex;align-items:center;gap:var(--tree-item-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-view_NodeCheckbox__LPpJV{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:1px solid var(--demo-border-emphasized);border-radius:.25rem;background:var(--demo-bg-checkbox);color:var(--demo-coral-contrast);cursor:pointer;&[data-state=checked],&[data-state=indeterminate]{background:var(--demo-coral-solid);border-color:var(--demo-coral-solid)}&:focus-visible{outline:2px solid var(--demo-coral-focus-ring);outline-offset:2px}& svg{width:.75rem;height:.75rem}}.tree-view_NodeCheckboxIndicator__3JuXs{display:flex;align-items:center;justify-content:center}.tree-view_ActionGroup__Cs5bs{display:flex;gap:.25rem;flex-shrink:0;opacity:0;:where(.tree-view_BranchControl__MDPC0,.tree-view_Item__fDvGC):focus-within &,:where(.tree-view_BranchControl__MDPC0,.tree-view_Item__fDvGC):hover &{opacity:1}}.tree-view_Action__ZoDAs{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:.25rem;background:transparent;color:var(--demo-neutral-fg);cursor:pointer;flex-shrink:0;& svg{width:.875rem;height:.875rem}}.tree-view_NodeRenameInput__yUqiz{flex:1;min-width:0;height:1.25rem;padding-inline:.25rem;padding-block:0;margin-block:-1px;font-size:inherit;line-height:inherit;border:1px solid var(--demo-coral-solid);border-radius:.25rem;background:var(--demo-bg-popover);color:var(--demo-neutral-fg);outline:none;box-sizing:content-box;&:focus{outline:2px solid var(--demo-coral-focus-ring);outline-offset:-1px}}@keyframes tree-view_expand-height__t_Oij{0%{height:0}to{height:var(--height)}}@keyframes tree-view_collapse-height__5eHnr{0%{height:var(--height)}to{height:0}}@keyframes tree-view_fade-in__qfbbq{0%{opacity:0}to{opacity:1}}@keyframes tree-view_fade-out__u8nQy{0%{opacity:1}to{opacity:0}}@keyframes tree-view_spin__3RYSJ{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.interaction_Container__MK96G{display:flex;flex-direction:column;gap:12px;padding:16px;font-family:system-ui,sans-serif}.interaction_Badge__6tcbs{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:14px;font-weight:500;background:#f0f0f0;color:#333;width:fit-content;&[data-modality=keyboard]{background:#dbeafe;color:#1d4ed8}&[data-modality=pointer]{background:#dcfce7;color:#15803d}&[data-modality=virtual]{background:#fef3c7;color:#b45309}}.interaction_Hint__lgkPH,.interaction_Status__arO_X{font-size:14px;color:#666}.interaction_Button__J3x5p{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;font-size:14px;width:fit-content;outline:none;&:hover{background:#f9fafb}&[data-focus-visible]{outline:2px solid #3b82f6;outline-offset:2px}}.interaction_Field__Em7DJ{display:flex;flex-direction:column;gap:4px}.interaction_Label__h27Kc{font-size:14px;font-weight:500}.interaction_Input__Iks_8{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;&[data-focus-visible]{outline:2px solid #3b82f6;outline-offset:2px}}:root{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#de5045;--demo-coral-muted:#ffdbda;--demo-coral-subtle:#ffe5e4;--demo-coral-fg:#c9453b;--demo-coral-contrast:white;--demo-coral-focus-ring:#ffb2a8;--demo-neutral-solid:#8d8d86;--demo-neutral-emphasized:#82827c;--demo-neutral-muted:#e2e1de;--demo-neutral-subtle:#f1f0ef;--demo-neutral-fg:#21201c;--demo-neutral-fg-muted:#61605b;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#bcbbb5;--demo-border:#e9e8e6;--demo-border-muted:#f9f9f8;--demo-border-emphasized:#dad9d6;--demo-error:#ff4444;--demo-bg-popover:white;--demo-bg-thumb:white;--demo-bg-checkbox:white;--demo-popover-z-index:50;--demo-shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--demo-shadow-sm:0 1px 3px 0 rgb(0 0 0/0.08),0 1px 2px -1px rgb(0 0 0/0.08);--demo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.08),0 2px 4px -2px rgb(0 0 0/0.06);--demo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.08),0 4px 6px -4px rgb(0 0 0/0.04);--demo-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.08),0 8px 10px -6px rgb(0 0 0/0.04);--demo-shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.15);--demo-json-string:#c9453b;--demo-json-number:#0550ae;--demo-json-boolean:#b35900;--demo-json-key:#116329;--demo-json-accent:#6f42c1}.dark{--demo-coral-solid:#eb5e41;--demo-coral-emphasized:#ef6b4e;--demo-coral-muted:#722b25;--demo-coral-subtle:#55221e;--demo-coral-fg:#f47a5c;--demo-coral-contrast:white;--demo-coral-focus-ring:#e2503f;--demo-neutral-solid:#6f6d66;--demo-neutral-emphasized:#7c7b74;--demo-neutral-muted:#31312e;--demo-neutral-subtle:#222221;--demo-neutral-fg:#eeeeec;--demo-neutral-fg-muted:#a9a9a3;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#62605b;--demo-border:#2a2a28;--demo-border-muted:#191918;--demo-border-emphasized:#3b3a37;--demo-error:#ff4444;--demo-bg-popover:#111110;--demo-bg-thumb:#111110;--demo-bg-checkbox:#111110;--demo-shadow-xs:0 1px 2px 0 rgb(0 0 0/0.15);--demo-shadow-sm:0 1px 3px 0 rgb(0 0 0/0.2),0 1px 2px -1px rgb(0 0 0/0.15);--demo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.2),0 2px 4px -2px rgb(0 0 0/0.12);--demo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.2),0 4px 6px -4px rgb(0 0 0/0.1);--demo-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.25),0 8px 10px -6px rgb(0 0 0/0.1);--demo-shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.35);--demo-json-string:#ff7b72;--demo-json-number:#79c0ff;--demo-json-boolean:#ffa657;--demo-json-key:#7ee787;--demo-json-accent:#d2a8ff}[hidden]{display:none!important}output{display:flex;max-width:32rem;flex-direction:column;gap:.5rem;border:1px solid var(--demo-border-emphasized);padding:.5rem .625rem;margin-bottom:.5rem;font-family:monospace;max-height:200px;overflow-y:auto;font-size:.725rem;.title{font-weight:600}}.stack{align-items:flex-start}.stack,.vstack{display:flex;flex-direction:column;gap:1rem}.hstack,.vstack{align-items:center}.hstack{display:flex;flex-direction:row;gap:1rem}@keyframes spin{to{transform:rotate(1turn)}}.example-spinner{width:24px;height:24px;border:2px solid var(--colors-border-default,#e4e4e7);border-top-color:var(--colors-fg-default,#18181b);border-radius:50%;animation:spin .6s linear infinite}