@powerduck/tree 0.7.8 → 0.7.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/react/index.css +1 -1
  2. package/package.json +1 -1
package/dist/react/index.css CHANGED
@@ -1 +1 @@
1
- .pde-tree-root{--tree-color-accent: var(--color-accent, #f28c28);--tree-color-accent-active: var(--color-accent-active, #c9640d);--tree-color-accent-bg: var(--color-accent-bg, #fff8ef);--tree-color-accent-bg-soft: var(--color-accent-bg-soft, #f0f5ff);--tree-color-border-default: var(--color-border-default, #e0e4e8);--tree-color-border-strong: var(--color-border-strong, #ccd2d8);--tree-color-border-subtle: var(--color-border-subtle, #eceff1);--tree-color-danger: var(--color-danger, #FF0000);--tree-color-danger-soft: var(--color-danger-soft, #fff2f1);--tree-color-dynamic: var(--color-dynamic, #4d7ec8);--tree-color-focus-ring: var(--color-focus-ring, rgba(242, 140, 40, .28));--tree-color-info: var(--color-info, #4f79bf);--tree-color-info-soft: var(--color-info-soft, #f0f5ff);--tree-color-success: var(--color-success, #428961);--tree-color-success-soft: var(--color-success-soft, #eff8f2);--tree-color-surface: var(--color-surface, #ffffff);--tree-color-surface-hover: var(--color-surface-hover, #f4f5f6);--tree-color-surface-selected: var(--color-surface-selected, #eef0f2);--tree-color-surface-subtle: var(--color-surface-subtle, #f8f9fa);--tree-color-text-accent: var(--color-text-accent, #d97818);--tree-color-text-disabled: var(--color-text-disabled, #c2c6cc);--tree-color-text-primary: var(--color-text-primary, #26282b);--tree-color-text-secondary: var(--color-text-secondary, #6f747c);--tree-color-text-tertiary: var(--color-text-tertiary, #989da5);--tree-color-warning: var(--color-warning, #d98a22);--tree-color-warning-soft: var(--color-warning-soft, #fff8e8);--tree-shadow-lg: var(--shadow-lg, 0 16px 40px rgba(28, 32, 36, .1), 0 4px 12px rgba(28, 32, 36, .05))}.pde-tree-root[data-theme=dark],[data-theme=dark] .pde-tree-root:not([data-theme=light]){--tree-color-accent: var(--color-accent, #f4a04a);--tree-color-accent-active: var(--color-accent-active, #df7d20);--tree-color-accent-bg: var(--color-accent-bg, #2d2419);--tree-color-accent-bg-soft: var(--color-accent-bg-soft, #1d304f);--tree-color-border-default: var(--color-border-default, #3b4149);--tree-color-border-strong: var(--color-border-strong, #525a65);--tree-color-border-subtle: var(--color-border-subtle, #2d3239);--tree-color-danger: var(--color-danger, #ef7c7c);--tree-color-danger-soft: var(--color-danger-soft, #402020);--tree-color-dynamic: var(--color-dynamic, #7eb0f3);--tree-color-focus-ring: var(--color-focus-ring, rgba(244, 160, 74, .36));--tree-color-info: var(--color-info, #82aef2);--tree-color-info-soft: var(--color-info-soft, #1d304f);--tree-color-success: var(--color-success, #67bd89);--tree-color-success-soft: var(--color-success-soft, #1c3928);--tree-color-surface: var(--color-surface, #1f2125);--tree-color-surface-hover: var(--color-surface-hover, #2b2f35);--tree-color-surface-selected: var(--color-surface-selected, #343941);--tree-color-surface-subtle: var(--color-surface-subtle, #25282d);--tree-color-text-accent: var(--color-text-accent, #ffc98c);--tree-color-text-disabled: var(--color-text-disabled, #626b76);--tree-color-text-primary: var(--color-text-primary, #edf0f3);--tree-color-text-secondary: var(--color-text-secondary, #b8bec7);--tree-color-text-tertiary: var(--color-text-tertiary, #89919c);--tree-color-warning: var(--color-warning, #e7b45c);--tree-color-warning-soft: var(--color-warning-soft, #382f19);--tree-shadow-lg: var(--shadow-lg, 0 18px 44px rgba(0, 0, 0, .42), 0 6px 16px rgba(0, 0, 0, .22))}.pde-tree-root{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif);font-size:var(--font-size-sm, 13px);line-height:var(--line-height-normal, 20px);color:var(--tree-color-text-primary, #26282b);background:var(--tree-color-surface, #ffffff)}.pde-tree-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1);flex-shrink:0}.pde-tree-searchRow{display:flex;align-items:center;padding:6px 8px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1);flex-shrink:0;gap:6px}.pde-tree-searchInputWrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.pde-tree-searchIcon{position:absolute;left:8px;display:flex;align-items:center;color:var(--tree-color-text-tertiary, #989da5);pointer-events:none;z-index:1}.pde-tree-searchInput{width:100%;height:28px;padding:0 8px 0 28px;font-size:var(--font-size-sm, 13px);font-family:inherit;color:var(--tree-color-text-primary, #26282b);background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid var(--tree-color-border-default, #e0e4e8);border-radius:var(--radius-sm, 4px);outline:none;transition:border-color var(--transition-fast, .14s ease),box-shadow var(--transition-fast, .14s ease),background var(--transition-fast, .14s ease)}.pde-tree-searchInput:hover{border-color:var(--tree-color-border-strong, #ccd2d8)}.pde-tree-searchInput:focus{border-color:var(--tree-color-accent, #f28c28);box-shadow:0 0 0 2px var(--tree-color-focus-ring, rgba(242, 140, 40, .28));background:var(--tree-color-surface, #ffffff)}.pde-tree-searchInput::placeholder{color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-iconButton{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:var(--icon-size-sm, 14px);color:var(--tree-color-text-secondary, #6f747c);background:transparent;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:color var(--transition-fast, .14s ease);flex-shrink:0}.pde-tree-iconButton:hover:not(:disabled){color:var(--tree-color-accent, #f28c28)}.pde-tree-iconButton:active:not(:disabled){color:var(--tree-color-accent-active, #c9640d)}.pde-tree-iconButton:disabled{opacity:.35;cursor:not-allowed}.pde-tree-treeContainer{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 0}.pde-tree-treeContainer:focus{outline:none}.pde-tree-treeContainer::-webkit-scrollbar{width:6px}.pde-tree-treeContainer::-webkit-scrollbar-track{background:transparent}.pde-tree-treeContainer::-webkit-scrollbar-thumb{background:var(--tree-color-border-default, #e0e4e8);border-radius:3px}.pde-tree-treeContainer::-webkit-scrollbar-thumb:hover{background:var(--tree-color-border-strong, #ccd2d8)}.pde-tree-indentGuide{position:absolute;top:0;bottom:0;width:1px;background:var(--tree-color-border-subtle, #eceff1);pointer-events:none}.pde-tree-nodeRow{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px;cursor:default;user-select:none;white-space:nowrap;position:relative;outline:none;transition:background var(--transition-fast, .14s ease)}.pde-tree-nodeRow:hover{background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-nodeRowSelected{background:var(--tree-color-surface-selected, #eef0f2)}.pde-tree-nodeRowSelected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px}.pde-tree-nodeRowSelected:hover{background:var(--tree-color-surface-selected, #eef0f2)}.pde-tree-nodeRowSelected .pde-tree-nodeLabel{font-weight:var(--font-weight-medium, 500);color:var(--tree-color-text-primary, #26282b)}.pde-tree-branchControl,.pde-tree-leafItem{cursor:pointer}.pde-tree-expandIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-expandIconPlaceholder{width:14px;flex-shrink:0}.pde-tree-dragHandle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5);cursor:grab;opacity:0;transition:opacity var(--transition-fast, .14s ease),color var(--transition-fast, .14s ease)}.pde-tree-dragHandle:hover{color:var(--tree-color-text-primary, #26282b);opacity:1}.pde-tree-dragHandle:active{cursor:grabbing}.pde-tree-dragHandleDisabled{cursor:not-allowed;opacity:.2!important}.pde-tree-nodeRow:hover .pde-tree-dragHandle{opacity:.6}.pde-tree-nodeRow:hover .pde-tree-dragHandle:hover{opacity:1}.pde-tree-nodeIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-primitiveDot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.pde-tree-nodeLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-sm, 13px)}.pde-tree-nodeLabelBranch{font-weight:var(--font-weight-medium, 500)}.pde-tree-deprecatedLabel{text-decoration:line-through;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-nodeSuffix{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.pde-tree-countBadge{margin-left:auto;font-size:10px;font-weight:var(--font-weight-medium, 500);color:var(--tree-color-text-tertiary, #989da5);background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid var(--tree-color-border-subtle, #eceff1);border-radius:var(--radius-full, 9999px);padding:0 5px;line-height:14px;min-width:16px;text-align:center}.pde-tree-methodBadge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:18px;font-size:10px;font-weight:var(--font-weight-semibold, 600);letter-spacing:.3px;border-radius:var(--radius-xs, 3px);flex-shrink:0;margin-right:6px;font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif)}.pde-tree-methodGet{color:var(--tree-color-success, #428961);background:var(--tree-color-success-soft, #eff8f2)}.pde-tree-methodPost{color:var(--tree-color-info, #4f79bf);background:var(--tree-color-info-soft, #f0f5ff)}.pde-tree-methodPut{color:var(--tree-color-warning, #d98a22);background:var(--tree-color-warning-soft, #fff8e8)}.pde-tree-methodPatch{color:var(--tree-color-dynamic, #4d7ec8);background:var(--tree-color-accent-bg-soft, #f0f5ff)}.pde-tree-methodDelete{color:var(--tree-color-danger, #c95555);background:var(--tree-color-danger-soft, #fff2f1)}.pde-tree-methodOther{color:var(--tree-color-text-secondary, #6f747c);background:var(--tree-color-surface-subtle, #f8f9fa)}.pde-tree-requiredDot{width:4px;height:4px;border-radius:50%;background:var(--tree-color-danger, #c95555);flex-shrink:0}.pde-tree-highlight{background:var(--tree-color-accent-bg, #fff8ef);color:var(--tree-color-text-accent, #d97818);border-radius:2px;padding:0 1px;font-weight:var(--font-weight-medium, 500)}.pde-tree-emptyState{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--tree-color-text-tertiary, #989da5);font-size:var(--font-size-xs, 12px)}.pde-tree-nodeDragging{opacity:.35}.pde-tree-dropIndicatorBefore:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px;pointer-events:none;z-index:2}.pde-tree-dropIndicatorAfter:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px;pointer-events:none;z-index:2}.pde-tree-dropIndicatorChild{background:var(--tree-color-accent-bg, #fff8ef)!important;box-shadow:inset 0 0 0 1px var(--tree-color-accent, #f28c28);border-radius:var(--radius-sm, 4px)}.pde-tree-moreButton{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5);background:transparent;border:none;border-radius:var(--radius-xs, 3px);cursor:pointer;opacity:0;transition:opacity var(--transition-fast, .14s ease),color var(--transition-fast, .14s ease)}.pde-tree-nodeRow:hover .pde-tree-moreButton{opacity:1}.pde-tree-moreButton:hover{color:var(--tree-color-accent, #f28c28)}.pde-tree-moreButtonActive{opacity:1!important;color:var(--tree-color-accent, #f28c28)}.pde-tree-contextMenu{position:fixed;z-index:1000;width:min(248px,calc(100vw - 16px));min-width:0;max-width:calc(100vw - 16px);padding:4px;background:var(--tree-color-surface, #ffffff);border:1px solid var(--tree-color-border-default, #e0e4e8);border-radius:var(--radius-md, 6px);box-shadow:var(--tree-shadow-lg, 0 16px 40px rgba(28, 32, 36, .1));font-size:var(--font-size-xs, 12px);font-family:inherit;color:var(--tree-color-text-primary);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain}.pde-tree-contextMenuItem{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;text-align:left;font-size:var(--font-size-sm, 13px);font-family:inherit;color:var(--tree-color-text-primary, #26282b);background:transparent;border:none;border-radius:var(--radius-xs, 3px);cursor:pointer;transition:background var(--transition-fast, .14s ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pde-tree-contextMenuItem:hover:not(:disabled){background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-contextMenuItem:disabled{color:var(--tree-color-text-disabled, #c2c6cc);cursor:not-allowed}.pde-tree-contextMenuItemDanger,.pde-tree-contextMenuItemDanger .pde-tree-contextMenuIcon{color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItemDanger:hover:not(:disabled){background:var(--tree-color-danger-soft, #fff2f1)}.pde-tree-contextMenuItemConfirming{background:var(--tree-color-danger-soft, #fff2f1);color:var(--tree-color-danger, #c95555);font-weight:var(--font-weight-semibold, 600)}.pde-tree-contextMenuItemConfirming:hover:not(:disabled){background:var(--tree-color-danger-soft, #fff2f1);color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItemConfirming .pde-tree-contextMenuIcon{color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItem:focus{outline:none;box-shadow:none}.pde-tree-contextMenuIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-secondary, #6f747c)}.pde-tree-contextMenuSeparator{height:1px;margin:4px 0;background:var(--tree-color-border-subtle, #eceff1)}.pde-tree-variant-doc{background:var(--tree-color-surface, #ffffff);font-size:var(--font-size-sm, 13px)}.pde-tree-variant-doc .pde-tree-nodeRow{height:28px;border-radius:0;padding:0 12px;position:relative}.pde-tree-variant-doc .pde-tree-nodeRow:hover,.pde-tree-variant-doc .pde-tree-nodeRowSelected{background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-variant-doc .pde-tree-nodeRowSelected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px}.pde-tree-variant-doc .pde-tree-nodeLabelBranch{font-size:11px;font-weight:var(--font-weight-semibold, 600);letter-spacing:.6px;text-transform:uppercase;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-variant-doc .pde-tree-nodeRow:has(.pde-tree-nodeLabelBranch){padding-top:10px;padding-bottom:2px;height:auto;min-height:28px}.pde-tree-variant-doc .pde-tree-leafItem .pde-tree-nodeLabel{font-weight:var(--font-weight-regular, 400);color:var(--tree-color-text-secondary, #6f747c);transition:color var(--transition-fast, .14s ease)}.pde-tree-variant-doc .pde-tree-nodeRow:hover .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b)}.pde-tree-variant-doc .pde-tree-nodeRowSelected .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b);font-weight:var(--font-weight-medium, 500)}.pde-tree-variant-doc .pde-tree-dragHandle{display:none}.pde-tree-variant-doc .pde-tree-methodBadge{font-size:10px;font-weight:var(--font-weight-semibold, 600);width:38px;height:18px;margin-right:4px}.pde-tree-variant-doc .pde-tree-indentGuide{background:var(--tree-color-border-subtle, #eceff1);opacity:.6}.pde-tree-variant-doc .pde-tree-searchRow{padding:8px 12px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1)}.pde-tree-variant-doc .pde-tree-searchInput{background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid transparent;height:30px}.pde-tree-variant-doc .pde-tree-searchInput:focus{background:var(--tree-color-surface, #ffffff);border-color:var(--tree-color-border-default, #e0e4e8)}.pde-tree-variant-api{font-size:var(--font-size-sm, 13px)}.pde-tree-variant-api .pde-tree-nodeRow{height:28px}.pde-tree-variant-api .pde-tree-methodBadge{min-width:34px;font-size:10px}.pde-tree-kind-section{height:32px!important}.pde-tree-kind-section .pde-tree-nodeLabel{font-size:11px;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.06em;color:var(--tree-color-text-secondary, #6f747c)}.pde-tree-kind-section .pde-tree-nodeIcon{color:var(--tree-color-accent, #f28c28)}.pde-tree-kind-section.pde-tree-nodeRowSelected .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b)}.pde-tree-variant-schema{font-size:var(--font-size-sm, 13px)}.pde-tree-variant-schema .pde-tree-nodeRow{height:28px}.pde-tree-variant-schema .pde-tree-requiredDot{width:5px;height:5px}.pde-tree-variant-schema .pde-tree-branchControl .pde-tree-nodeIcon{color:var(--tree-color-warning, #d98a22)}.pde-tree-variant-schema .pde-tree-leafItem .pde-tree-nodeIcon{color:var(--tree-color-info, #4f79bf)}.pde-tree-root{min-width:0;--tree-row-height: 28px}.pde-tree-root,.pde-tree-root *,.pde-tree-contextMenu,.pde-tree-contextMenu *{box-sizing:border-box}.pde-tree-root[data-size=xs]{--tree-row-height: 24px}.pde-tree-root[data-size=md]{--tree-row-height: 32px}.pde-tree-treeContainer{padding:4px 6px;overscroll-behavior:contain}.pde-tree-root .pde-tree-nodeRow{border-radius:var(--radius-md, 6px);min-width:0}.pde-tree-treeContainer[data-virtualized=true] .pde-tree-nodeRow{height:var(--tree-row-height)!important;min-height:var(--tree-row-height);margin:0;padding-block:0}.pde-tree-root .pde-tree-searchRow{background:transparent;padding:8px;gap:6px}.pde-tree-root .pde-tree-searchInput{height:var(--control-height-md, 32px);border-radius:var(--radius-md, 6px)}.pde-tree-root .pde-tree-iconButton{width:var(--control-height-md, 32px);height:var(--control-height-md, 32px);border-radius:var(--radius-md, 6px)}.pde-tree-iconButton:hover:not(:disabled),.pde-tree-moreButton:hover{background:var(--tree-color-surface-hover);color:var(--tree-color-text-primary)}.pde-tree-root :is(button,input,[role=treeitem]):focus-visible{outline:2px solid var(--tree-color-accent);outline-offset:-2px}.pde-tree-nodeRow:focus-within .pde-tree-moreButton,.pde-tree-moreButton:focus-visible{opacity:1}.pde-tree-root .pde-tree-moreButton{width:24px;height:24px;border-radius:var(--radius-sm, 4px)}.pde-tree-root .pde-tree-nodeSuffix{max-width:35%;overflow:hidden}.pde-tree-contextMenu{font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif);border-radius:var(--radius-lg, 8px)}.pde-tree-contextMenuItem{height:auto;min-height:32px;white-space:normal;padding:6px 9px;line-height:20px}.pde-tree-contextMenuItem>span:last-child{min-width:0;overflow-wrap:anywhere}.pde-tree-contextMenuItem:focus-visible{outline:2px solid var(--tree-color-accent);outline-offset:-2px;background:var(--tree-color-surface-hover)}.pde-tree-treeContainer,.pde-tree-contextMenu{scrollbar-width:thin;scrollbar-color:transparent transparent}.pde-tree-treeContainer::-webkit-scrollbar,.pde-tree-contextMenu::-webkit-scrollbar{width:6px;height:6px}.pde-tree-treeContainer::-webkit-scrollbar-thumb,.pde-tree-contextMenu::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.pde-tree-treeContainer:hover,.pde-tree-treeContainer:focus-within,.pde-tree-contextMenu:hover,.pde-tree-contextMenu:focus-within{scrollbar-color:var(--tree-color-border-strong) transparent}.pde-tree-treeContainer:hover::-webkit-scrollbar-thumb,.pde-tree-treeContainer:focus-within::-webkit-scrollbar-thumb,.pde-tree-contextMenu:hover::-webkit-scrollbar-thumb,.pde-tree-contextMenu:focus-within::-webkit-scrollbar-thumb{background:var(--tree-color-border-strong)}@media(hover:none){.pde-tree-moreButton,.pde-tree-dragHandle{opacity:1}.pde-tree-treeContainer,.pde-tree-contextMenu{scrollbar-color:var(--tree-color-border-strong) transparent}}@media(prefers-reduced-motion:reduce){.pde-tree-root *,.pde-tree-contextMenu *{transition:none;animation:none;scroll-behavior:auto}}
1
+ .pde-tree-root{--tree-color-accent: var(--color-accent, #f28c28);--tree-color-accent-active: var(--color-accent-active, #c9640d);--tree-color-accent-bg: var(--color-accent-bg, #fff8ef);--tree-color-accent-bg-soft: var(--color-accent-bg-soft, #f0f5ff);--tree-color-border-default: var(--color-border-default, #e0e4e8);--tree-color-border-strong: var(--color-border-strong, #ccd2d8);--tree-color-border-subtle: var(--color-border-subtle, #eceff1);--tree-color-danger: var(--color-danger, #FF0000);--tree-color-danger-soft: var(--color-danger-soft, #fff2f1);--tree-color-dynamic: var(--color-dynamic, #4d7ec8);--tree-color-focus-ring: var(--color-focus-ring, rgba(242, 140, 40, .28));--tree-color-info: var(--color-info, #4f79bf);--tree-color-info-soft: var(--color-info-soft, #f0f5ff);--tree-color-success: var(--color-success, #428961);--tree-color-success-soft: var(--color-success-soft, #eff8f2);--tree-color-surface: var(--color-surface, #ffffff);--tree-color-surface-hover: var(--color-surface-hover, #f4f5f6);--tree-color-surface-selected: var(--color-surface-selected, #eef0f2);--tree-color-surface-subtle: var(--color-surface-subtle, #f8f9fa);--tree-color-text-accent: var(--color-text-accent, #d97818);--tree-color-text-disabled: var(--color-text-disabled, #c2c6cc);--tree-color-text-primary: var(--color-text-primary, #26282b);--tree-color-text-secondary: var(--color-text-secondary, #6f747c);--tree-color-text-tertiary: var(--color-text-tertiary, #989da5);--tree-color-warning: var(--color-warning, #d98a22);--tree-color-warning-soft: var(--color-warning-soft, #fff8e8);--tree-shadow-lg: var(--shadow-lg, 0 16px 40px rgba(28, 32, 36, .1), 0 4px 12px rgba(28, 32, 36, .05))}.pde-tree-root[data-theme=dark],[data-theme=dark] .pde-tree-root:not([data-theme=light]){--tree-color-accent: var(--color-accent, #f4a04a);--tree-color-accent-active: var(--color-accent-active, #df7d20);--tree-color-accent-bg: var(--color-accent-bg, #2d2419);--tree-color-accent-bg-soft: var(--color-accent-bg-soft, #1d304f);--tree-color-border-default: var(--color-border-default, #3b4149);--tree-color-border-strong: var(--color-border-strong, #525a65);--tree-color-border-subtle: var(--color-border-subtle, #2d3239);--tree-color-danger: var(--color-danger, #ef7c7c);--tree-color-danger-soft: var(--color-danger-soft, #402020);--tree-color-dynamic: var(--color-dynamic, #7eb0f3);--tree-color-focus-ring: var(--color-focus-ring, rgba(244, 160, 74, .36));--tree-color-info: var(--color-info, #82aef2);--tree-color-info-soft: var(--color-info-soft, #1d304f);--tree-color-success: var(--color-success, #67bd89);--tree-color-success-soft: var(--color-success-soft, #1c3928);--tree-color-surface: var(--color-surface, #1f2125);--tree-color-surface-hover: var(--color-surface-hover, #2b2f35);--tree-color-surface-selected: var(--color-surface-selected, #343941);--tree-color-surface-subtle: var(--color-surface-subtle, #25282d);--tree-color-text-accent: var(--color-text-accent, #ffc98c);--tree-color-text-disabled: var(--color-text-disabled, #626b76);--tree-color-text-primary: var(--color-text-primary, #edf0f3);--tree-color-text-secondary: var(--color-text-secondary, #b8bec7);--tree-color-text-tertiary: var(--color-text-tertiary, #89919c);--tree-color-warning: var(--color-warning, #e7b45c);--tree-color-warning-soft: var(--color-warning-soft, #382f19);--tree-shadow-lg: var(--shadow-lg, 0 18px 44px rgba(0, 0, 0, .42), 0 6px 16px rgba(0, 0, 0, .22))}.pde-tree-root{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif);font-size:var(--font-size-sm, 13px);line-height:var(--line-height-normal, 20px);color:var(--tree-color-text-primary, #26282b);background:var(--tree-color-surface, #ffffff)}.pde-tree-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1);flex-shrink:0}.pde-tree-searchRow{display:flex;align-items:center;padding:6px 8px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1);flex-shrink:0;gap:6px}.pde-tree-searchInputWrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.pde-tree-searchIcon{position:absolute;left:8px;display:flex;align-items:center;color:var(--tree-color-text-tertiary, #989da5);pointer-events:none;z-index:1}.pde-tree-searchInput{width:100%;height:28px;padding:0 8px 0 28px;font-size:var(--font-size-sm, 13px);font-family:inherit;color:var(--tree-color-text-primary, #26282b);background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid var(--tree-color-border-default, #e0e4e8);border-radius:var(--radius-sm, 4px);outline:none;transition:border-color var(--transition-fast, .14s ease),box-shadow var(--transition-fast, .14s ease),background var(--transition-fast, .14s ease)}.pde-tree-searchInput:hover{border-color:var(--tree-color-border-strong, #ccd2d8)}.pde-tree-searchInput:focus{border-color:var(--tree-color-accent, #f28c28);box-shadow:0 0 0 2px var(--tree-color-focus-ring, rgba(242, 140, 40, .28));background:var(--tree-color-surface, #ffffff)}.pde-tree-searchInput::placeholder{color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-iconButton{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:var(--icon-size-sm, 14px);color:var(--tree-color-text-secondary, #6f747c);background:transparent;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:color var(--transition-fast, .14s ease);flex-shrink:0}.pde-tree-iconButton:hover:not(:disabled){color:var(--tree-color-accent, #f28c28)}.pde-tree-iconButton:active:not(:disabled){color:var(--tree-color-accent-active, #c9640d)}.pde-tree-iconButton:disabled{opacity:.35;cursor:not-allowed}.pde-tree-treeContainer{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 0}.pde-tree-treeContainer:focus{outline:none}.pde-tree-treeContainer::-webkit-scrollbar{width:6px}.pde-tree-treeContainer::-webkit-scrollbar-track{background:transparent}.pde-tree-treeContainer::-webkit-scrollbar-thumb{background:var(--tree-color-border-default, #e0e4e8);border-radius:3px}.pde-tree-treeContainer::-webkit-scrollbar-thumb:hover{background:var(--tree-color-border-strong, #ccd2d8)}.pde-tree-indentGuide{position:absolute;top:0;bottom:0;width:1px;background:var(--tree-color-border-subtle, #eceff1);pointer-events:none}.pde-tree-nodeRow{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px;cursor:default;user-select:none;white-space:nowrap;position:relative;outline:none;transition:background var(--transition-fast, .14s ease)}.pde-tree-nodeRow:hover{background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-nodeRowSelected{background:var(--tree-color-surface-selected, #eef0f2)}.pde-tree-nodeRowSelected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px}.pde-tree-nodeRowSelected:hover{background:var(--tree-color-surface-selected, #eef0f2)}.pde-tree-nodeRowSelected .pde-tree-nodeLabel{font-weight:var(--font-weight-medium, 500);color:var(--tree-color-text-primary, #26282b)}.pde-tree-branchControl,.pde-tree-leafItem{cursor:pointer}.pde-tree-expandIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-expandIconPlaceholder{width:14px;flex-shrink:0}.pde-tree-dragHandle{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5);cursor:grab;opacity:0;transition:opacity var(--transition-fast, .14s ease),color var(--transition-fast, .14s ease)}.pde-tree-dragHandle:hover{color:var(--tree-color-text-primary, #26282b);opacity:1}.pde-tree-dragHandle:active{cursor:grabbing}.pde-tree-dragHandleDisabled{cursor:not-allowed;opacity:.2!important}.pde-tree-nodeRow:hover .pde-tree-dragHandle{opacity:.6}.pde-tree-nodeRow:hover .pde-tree-dragHandle:hover{opacity:1}.pde-tree-nodeIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-primitiveDot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.pde-tree-nodeLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-sm, 13px)}.pde-tree-nodeLabelBranch{font-weight:var(--font-weight-medium, 500)}.pde-tree-deprecatedLabel{text-decoration:line-through;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-nodeSuffix{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.pde-tree-countBadge{margin-left:auto;font-size:10px;font-weight:var(--font-weight-medium, 500);color:var(--tree-color-text-tertiary, #989da5);background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid var(--tree-color-border-subtle, #eceff1);border-radius:var(--radius-full, 9999px);padding:0 5px;line-height:14px;min-width:16px;text-align:center}.pde-tree-methodBadge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:18px;font-size:10px;font-weight:var(--font-weight-semibold, 600);letter-spacing:.3px;border-radius:var(--radius-xs, 3px);flex-shrink:0;margin-right:6px;font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif)}.pde-tree-methodGet{color:var(--tree-color-success, #428961);background:var(--tree-color-success-soft, #eff8f2)}.pde-tree-methodPost{color:var(--tree-color-info, #4f79bf);background:var(--tree-color-info-soft, #f0f5ff)}.pde-tree-methodPut{color:var(--tree-color-warning, #d98a22);background:var(--tree-color-warning-soft, #fff8e8)}.pde-tree-methodPatch{color:var(--tree-color-dynamic, #4d7ec8);background:var(--tree-color-accent-bg-soft, #f0f5ff)}.pde-tree-methodDelete{color:var(--tree-color-danger, #c95555);background:var(--tree-color-danger-soft, #fff2f1)}.pde-tree-methodOther{color:var(--tree-color-text-secondary, #6f747c);background:var(--tree-color-surface-subtle, #f8f9fa)}.pde-tree-requiredDot{width:4px;height:4px;border-radius:50%;background:var(--tree-color-danger, #c95555);flex-shrink:0}.pde-tree-highlight{background:var(--tree-color-accent-bg, #fff8ef);color:var(--tree-color-text-accent, #d97818);border-radius:2px;padding:0 1px;font-weight:var(--font-weight-medium, 500)}.pde-tree-emptyState{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--tree-color-text-tertiary, #989da5);font-size:var(--font-size-xs, 12px)}.pde-tree-nodeDragging{opacity:.35}.pde-tree-dropIndicatorBefore:before{content:"";position:absolute;top:0;left:8px;right:8px;height:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px;pointer-events:none;z-index:2}.pde-tree-dropIndicatorAfter:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px;pointer-events:none;z-index:2}.pde-tree-dropIndicatorChild{background:var(--tree-color-accent-bg, #fff8ef)!important;box-shadow:inset 0 0 0 1px var(--tree-color-accent, #f28c28);border-radius:var(--radius-sm, 4px)}.pde-tree-moreButton{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;flex-shrink:0;color:var(--tree-color-text-tertiary, #989da5);background:transparent;border:none;border-radius:var(--radius-xs, 3px);cursor:pointer;opacity:0;transition:opacity var(--transition-fast, .14s ease),color var(--transition-fast, .14s ease)}.pde-tree-nodeRow:hover .pde-tree-moreButton{opacity:1}.pde-tree-moreButton:hover{color:var(--tree-color-accent, #f28c28)}.pde-tree-moreButtonActive{opacity:1!important;color:var(--tree-color-accent, #f28c28)}.pde-tree-contextMenu{position:fixed;z-index:1000;width:min(248px,calc(100vw - 16px));min-width:0;max-width:calc(100vw - 16px);padding:4px;background:var(--tree-color-surface, #ffffff);border:1px solid var(--tree-color-border-default, #e0e4e8);border-radius:var(--radius-md, 6px);box-shadow:var(--tree-shadow-lg, 0 16px 40px rgba(28, 32, 36, .1));font-size:var(--font-size-xs, 12px);font-family:inherit;color:var(--tree-color-text-primary);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain}.pde-tree-contextMenuItem{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;text-align:left;font-size:var(--font-size-sm, 13px);font-family:inherit;color:var(--tree-color-text-primary, #26282b);background:transparent;border:none;border-radius:var(--radius-xs, 3px);cursor:pointer;transition:background var(--transition-fast, .14s ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pde-tree-contextMenuItem:hover:not(:disabled){background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-contextMenuItem:disabled{color:var(--tree-color-text-disabled, #c2c6cc);cursor:not-allowed}.pde-tree-contextMenuItemDanger,.pde-tree-contextMenuItemDanger .pde-tree-contextMenuIcon{color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItemDanger:hover:not(:disabled){background:var(--tree-color-danger-soft, #fff2f1)}.pde-tree-contextMenuItemConfirming{background:var(--tree-color-danger-soft, #fff2f1);color:var(--tree-color-danger, #c95555);font-weight:var(--font-weight-semibold, 600)}.pde-tree-contextMenuItemConfirming:hover:not(:disabled){background:var(--tree-color-danger-soft, #fff2f1);color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItemConfirming .pde-tree-contextMenuIcon{color:var(--tree-color-danger, #c95555)}.pde-tree-contextMenuItem:focus{outline:none;box-shadow:none}.pde-tree-contextMenuIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--tree-color-text-secondary, #6f747c)}.pde-tree-contextMenuSeparator{height:1px;margin:4px 0;background:var(--tree-color-border-subtle, #eceff1)}.pde-tree-variant-doc{background:var(--tree-color-surface, #ffffff);font-size:var(--font-size-sm, 13px)}.pde-tree-variant-doc .pde-tree-nodeRow{height:28px;border-radius:0;padding:0 12px;position:relative}.pde-tree-variant-doc .pde-tree-nodeRow:hover,.pde-tree-variant-doc .pde-tree-nodeRowSelected{background:var(--tree-color-surface-hover, #f4f5f6)}.pde-tree-variant-doc .pde-tree-nodeRowSelected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--tree-color-accent, #f28c28);border-radius:1px}.pde-tree-variant-doc .pde-tree-nodeLabelBranch{font-size:11px;font-weight:var(--font-weight-semibold, 600);letter-spacing:.6px;text-transform:uppercase;color:var(--tree-color-text-tertiary, #989da5)}.pde-tree-variant-doc .pde-tree-nodeRow:has(.pde-tree-nodeLabelBranch){padding-top:10px;padding-bottom:2px;height:auto;min-height:28px}.pde-tree-variant-doc .pde-tree-leafItem .pde-tree-nodeLabel{font-weight:var(--font-weight-regular, 400);color:var(--tree-color-text-secondary, #6f747c);transition:color var(--transition-fast, .14s ease)}.pde-tree-variant-doc .pde-tree-nodeRow:hover .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b)}.pde-tree-variant-doc .pde-tree-nodeRowSelected .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b);font-weight:var(--font-weight-medium, 500)}.pde-tree-variant-doc .pde-tree-dragHandle{display:none}.pde-tree-variant-doc .pde-tree-methodBadge{font-size:10px;font-weight:var(--font-weight-semibold, 600);width:38px;height:18px;margin-right:4px}.pde-tree-variant-doc .pde-tree-indentGuide{background:var(--tree-color-border-subtle, #eceff1);opacity:.6}.pde-tree-variant-doc .pde-tree-searchRow{padding:8px 12px;border-bottom:1px solid var(--tree-color-border-subtle, #eceff1)}.pde-tree-variant-doc .pde-tree-searchInput{background:var(--tree-color-surface-subtle, #f8f9fa);border:1px solid transparent;height:30px}.pde-tree-variant-doc .pde-tree-searchInput:focus{background:var(--tree-color-surface, #ffffff);border-color:var(--tree-color-border-default, #e0e4e8)}.pde-tree-variant-api{font-size:var(--font-size-sm, 13px)}.pde-tree-variant-api .pde-tree-nodeRow{height:28px}.pde-tree-variant-api .pde-tree-methodBadge{min-width:34px;font-size:10px}.pde-tree-kind-section{height:32px!important}.pde-tree-kind-section .pde-tree-nodeLabel{font-size:11px;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.06em;color:var(--tree-color-text-secondary, #6f747c)}.pde-tree-kind-section .pde-tree-nodeIcon{color:var(--tree-color-accent, #f28c28)}.pde-tree-kind-section.pde-tree-nodeRowSelected .pde-tree-nodeLabel{color:var(--tree-color-text-primary, #26282b)}.pde-tree-variant-schema{font-size:var(--font-size-sm, 13px)}.pde-tree-variant-schema .pde-tree-nodeRow{height:28px}.pde-tree-variant-schema .pde-tree-requiredDot{width:5px;height:5px}.pde-tree-variant-schema .pde-tree-branchControl .pde-tree-nodeIcon{color:var(--tree-color-warning, #d98a22)}.pde-tree-variant-schema .pde-tree-leafItem .pde-tree-nodeIcon{color:var(--tree-color-info, #4f79bf)}.pde-tree-root{min-width:0;--tree-row-height: 28px}.pde-tree-root,.pde-tree-root *,.pde-tree-contextMenu,.pde-tree-contextMenu *{box-sizing:border-box}.pde-tree-root[data-size=xs]{--tree-row-height: 24px}.pde-tree-root[data-size=md]{--tree-row-height: 32px}.pde-tree-treeContainer{padding:4px 6px;overscroll-behavior:contain}.pde-tree-root .pde-tree-nodeRow{border-radius:var(--radius-md, 6px);min-width:0}.pde-tree-treeContainer[data-virtualized=true] .pde-tree-nodeRow{height:var(--tree-row-height)!important;min-height:var(--tree-row-height);margin:0;padding-block:0}.pde-tree-root .pde-tree-searchRow{background:transparent;padding:8px;gap:6px}.pde-tree-root .pde-tree-searchInput{height:var(--control-height-sm, 28px);border-radius:var(--radius-md, 6px)}.pde-tree-root .pde-tree-iconButton{width:var(--control-height-sm, 28px);height:var(--control-height-sm, 28px);border-radius:var(--radius-md, 6px)}.pde-tree-iconButton:hover:not(:disabled),.pde-tree-moreButton:hover{background:var(--tree-color-surface-hover);color:var(--tree-color-text-primary)}.pde-tree-root :is(button,input,[role=treeitem]):focus-visible{outline:2px solid var(--tree-color-accent);outline-offset:-2px}.pde-tree-nodeRow:focus-within .pde-tree-moreButton,.pde-tree-moreButton:focus-visible{opacity:1}.pde-tree-root .pde-tree-moreButton{width:24px;height:24px;border-radius:var(--radius-sm, 4px)}.pde-tree-root .pde-tree-nodeSuffix{max-width:35%;overflow:hidden}.pde-tree-contextMenu{font-family:var(--font-family-ui, Inter, ui-sans-serif, system-ui, sans-serif);border-radius:var(--radius-lg, 8px)}.pde-tree-contextMenuItem{height:auto;min-height:32px;white-space:normal;padding:6px 9px;line-height:20px}.pde-tree-contextMenuItem>span:last-child{min-width:0;overflow-wrap:anywhere}.pde-tree-contextMenuItem:focus-visible{outline:2px solid var(--tree-color-accent);outline-offset:-2px;background:var(--tree-color-surface-hover)}.pde-tree-treeContainer,.pde-tree-contextMenu{scrollbar-width:thin;scrollbar-color:transparent transparent}.pde-tree-treeContainer::-webkit-scrollbar,.pde-tree-contextMenu::-webkit-scrollbar{width:6px;height:6px}.pde-tree-treeContainer::-webkit-scrollbar-thumb,.pde-tree-contextMenu::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.pde-tree-treeContainer:hover,.pde-tree-treeContainer:focus-within,.pde-tree-contextMenu:hover,.pde-tree-contextMenu:focus-within{scrollbar-color:var(--tree-color-border-strong) transparent}.pde-tree-treeContainer:hover::-webkit-scrollbar-thumb,.pde-tree-treeContainer:focus-within::-webkit-scrollbar-thumb,.pde-tree-contextMenu:hover::-webkit-scrollbar-thumb,.pde-tree-contextMenu:focus-within::-webkit-scrollbar-thumb{background:var(--tree-color-border-strong)}@media(hover:none){.pde-tree-moreButton,.pde-tree-dragHandle{opacity:1}.pde-tree-treeContainer,.pde-tree-contextMenu{scrollbar-color:var(--tree-color-border-strong) transparent}}@media(prefers-reduced-motion:reduce){.pde-tree-root *,.pde-tree-contextMenu *{transition:none;animation:none;scroll-behavior:auto}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@powerduck/tree",
3
- "version": "0.7.8",
3
+ "version": "0.7.9",
4
4
  "description": "Extensible tree component for API navigation, schema exploration, and documentation. Supports OpenAPI 3.2 nested tags, x-tagGroups, and custom data sources.",
5
5
  "license": "MIT",
6
6
  "author": "powerduck",