@lucasbernardosn/react-ui 0.1.0 → 0.3.0

package/dist/components/collections/tree-view/index.parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/collections/tree-view/index.parts.ts"],"sourcesContent":["export {\n  createFileTreeCollection as createFileCollection,\n  createTreeCollection as createCollection,\n} from './tree-collection';\nexport { TreeViewBranch as Branch } from './tree-view-branch';\nexport { TreeViewBranchContent as BranchContent } from './tree-view-branch-content';\nexport { TreeViewBranchControl as BranchControl } from './tree-view-branch-control';\nexport { TreeViewBranchIndentGuide as BranchIndentGuide } from './tree-view-branch-indent-guide';\nexport { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator';\nexport { TreeViewBranchText as BranchText } from './tree-view-branch-text';\nexport { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';\nexport { TreeViewContext as Context } from './tree-view-context';\nexport { TreeViewItem as Item } from './tree-view-item';\nexport { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator';\nexport { TreeViewItemText as ItemText } from './tree-view-item-text';\nexport { TreeViewLabel as Label } from './tree-view-label';\nexport { TreeViewNodeRenderer as NodeRenderer } from './tree-view-node';\nexport { TreeViewNodeCheckbox as NodeCheckbox } from './tree-view-node-checkbox';\nexport { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator';\nexport { TreeViewNodeContext as NodeContext } from './tree-view-node-context';\nexport { TreeViewNodeProvider as NodeProvider } from './tree-view-node-provider';\nexport { TreeViewNodeRenameInput as NodeRenameInput } from './tree-view-node-rename-input';\nexport { TreeViewRoot as Root } from './tree-view-root';\nexport { TreeViewRootProvider as RootProvider } from './tree-view-root-provider';\nexport { TreeViewTree as Tree } from './tree-view-tree';\nexport { treeViewTranslations, useTreeView } from './use-tree-view';\nexport { useTreeViewContext } from './use-tree-view-context';\nexport { useTreeViewNodeContext } from './use-tree-view-node-context';\nexport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\n/* types */\n\nexport type {\n  FilePathTreeNode as FilePathNode,\n  FlatTreeNode as FlatNode,\n  FlatTreeNodeMeta as FlatNodeMeta,\n  TreeCollection as Collection,\n  TreeCollectionMethods as CollectionMethods,\n  TreeCollectionOptions as CollectionOptions,\n  TreeNode as Node,\n} from '@zag-js/collection';\nexport type {\n  CheckedChangeDetails,\n  ExpandedChangeDetails,\n  FocusChangeDetails,\n  IntlTranslations,\n  LoadChildrenCompleteDetails,\n  LoadChildrenDetails,\n  LoadChildrenErrorDetails,\n  NodeProps,\n  NodeState,\n  RenameCompleteDetails,\n  RenameStartDetails,\n  SelectionChangeDetails,\n} from '@zag-js/tree-view';\nexport type { TreeViewBranchProps as BranchProps } from './tree-view-branch';\nexport type { TreeViewBranchContentProps as BranchContentProps } from './tree-view-branch-content';\nexport type { TreeViewBranchControlProps as BranchControlProps } from './tree-view-branch-control';\nexport type { TreeViewBranchIndentGuideProps as BranchIndentGuideProps } from './tree-view-branch-indent-guide';\nexport type { TreeViewBranchIndicatorProps as BranchIndicatorProps } from './tree-view-branch-indicator';\nexport type { TreeViewBranchTextProps as BranchTextProps } from './tree-view-branch-text';\nexport type { TreeViewBranchTriggerProps as BranchTriggerProps } from './tree-view-branch-trigger';\nexport type { TreeViewContextProps as ContextProps } from './tree-view-context';\nexport type { TreeViewItemProps as ItemProps } from './tree-view-item';\nexport type { TreeViewItemIndicatorProps as ItemIndicatorProps } from './tree-view-item-indicator';\nexport type { TreeViewItemTextProps as ItemTextProps } from './tree-view-item-text';\nexport type { TreeViewLabelProps as LabelProps } from './tree-view-label';\nexport type { TreeViewNodeRendererProps as NodeRendererProps } from './tree-view-node';\nexport type { TreeViewNodeCheckboxProps as NodeCheckboxProps } from './tree-view-node-checkbox';\nexport type { TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps } from './tree-view-node-checkbox-indicator';\nexport type { TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context';\nexport type { TreeViewNodeProviderProps as NodeProviderProps } from './tree-view-node-provider';\nexport type { TreeViewNodeRenameInputProps as NodeRenameInputProps } from './tree-view-node-rename-input';\nexport type { TreeViewRootProps as RootProps } from './tree-view-root';\nexport type { TreeViewRootProviderProps as RootProviderProps } from './tree-view-root-provider';\nexport type { TreeViewTreeProps as TreeProps } from './tree-view-tree';\nexport type { UseTreeViewProps, UseTreeViewReturn } from './use-tree-view';\nexport type { TreeViewVariants as Variants } from './use-tree-view-variants-context';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/collections/tree-view/index.parts.ts"],"sourcesContent":["export {\n  createFileTreeCollection as createFileCollection,\n  createTreeCollection as createCollection,\n} from './tree-collection';\nexport { TreeViewBranch as Branch } from './tree-view-branch';\nexport { TreeViewBranchContent as BranchContent } from './tree-view-branch-content';\nexport { TreeViewBranchControl as BranchControl } from './tree-view-branch-control';\nexport { TreeViewBranchIndentGuide as BranchIndentGuide } from './tree-view-branch-indent-guide';\nexport { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator';\nexport { TreeViewBranchText as BranchText } from './tree-view-branch-text';\nexport { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';\nexport { TreeViewContext as Context } from './tree-view-context';\nexport { TreeViewItem as Item } from './tree-view-item';\nexport { TreeViewItemIndicator as ItemIndicator } from './tree-view-item-indicator';\nexport { TreeViewItemText as ItemText } from './tree-view-item-text';\nexport { TreeViewLabel as Label } from './tree-view-label';\nexport { TreeViewNodeRenderer as NodeRenderer } from './tree-view-node';\nexport { TreeViewNodeCheckbox as NodeCheckbox } from './tree-view-node-checkbox';\nexport { TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator } from './tree-view-node-checkbox-indicator';\nexport { TreeViewNodeContext as NodeContext } from './tree-view-node-context';\nexport { TreeViewNodeProvider as NodeProvider } from './tree-view-node-provider';\nexport { TreeViewNodeRenameInput as NodeRenameInput } from './tree-view-node-rename-input';\nexport { TreeViewRoot as Root } from './tree-view-root';\nexport { TreeViewRootProvider as RootProvider } from './tree-view-root-provider';\nexport { TreeViewTree as Tree } from './tree-view-tree';\nexport { treeViewTranslations, useTreeView } from './use-tree-view';\nexport { useTreeViewContext } from './use-tree-view-context';\nexport { useTreeViewNodeContext } from './use-tree-view-node-context';\nexport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\n/* types */\n\nexport type {\n  FilePathTreeNode as FilePathNode,\n  FlatTreeNode as FlatNode,\n  FlatTreeNodeMeta as FlatNodeMeta,\n  TreeCollection as Collection,\n  TreeCollectionMethods as CollectionMethods,\n  TreeCollectionOptions as CollectionOptions,\n  TreeNode as Node,\n} from '@zag-js/collection';\nexport type {\n  CheckedChangeDetails,\n  ExpandedChangeDetails,\n  FocusChangeDetails,\n  IntlTranslations,\n  LoadChildrenCompleteDetails,\n  LoadChildrenDetails,\n  LoadChildrenErrorDetails,\n  NodeProps,\n  NodeState,\n  RenameCompleteDetails,\n  RenameStartDetails,\n  SelectionChangeDetails,\n} from '@zag-js/tree-view';\nexport type { TreeViewBranchProps as BranchProps } from './tree-view-branch';\nexport type { TreeViewBranchContentProps as BranchContentProps } from './tree-view-branch-content';\nexport type { TreeViewBranchControlProps as BranchControlProps } from './tree-view-branch-control';\nexport type { TreeViewBranchIndentGuideProps as BranchIndentGuideProps } from './tree-view-branch-indent-guide';\nexport type { TreeViewBranchIndicatorProps as BranchIndicatorProps } from './tree-view-branch-indicator';\nexport type { TreeViewBranchTextProps as BranchTextProps } from './tree-view-branch-text';\nexport type { TreeViewBranchTriggerProps as BranchTriggerProps } from './tree-view-branch-trigger';\nexport type { TreeViewContextProps as ContextProps } from './tree-view-context';\nexport type { TreeViewItemProps as ItemProps } from './tree-view-item';\nexport type { TreeViewItemIndicatorProps as ItemIndicatorProps } from './tree-view-item-indicator';\nexport type { TreeViewItemTextProps as ItemTextProps } from './tree-view-item-text';\nexport type { TreeViewLabelProps as LabelProps } from './tree-view-label';\nexport type {\n  TreeViewNodeRendererArgs as NodeRendererArgs,\n  TreeViewNodeRendererProps as NodeRendererProps,\n} from './tree-view-node';\nexport type { TreeViewNodeCheckboxProps as NodeCheckboxProps } from './tree-view-node-checkbox';\nexport type { TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps } from './tree-view-node-checkbox-indicator';\nexport type { TreeViewNodeContextProps as NodeContextProps } from './tree-view-node-context';\nexport type { TreeViewNodeProviderProps as NodeProviderProps } from './tree-view-node-provider';\nexport type { TreeViewNodeRenameInputProps as NodeRenameInputProps } from './tree-view-node-rename-input';\nexport type { TreeViewRootProps as RootProps } from './tree-view-root';\nexport type { TreeViewRootProviderProps as RootProviderProps } from './tree-view-root-provider';\nexport type { TreeViewTreeProps as TreeProps } from './tree-view-tree';\nexport type { UseTreeViewProps, UseTreeViewReturn } from './use-tree-view';\nexport type { TreeViewVariants as Variants } from './use-tree-view-variants-context';\n"],"mappings":""}

package/dist/components/collections/tree-view/tree-view-branch-content.d.ts

@@ -1,7 +1,7 @@
 import { CollapsiblePanelProps } from "../../disclosure/collapsible/collapsible-panel.js";
 import { index_parts_d_exports } from "../../disclosure/collapsible/index.parts.js";
 import "../../disclosure/collapsible/index.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/collections/tree-view/tree-view-branch-content.d.ts
 /**

package/dist/components/collections/tree-view/tree-view-branch-content.js

@@ -3,7 +3,7 @@ import { CollapsiblePanel } from "../../disclosure/collapsible/collapsible-panel
 import { useTreeViewContext } from "./use-tree-view-context.js";
 import { useTreeViewNodePropsContext } from "./use-tree-view-node-props-context.js";
 import { useTreeViewRenderStrategyContext } from "./use-tree-view-render-strategy-context.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/collections/tree-view/tree-view-branch-content.tsx

package/dist/components/collections/tree-view/tree-view-branch-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-branch-content.js","names":["Collapsible.Panel"],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-content.tsx"],"sourcesContent":["import { mergeProps, type useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { Collapsible } from '#components/disclosure/collapsible';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\nimport { useTreeViewRenderStrategyContext } from './use-tree-view-render-strategy-context';\n\n/**\n * Props do conteúdo do branch.\n *\n * `className` e `style` aceitam apenas valores diretos, e não funções de\n * estado; para estilizar por estado, use os atributos `data-open`,\n * `data-closed` e `data-starting-style`.\n */\nexport type TreeViewBranchContentProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  Pick<\n    Collapsible.PanelProps,\n    'render' | 'keepMounted' | 'hiddenUntilFound' | 'orientation'\n  >\n>;\n\n/**\n * Atributos de visibilidade destinados a um conteúdo renderizado como\n * elemento simples. Aqui quem controla exibição e animação é o painel\n * colapsável, então os dois são descartados para não disputar com\n * `data-open`, `data-closed` e `data-starting-style`.\n */\ntype VisibilityProps = {\n  hidden?: boolean | undefined;\n  'data-state'?: string | undefined;\n};\n\nconst splitVisibilityProps = createSplitProps<VisibilityProps>();\n\n/**\n * Conteúdo colapsável de um branch, onde os nós filhos são renderizados.\n *\n * A altura é animada ao abrir e ao fechar, e o que passa das bordas é\n * recortado durante a transição.\n */\nexport const TreeViewBranchContent = (props: TreeViewBranchContentProps) => {\n  const { className, keepMounted, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n  const { keepMounted: keepMountedFromContext } =\n    useTreeViewRenderStrategyContext();\n\n  const [, zagProps] = splitVisibilityProps(\n    treeView.getBranchContentProps(nodeProps),\n    ['hidden', 'data-state'],\n  );\n\n  const baseProps = {\n    'data-component': 'TreeView.BranchContent',\n    // A prop local vence a estratégia declarada na raiz.\n    keepMounted: keepMounted ?? keepMountedFromContext,\n    className: mergeTwClassNames(\n      ['relative', 'space-y-(--tree-view-vertical-spacing)'],\n      className,\n    ),\n  };\n\n  return (\n    <Collapsible.Panel {...mergeProps<'div'>(baseProps, zagProps, rest)} />\n  );\n};\n\nTreeViewBranchContent.displayName = 'TreeView.BranchContent';\n"],"mappings":";;;;;;;;;AAkCA,MAAM,uBAAuB,iBAAkC;;;;;;;AAQ/D,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,WAAW,aAAa,GAAG,SAAS;CAE5C,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAC9C,MAAM,EAAE,aAAa,2BACnB,iCAAiC;CAEnC,MAAM,GAAG,YAAY,qBACnB,SAAS,sBAAsB,SAAS,GACxC,CAAC,UAAU,YAAY,CACzB;CAEA,MAAM,YAAY;EAChB,kBAAkB;EAElB,aAAa,eAAe;EAC5B,WAAW,kBACT,CAAC,YAAY,wCAAwC,GACrD,SACF;CACF;CAEA,OACE,oBAACA,kBAAD,EAAmB,GAAI,WAAkB,WAAW,UAAU,IAAI,EAAI,CAAA;AAE1E;AAEA,sBAAsB,cAAc"}
+{"version":3,"file":"tree-view-branch-content.js","names":["Collapsible.Panel"],"sources":["../../../../src/components/collections/tree-view/tree-view-branch-content.tsx"],"sourcesContent":["import { mergeProps, type useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { Collapsible } from '#components/disclosure/collapsible';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\nimport { useTreeViewRenderStrategyContext } from './use-tree-view-render-strategy-context';\n\n/**\n * Props do conteúdo do branch.\n *\n * `className` e `style` aceitam apenas valores diretos, e não funções de\n * estado; para estilizar por estado, use os atributos `data-open`,\n * `data-closed` e `data-starting-style`.\n */\nexport type TreeViewBranchContentProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  Pick<\n    Collapsible.PanelProps,\n    'render' | 'keepMounted' | 'hiddenUntilFound' | 'orientation'\n  >\n>;\n\n/**\n * Atributos de visibilidade destinados a um conteúdo renderizado como\n * elemento simples. Aqui quem controla exibição e animação é o painel\n * colapsável, então os dois são descartados para não disputar com\n * `data-open`, `data-closed` e `data-starting-style`.\n */\ntype VisibilityProps = {\n  hidden?: boolean | undefined;\n  'data-state'?: string | undefined;\n};\n\nconst splitVisibilityProps = createSplitProps<VisibilityProps>();\n\n/**\n * Conteúdo colapsável de um branch, onde os nós filhos são renderizados.\n *\n * A altura é animada ao abrir e ao fechar, e o que passa das bordas é\n * recortado durante a transição.\n */\nexport const TreeViewBranchContent = (props: TreeViewBranchContentProps) => {\n  const { className, keepMounted, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n  const { keepMounted: keepMountedFromContext } =\n    useTreeViewRenderStrategyContext();\n\n  const [, zagProps] = splitVisibilityProps(\n    treeView.getBranchContentProps(nodeProps),\n    ['hidden', 'data-state'],\n  );\n\n  const baseProps = {\n    'data-component': 'TreeView.BranchContent',\n    // A prop local vence a estratégia declarada na raiz.\n    keepMounted: keepMounted ?? keepMountedFromContext,\n    className: mergeTwClassNames(\n      ['relative', 'space-y-(--tree-view-vertical-spacing)'],\n      className,\n    ),\n  };\n\n  return (\n    <Collapsible.Panel {...mergeProps<'div'>(baseProps, zagProps, rest)} />\n  );\n};\n\nTreeViewBranchContent.displayName = 'TreeView.BranchContent';\n"],"mappings":";;;;;;;;;AAqCA,MAAM,uBAAuB,iBAAkC;;;;;;;AAQ/D,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,WAAW,aAAa,GAAG,SAAS;CAE5C,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAC9C,MAAM,EAAE,aAAa,2BACnB,iCAAiC;CAEnC,MAAM,GAAG,YAAY,qBACnB,SAAS,sBAAsB,SAAS,GACxC,CAAC,UAAU,YAAY,CACzB;CAEA,MAAM,YAAY;EAChB,kBAAkB;EAElB,aAAa,eAAe;EAC5B,WAAW,kBACT,CAAC,YAAY,wCAAwC,GACrD,SACF;CACF;CAEA,OACE,oBAACA,kBAAD,EAAmB,GAAI,WAAkB,WAAW,UAAU,IAAI,EAAI,CAAA;AAE1E;AAEA,sBAAsB,cAAc"}

package/dist/components/collections/tree-view/tree-view-branch.d.ts

@@ -1,7 +1,7 @@
 import { CollapsibleRootProps } from "../../disclosure/collapsible/collapsible-root.js";
 import { index_parts_d_exports } from "../../disclosure/collapsible/index.parts.js";
 import "../../disclosure/collapsible/index.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/collections/tree-view/tree-view-branch.d.ts
 /**

package/dist/components/collections/tree-view/tree-view-branch.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-branch.js","names":["Collapsible.Root"],"sources":["../../../../src/components/collections/tree-view/tree-view-branch.tsx"],"sourcesContent":["import { mergeProps, type useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/utils';\nimport { Collapsible } from '#components/disclosure/collapsible';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodeContext } from './use-tree-view-node-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\n/**\n * Props do branch.\n *\n * A expansão acompanha o estado do nó na árvore, então as props que abririam\n * ou fechariam o branch por fora (`open`, `defaultOpen`, `onOpenChange`) não\n * ficam disponíveis. `className` e `style` aceitam apenas valores diretos, e\n * não funções de estado; para estilizar por estado, use os atributos\n * `data-open` e `data-closed`.\n */\nexport type TreeViewBranchProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  Pick<Collapsible.RootProps, 'render' | 'disabled'>\n>;\n\n/**\n * Envoltório de um nó pai: agrupa a linha do branch e o conteúdo que aparece\n * quando ele é expandido.\n *\n * É o elemento que carrega a semântica do nó na árvore — profundidade, estado\n * de expansão e posição entre os irmãos.\n */\nexport const TreeViewBranch = (props: TreeViewBranchProps) => {\n  const { className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n  const nodeState = useTreeViewNodeContext();\n\n  const zagProps = treeView.getBranchProps(nodeProps);\n\n  const baseProps = {\n    'data-component': 'TreeView.Branch',\n    className: mergeTwClassNames(\n      ['relative', 'space-y-(--tree-view-vertical-spacing)'],\n      className,\n    ),\n  };\n\n  return (\n    <Collapsible.Root\n      open={nodeState.expanded}\n      {...mergeProps<'div'>(baseProps, zagProps, rest)}\n    />\n  );\n};\n\nTreeViewBranch.displayName = 'TreeView.Branch';\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAC9C,MAAM,YAAY,uBAAuB;CAEzC,MAAM,WAAW,SAAS,eAAe,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,CAAC,YAAY,wCAAwC,GACrD,SACF;CACF;CAEA,OACE,oBAACA,iBAAD;EACE,MAAM,UAAU;EAChB,GAAI,WAAkB,WAAW,UAAU,IAAI;CAChD,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"tree-view-branch.js","names":["Collapsible.Root"],"sources":["../../../../src/components/collections/tree-view/tree-view-branch.tsx"],"sourcesContent":["import { mergeProps, type useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/ts-utils';\nimport { Collapsible } from '#components/disclosure/collapsible';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodeContext } from './use-tree-view-node-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\n/**\n * Props do branch.\n *\n * A expansão acompanha o estado do nó na árvore, então as props que abririam\n * ou fechariam o branch por fora (`open`, `defaultOpen`, `onOpenChange`) não\n * ficam disponíveis. `className` e `style` aceitam apenas valores diretos, e\n * não funções de estado; para estilizar por estado, use os atributos\n * `data-open` e `data-closed`.\n */\nexport type TreeViewBranchProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  Pick<Collapsible.RootProps, 'render' | 'disabled'>\n>;\n\n/**\n * Envoltório de um nó pai: agrupa a linha do branch e o conteúdo que aparece\n * quando ele é expandido.\n *\n * É o elemento que carrega a semântica do nó na árvore — profundidade, estado\n * de expansão e posição entre os irmãos.\n */\nexport const TreeViewBranch = (props: TreeViewBranchProps) => {\n  const { className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n  const nodeState = useTreeViewNodeContext();\n\n  const zagProps = treeView.getBranchProps(nodeProps);\n\n  const baseProps = {\n    'data-component': 'TreeView.Branch',\n    className: mergeTwClassNames(\n      ['relative', 'space-y-(--tree-view-vertical-spacing)'],\n      className,\n    ),\n  };\n\n  return (\n    <Collapsible.Root\n      open={nodeState.expanded}\n      {...mergeProps<'div'>(baseProps, zagProps, rest)}\n    />\n  );\n};\n\nTreeViewBranch.displayName = 'TreeView.Branch';\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAC9C,MAAM,YAAY,uBAAuB;CAEzC,MAAM,WAAW,SAAS,eAAe,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,CAAC,YAAY,wCAAwC,GACrD,SACF;CACF;CAEA,OACE,oBAACA,iBAAD;EACE,MAAM,UAAU;EAChB,GAAI,WAAkB,WAAW,UAAU,IAAI;CAChD,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/collections/tree-view/tree-view-node-provider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { NodeProps } from "@zag-js/tree-view";
 //#region src/components/collections/tree-view/tree-view-node-provider.d.ts
 export type TreeViewNodeProviderProps<T> = MergeOverride<NodeProps, {

package/dist/components/collections/tree-view/tree-view-node-provider.js

@@ -1,7 +1,7 @@
 import { useTreeViewContext } from "./use-tree-view-context.js";
 import { TreeViewNodeContextProvider } from "./use-tree-view-node-context.js";
 import { TreeViewNodePropsContextProvider } from "./use-tree-view-node-props-context.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/collections/tree-view/tree-view-node-provider.tsx
 const splitNodeProps = createSplitProps();

package/dist/components/collections/tree-view/tree-view-node-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-node-provider.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node-provider.tsx"],"sourcesContent":["import { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport type { NodeProps } from '@zag-js/tree-view';\nimport type React from 'react';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { TreeViewNodeContextProvider } from './use-tree-view-node-context';\nimport { TreeViewNodePropsContextProvider } from './use-tree-view-node-props-context';\n\nexport type TreeViewNodeProviderProps<T> = MergeOverride<\n  NodeProps,\n  {\n    /**\n     * Nó da coleção que este provider representa.\n     */\n    node: T;\n    children?: React.ReactNode | undefined;\n  }\n>;\n\nconst splitNodeProps = createSplitProps<NodeProps>();\n\n/**\n * Disponibiliza um nó da coleção — e o estado derivado dele — para as partes\n * aninhadas.\n *\n * Toda parte que depende de um nó específico (`Item`, `BranchControl`,\n * `NodeCheckbox`, …) precisa estar dentro de um `NodeProvider`. O\n * `TreeView.NodeRenderer` já cuida disso; use este componente diretamente\n * apenas quando estiver montando a recursão à mão.\n */\nexport const TreeViewNodeProvider = <T,>(\n  props: TreeViewNodeProviderProps<T>,\n): React.ReactNode => {\n  const [nodeProps, { children }] = splitNodeProps(props, [\n    'indexPath',\n    'node',\n  ]);\n\n  const treeView = useTreeViewContext();\n\n  const nodeState = treeView.getNodeState(nodeProps);\n\n  return (\n    <TreeViewNodeContextProvider value={nodeState}>\n      <TreeViewNodePropsContextProvider value={nodeProps}>\n        {children}\n      </TreeViewNodePropsContextProvider>\n    </TreeViewNodeContextProvider>\n  );\n};\n\nTreeViewNodeProvider.displayName = 'TreeView.NodeProvider';\n"],"mappings":";;;;;;AAkBA,MAAM,iBAAiB,iBAA4B;;;;;;;;;;AAWnD,MAAa,wBACX,UACoB;CACpB,MAAM,CAAC,WAAW,EAAE,cAAc,eAAe,OAAO,CACtD,aACA,MACF,CAAC;CAID,MAAM,YAFW,mBAEQ,CAAC,CAAC,aAAa,SAAS;CAEjD,OACE,oBAAC,6BAAD;EAA6B,OAAO;EAClC,UAAA,oBAAC,kCAAD;GAAkC,OAAO;GACtC;EAC+B,CAAA;CACP,CAAA;AAEjC;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"tree-view-node-provider.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node-provider.tsx"],"sourcesContent":["import {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport type { NodeProps } from '@zag-js/tree-view';\nimport type React from 'react';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { TreeViewNodeContextProvider } from './use-tree-view-node-context';\nimport { TreeViewNodePropsContextProvider } from './use-tree-view-node-props-context';\n\nexport type TreeViewNodeProviderProps<T> = MergeOverride<\n  NodeProps,\n  {\n    /**\n     * Nó da coleção que este provider representa.\n     */\n    node: T;\n    children?: React.ReactNode | undefined;\n  }\n>;\n\nconst splitNodeProps = createSplitProps<NodeProps>();\n\n/**\n * Disponibiliza um nó da coleção — e o estado derivado dele — para as partes\n * aninhadas.\n *\n * Toda parte que depende de um nó específico (`Item`, `BranchControl`,\n * `NodeCheckbox`, …) precisa estar dentro de um `NodeProvider`. O\n * `TreeView.NodeRenderer` já cuida disso; use este componente diretamente\n * apenas quando estiver montando a recursão à mão.\n */\nexport const TreeViewNodeProvider = <T,>(\n  props: TreeViewNodeProviderProps<T>,\n): React.ReactNode => {\n  const [nodeProps, { children }] = splitNodeProps(props, [\n    'indexPath',\n    'node',\n  ]);\n\n  const treeView = useTreeViewContext();\n\n  const nodeState = treeView.getNodeState(nodeProps);\n\n  return (\n    <TreeViewNodeContextProvider value={nodeState}>\n      <TreeViewNodePropsContextProvider value={nodeProps}>\n        {children}\n      </TreeViewNodePropsContextProvider>\n    </TreeViewNodeContextProvider>\n  );\n};\n\nTreeViewNodeProvider.displayName = 'TreeView.NodeProvider';\n"],"mappings":";;;;;;AAqBA,MAAM,iBAAiB,iBAA4B;;;;;;;;;;AAWnD,MAAa,wBACX,UACoB;CACpB,MAAM,CAAC,WAAW,EAAE,cAAc,eAAe,OAAO,CACtD,aACA,MACF,CAAC;CAID,MAAM,YAFW,mBAEQ,CAAC,CAAC,aAAa,SAAS;CAEjD,OACE,oBAAC,6BAAD;EAA6B,OAAO;EAClC,UAAA,oBAAC,kCAAD;GAAkC,OAAO;GACtC;EAC+B,CAAA;CACP,CAAA;AAEjC;AAEA,qBAAqB,cAAc"}

package/dist/components/collections/tree-view/tree-view-node-rename-input.js

@@ -36,7 +36,8 @@ const TreeViewNodeRenameInput = (props) => {
 			"px-1",
 			"border",
 			"border-gray-7",
-			"rounded-sm",
+			"rounded-md",
+			"corner-squircle",
 			"bg-gray-1",
 			"text-gray-12",
 			"outline-none",

package/dist/components/collections/tree-view/tree-view-node-rename-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-node-rename-input.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node-rename-input.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\nexport type TreeViewNodeRenameInputProps = useRender.ComponentProps<'input'>;\n\n/**\n * Campo de edição do rótulo de um nó, visível apenas enquanto ele está sendo\n * renomeado.\n *\n * `Enter` e a perda de foco confirmam, `Escape` cancela. A renomeação começa\n * com `F2` sobre o nó e só é permitida quando a raiz recebe `canRename`.\n *\n * Fica ao lado do `TreeView.ItemText` ou do `TreeView.BranchText`, sempre\n * montado: a árvore preenche e foca o campo ao começar, e o rótulo se esconde\n * enquanto a linha tem `data-renaming`.\n *\n * @example\n * ```tsx\n * <TreeView.Item>\n *   <TreeView.ItemText>{node.name}</TreeView.ItemText>\n *   <TreeView.NodeRenameInput />\n * </TreeView.Item>\n * ```\n */\nexport const TreeViewNodeRenameInput = (\n  props: TreeViewNodeRenameInputProps,\n) => {\n  const { render, className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n\n  const zagProps = treeView.getNodeRenameInputProps(nodeProps);\n\n  const baseProps = {\n    'data-component': 'TreeView.NodeRenameInput',\n    className: mergeTwClassNames(\n      [\n        '[--focus-ring-width:2px]',\n\n        'flex-1',\n        'min-w-0',\n\n        'px-1',\n\n        'border',\n        'border-gray-7',\n        'rounded-sm',\n\n        'bg-gray-1',\n\n        // A tipografia vem da linha pelo `font: inherit` do preflight. A cor é\n        // fixa: herdada, ficaria clara sobre o fundo do campo na linha\n        // selecionada do `solid`.\n        'text-gray-12',\n\n        'outline-none',\n        'focus-ring-inside',\n        'ring-gray-8',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'input',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nTreeViewNodeRenameInput.displayName = 'TreeView.NodeRenameInput';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,2BACX,UACG;CACH,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAE9C,MAAM,WAAW,SAAS,wBAAwB,SAAS;CAE3D,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GAEA;GACA;GAEA;GAEA;GACA;GACA;GAEA;GAKA;GAEA;GACA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,wBAAwB,cAAc"}
+{"version":3,"file":"tree-view-node-rename-input.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node-rename-input.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';\n\nexport type TreeViewNodeRenameInputProps = useRender.ComponentProps<'input'>;\n\n/**\n * Campo de edição do rótulo de um nó, visível apenas enquanto ele está sendo\n * renomeado.\n *\n * `Enter` e a perda de foco confirmam, `Escape` cancela. A renomeação começa\n * com `F2` sobre o nó e só é permitida quando a raiz recebe `canRename`.\n *\n * Fica ao lado do `TreeView.ItemText` ou do `TreeView.BranchText`, sempre\n * montado: a árvore preenche e foca o campo ao começar, e o rótulo se esconde\n * enquanto a linha tem `data-renaming`.\n *\n * @example\n * ```tsx\n * <TreeView.Item>\n *   <TreeView.ItemText>{node.name}</TreeView.ItemText>\n *   <TreeView.NodeRenameInput />\n * </TreeView.Item>\n * ```\n */\nexport const TreeViewNodeRenameInput = (\n  props: TreeViewNodeRenameInputProps,\n) => {\n  const { render, className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const nodeProps = useTreeViewNodePropsContext();\n\n  const zagProps = treeView.getNodeRenameInputProps(nodeProps);\n\n  const baseProps = {\n    'data-component': 'TreeView.NodeRenameInput',\n    className: mergeTwClassNames(\n      [\n        '[--focus-ring-width:2px]',\n\n        'flex-1',\n        'min-w-0',\n\n        'px-1',\n\n        'border',\n        'border-gray-7',\n        'rounded-md',\n        'corner-squircle',\n\n        'bg-gray-1',\n\n        // A tipografia vem da linha pelo `font: inherit` do preflight. A cor é\n        // fixa: herdada, ficaria clara sobre o fundo do campo na linha\n        // selecionada do `solid`.\n        'text-gray-12',\n\n        'outline-none',\n        'focus-ring-inside',\n        'ring-gray-8',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'input',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nTreeViewNodeRenameInput.displayName = 'TreeView.NodeRenameInput';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,2BACX,UACG;CACH,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAY,4BAA4B;CAE9C,MAAM,WAAW,SAAS,wBAAwB,SAAS;CAE3D,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GAEA;GAKA;GAEA;GACA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,wBAAwB,cAAc"}

package/dist/components/collections/tree-view/tree-view-node-variants.d.ts

@@ -8,7 +8,7 @@
  * par pinta a linha selecionada.
  */
 export declare const treeViewNodeVariants: (props?: ({
-  variant?: "subtle" | "solid" | null | undefined;
+  variant?: "solid" | "subtle" | null | undefined;
   colorScheme?: "gray" | "brand" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion

package/dist/components/collections/tree-view/tree-view-node.js

@@ -15,6 +15,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 */
 const TreeViewNodeRenderer = (props) => {
 	const { renderNode, indentGuide, branchProps, branchContentProps } = props;
+	/**
+	* O `TreeNode` do Zag é `any`, então os nós que a coleção do contexto devolve entram como
+	* `TTreeNode` sem conversão. O tipo é o que quem usa declarou no genérico; a coleção não o
+	* confere.
+	*/
 	const treeView = useTreeViewContext();
 	const renderTreeNode = (node, indexPath) => /* @__PURE__ */ jsx(TreeViewNodeProvider, {
 		node,

package/dist/components/collections/tree-view/tree-view-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-node.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node.tsx"],"sourcesContent":["import type { NodeState, TreeNode } from '@zag-js/tree-view';\nimport type React from 'react';\nimport { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';\nimport {\n  TreeViewBranchContent,\n  type TreeViewBranchContentProps,\n} from './tree-view-branch-content';\nimport { TreeViewNodeContext } from './tree-view-node-context';\nimport { TreeViewNodeProvider } from './tree-view-node-provider';\nimport { useTreeViewContext } from './use-tree-view-context';\n\n/**\n * Argumentos entregues ao `renderNode` para cada nó da árvore.\n */\nexport type TreeViewNodeRendererArgs<TTreeNode = TreeNode> = {\n  /** Nó da coleção sendo renderizado. */\n  node: TTreeNode;\n  /** Caminho de índices da raiz até o nó. */\n  indexPath: number[];\n  /** Estado calculado do nó: expansão, seleção, profundidade, marcação. */\n  nodeState: NodeState;\n};\n\nexport type TreeViewNodeRendererProps<TTreeNode = TreeNode> = {\n  /**\n   * Renderiza uma linha da árvore.\n   *\n   * Recebe tanto folhas quanto branches — use `nodeState.isBranch` para\n   * decidir entre `TreeView.Item` e `TreeView.BranchControl`. O envoltório\n   * `TreeView.Branch` e o `TreeView.BranchContent` dos branches já são criados\n   * pelo próprio `NodeRenderer`.\n   */\n  renderNode: (props: TreeViewNodeRendererArgs<TTreeNode>) => React.ReactNode;\n  /**\n   * Elemento renderizado como primeiro filho de cada `BranchContent`,\n   * normalmente um `TreeView.BranchIndentGuide`.\n   */\n  indentGuide?: React.ReactElement | undefined;\n  /**\n   * Props repassadas a cada `TreeView.Branch`.\n   */\n  branchProps?: TreeViewBranchProps | undefined;\n  /**\n   * Props repassadas a cada `TreeView.BranchContent`.\n   */\n  branchContentProps?: TreeViewBranchContentProps | undefined;\n};\n\n/**\n * Percorre a coleção e renderiza a árvore inteira, cuidando da recursão, dos\n * `NodeProvider` e dos envoltórios de branch.\n *\n * Use quando todas as linhas seguirem o mesmo formato. Para layouts que\n * precisam de controle total sobre a recursão — virtualização, por exemplo —\n * monte os nós à mão com `TreeView.NodeProvider`.\n */\nexport const TreeViewNodeRenderer = <TTreeNode extends TreeNode = TreeNode>(\n  props: TreeViewNodeRendererProps<TTreeNode>,\n): React.ReactNode => {\n  const { renderNode, indentGuide, branchProps, branchContentProps } = props;\n\n  const treeView = useTreeViewContext();\n\n  const renderTreeNode = (node: TTreeNode, indexPath: number[]) => (\n    // O valor do nó é a identidade estável da coleção. Usar o caminho de\n    // índices quebraria a reconciliação ao inserir ou remover irmãos.\n    <TreeViewNodeProvider\n      key={treeView.collection.getNodeValue(node)}\n      node={node}\n      indexPath={indexPath}\n    >\n      <TreeViewNodeContext>\n        {(nodeState) => {\n          if (!nodeState.isBranch) {\n            return renderNode({ node, indexPath, nodeState });\n          }\n\n          return (\n            <TreeViewBranch {...branchProps}>\n              {renderNode({ node, indexPath, nodeState })}\n\n              <TreeViewBranchContent {...branchContentProps}>\n                {indentGuide}\n\n                {treeView.collection\n                  .getNodeChildren(node)\n                  .map((child, index) =>\n                    renderTreeNode(child as TTreeNode, [...indexPath, index]),\n                  )}\n              </TreeViewBranchContent>\n            </TreeViewBranch>\n          );\n        }}\n      </TreeViewNodeContext>\n    </TreeViewNodeProvider>\n  );\n\n  return treeView.collection\n    .getNodeChildren(treeView.collection.rootNode)\n    .map((node, index) => renderTreeNode(node as TTreeNode, [index]));\n};\n\nTreeViewNodeRenderer.displayName = 'TreeView.NodeRenderer';\n"],"mappings":";;;;;;;;;;;;;;;AAwDA,MAAa,wBACX,UACoB;CACpB,MAAM,EAAE,YAAY,aAAa,aAAa,uBAAuB;CAErE,MAAM,WAAW,mBAAmB;CAEpC,MAAM,kBAAkB,MAAiB,cAGvC,oBAAC,sBAAD;EAEQ;EACK;EAEX,UAAA,oBAAC,qBAAD,EAAA,WACI,cAAc;GACd,IAAI,CAAC,UAAU,UACb,OAAO,WAAW;IAAE;IAAM;IAAW;GAAU,CAAC;GAGlD,OACE,qBAAC,gBAAD;IAAgB,GAAI;IAApB,UAAA,CACG,WAAW;KAAE;KAAM;KAAW;IAAU,CAAC,GAE1C,qBAAC,uBAAD;KAAuB,GAAI;KAA3B,UAAA,CACG,aAEA,SAAS,WACP,gBAAgB,IAAI,CAAC,CACrB,KAAK,OAAO,UACX,eAAe,OAAoB,CAAC,GAAG,WAAW,KAAK,CAAC,CAC1D,CACmB;IACT,CAAA,CAAA;;EAEpB,EACmB,CAAA;CACD,GA3Bf,SAAS,WAAW,aAAa,IAAI,CA2BtB;CAGxB,OAAO,SAAS,WACb,gBAAgB,SAAS,WAAW,QAAQ,CAAC,CAC7C,KAAK,MAAM,UAAU,eAAe,MAAmB,CAAC,KAAK,CAAC,CAAC;AACpE;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"tree-view-node.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-node.tsx"],"sourcesContent":["import type { NodeState, TreeNode } from '@zag-js/tree-view';\nimport type React from 'react';\nimport { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';\nimport {\n  TreeViewBranchContent,\n  type TreeViewBranchContentProps,\n} from './tree-view-branch-content';\nimport { TreeViewNodeContext } from './tree-view-node-context';\nimport { TreeViewNodeProvider } from './tree-view-node-provider';\nimport { useTreeViewContext } from './use-tree-view-context';\n\n/**\n * Argumentos entregues ao `renderNode` para cada nó da árvore.\n */\nexport type TreeViewNodeRendererArgs<TTreeNode = TreeNode> = {\n  /** Nó da coleção sendo renderizado. */\n  node: TTreeNode;\n  /** Caminho de índices da raiz até o nó. */\n  indexPath: number[];\n  /** Estado calculado do nó: expansão, seleção, profundidade, marcação. */\n  nodeState: NodeState;\n};\n\nexport type TreeViewNodeRendererProps<TTreeNode = TreeNode> = {\n  /**\n   * Renderiza uma linha da árvore.\n   *\n   * Recebe tanto folhas quanto branches — use `nodeState.isBranch` para\n   * decidir entre `TreeView.Item` e `TreeView.BranchControl`. O envoltório\n   * `TreeView.Branch` e o `TreeView.BranchContent` dos branches já são criados\n   * pelo próprio `NodeRenderer`.\n   */\n  renderNode: (props: TreeViewNodeRendererArgs<TTreeNode>) => React.ReactNode;\n  /**\n   * Elemento renderizado como primeiro filho de cada `BranchContent`,\n   * normalmente um `TreeView.BranchIndentGuide`.\n   */\n  indentGuide?: React.ReactElement | undefined;\n  /**\n   * Props repassadas a cada `TreeView.Branch`.\n   */\n  branchProps?: TreeViewBranchProps | undefined;\n  /**\n   * Props repassadas a cada `TreeView.BranchContent`.\n   */\n  branchContentProps?: TreeViewBranchContentProps | undefined;\n};\n\n/**\n * Percorre a coleção e renderiza a árvore inteira, cuidando da recursão, dos\n * `NodeProvider` e dos envoltórios de branch.\n *\n * Use quando todas as linhas seguirem o mesmo formato. Para layouts que\n * precisam de controle total sobre a recursão — virtualização, por exemplo —\n * monte os nós à mão com `TreeView.NodeProvider`.\n */\nexport const TreeViewNodeRenderer = <TTreeNode extends TreeNode = TreeNode>(\n  props: TreeViewNodeRendererProps<TTreeNode>,\n): React.ReactNode => {\n  const { renderNode, indentGuide, branchProps, branchContentProps } = props;\n\n  /**\n   * O `TreeNode` do Zag é `any`, então os nós que a coleção do contexto devolve entram como\n   * `TTreeNode` sem conversão. O tipo é o que quem usa declarou no genérico; a coleção não o\n   * confere.\n   */\n  const treeView = useTreeViewContext();\n\n  const renderTreeNode = (node: TTreeNode, indexPath: number[]) => (\n    // O valor do nó é a identidade estável da coleção. Usar o caminho de\n    // índices quebraria a reconciliação ao inserir ou remover irmãos.\n    <TreeViewNodeProvider\n      key={treeView.collection.getNodeValue(node)}\n      node={node}\n      indexPath={indexPath}\n    >\n      <TreeViewNodeContext>\n        {(nodeState) => {\n          if (!nodeState.isBranch) {\n            return renderNode({ node, indexPath, nodeState });\n          }\n\n          return (\n            <TreeViewBranch {...branchProps}>\n              {renderNode({ node, indexPath, nodeState })}\n\n              <TreeViewBranchContent {...branchContentProps}>\n                {indentGuide}\n\n                {treeView.collection\n                  .getNodeChildren(node)\n                  .map((child, index) =>\n                    renderTreeNode(child, [...indexPath, index]),\n                  )}\n              </TreeViewBranchContent>\n            </TreeViewBranch>\n          );\n        }}\n      </TreeViewNodeContext>\n    </TreeViewNodeProvider>\n  );\n\n  return treeView.collection\n    .getNodeChildren(treeView.collection.rootNode)\n    .map((node, index) => renderTreeNode(node, [index]));\n};\n\nTreeViewNodeRenderer.displayName = 'TreeView.NodeRenderer';\n"],"mappings":";;;;;;;;;;;;;;;AAwDA,MAAa,wBACX,UACoB;CACpB,MAAM,EAAE,YAAY,aAAa,aAAa,uBAAuB;;;;;;CAOrE,MAAM,WAAW,mBAAmB;CAEpC,MAAM,kBAAkB,MAAiB,cAGvC,oBAAC,sBAAD;EAEQ;EACK;EAEX,UAAA,oBAAC,qBAAD,EAAA,WACI,cAAc;GACd,IAAI,CAAC,UAAU,UACb,OAAO,WAAW;IAAE;IAAM;IAAW;GAAU,CAAC;GAGlD,OACE,qBAAC,gBAAD;IAAgB,GAAI;IAApB,UAAA,CACG,WAAW;KAAE;KAAM;KAAW;IAAU,CAAC,GAE1C,qBAAC,uBAAD;KAAuB,GAAI;KAA3B,UAAA,CACG,aAEA,SAAS,WACP,gBAAgB,IAAI,CAAC,CACrB,KAAK,OAAO,UACX,eAAe,OAAO,CAAC,GAAG,WAAW,KAAK,CAAC,CAC7C,CACmB;IACT,CAAA,CAAA;;EAEpB,EACmB,CAAA;CACD,GA3Bf,SAAS,WAAW,aAAa,IAAI,CA2BtB;CAGxB,OAAO,SAAS,WACb,gBAAgB,SAAS,WAAW,QAAQ,CAAC,CAC7C,KAAK,MAAM,UAAU,eAAe,MAAM,CAAC,KAAK,CAAC,CAAC;AACvD;AAEA,qBAAqB,cAAc"}

package/dist/components/collections/tree-view/tree-view-root-provider.d.ts

@@ -1,7 +1,7 @@
 import { UseTreeViewReturn } from "./use-tree-view.js";
 import { TreeViewRenderStrategyContextValue } from "./use-tree-view-render-strategy-context.js";
 import { TreeViewVariants } from "./use-tree-view-variants-context.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 import { TreeNode } from "@zag-js/collection";
 //#region src/components/collections/tree-view/tree-view-root-provider.d.ts

package/dist/components/collections/tree-view/tree-view-root-provider.js

@@ -2,7 +2,7 @@ import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { TreeViewContextProvider } from "./use-tree-view-context.js";
 import { TreeViewRenderStrategyContextProvider } from "./use-tree-view-render-strategy-context.js";
 import { TreeViewVariantsContextProvider } from "./use-tree-view-variants-context.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/collections/tree-view/tree-view-root-provider.tsx
@@ -30,11 +30,7 @@ const splitVariantProps = createSplitProps();
 * ```
 */
 const TreeViewRootProvider = (props) => {
-	const [variantProps, withoutVariantProps] = splitVariantProps(props, [
-		"colorScheme",
-		"size",
-		"variant"
-	]);
+	const [variantProps, withoutVariantProps] = splitVariantProps(props, ["colorScheme", "variant"]);
 	const { value: treeView, render, className, keepMounted = false, ...rest } = withoutVariantProps;
 	const zagProps = treeView.getRootProps();
 	const baseProps = {

package/dist/components/collections/tree-view/tree-view-root-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-root-provider.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-root-provider.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport type { TreeNode } from '@zag-js/collection';\nimport { mergeTwClassNames } from '#utils';\nimport type { UseTreeViewReturn } from './use-tree-view';\nimport { TreeViewContextProvider } from './use-tree-view-context';\nimport {\n  TreeViewRenderStrategyContextProvider,\n  type TreeViewRenderStrategyContextValue,\n} from './use-tree-view-render-strategy-context';\nimport {\n  type TreeViewVariants,\n  TreeViewVariantsContextProvider,\n} from './use-tree-view-variants-context';\n\ntype RootProviderProps<T extends TreeNode> = {\n  /**\n   * Instância do Tree View criada com o hook `useTreeView`.\n   */\n  value: UseTreeViewReturn<T>;\n};\n\n/**\n * Props do `TreeView.RootProvider`: a instância da árvore, as opções de\n * estilo e as props do elemento renderizado.\n */\nexport type TreeViewRootProviderProps<T extends TreeNode> = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  RootProviderProps<T> & TreeViewVariants & TreeViewRenderStrategyContextValue\n>;\n\nconst splitVariantProps = createSplitProps<TreeViewVariants>();\n\n/**\n * Raiz do Tree View alimentada por uma árvore criada fora dela.\n *\n * Recebe em `value` o retorno de `useTreeView`, o que permite ler o estado e\n * comandar a árvore de componentes irmãos — botões de expandir tudo,\n * contadores de seleção, virtualização.\n *\n * @example\n * ```tsx\n * const treeView = useTreeView({ collection });\n *\n * return (\n *   <>\n *     <button onClick={() => treeView.expand()}>Expandir tudo</button>\n *\n *     <TreeView.RootProvider value={treeView}>\n *       <TreeView.Tree>…</TreeView.Tree>\n *     </TreeView.RootProvider>\n *   </>\n * );\n * ```\n */\nexport const TreeViewRootProvider = <T extends TreeNode>(\n  props: TreeViewRootProviderProps<T>,\n) => {\n  const [variantProps, withoutVariantProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n    'variant',\n  ]);\n\n  const {\n    value: treeView,\n    render,\n    className,\n    keepMounted = false,\n    ...rest\n  } = withoutVariantProps;\n\n  const zagProps = treeView.getRootProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.RootProvider',\n    className: mergeTwClassNames(\n      ['flex', 'flex-col', 'gap-2', 'w-full'],\n      className,\n    ),\n  };\n\n  return (\n    <TreeViewContextProvider value={treeView}>\n      <TreeViewVariantsContextProvider value={variantProps}>\n        <TreeViewRenderStrategyContextProvider value={{ keepMounted }}>\n          {useRender({\n            render,\n            defaultTagName: 'div',\n            props: mergeProps(baseProps, zagProps, rest),\n          })}\n        </TreeViewRenderStrategyContextProvider>\n      </TreeViewVariantsContextProvider>\n    </TreeViewContextProvider>\n  );\n};\n\nTreeViewRootProvider.displayName = 'TreeView.RootProvider';\n"],"mappings":";;;;;;;;AA+BA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;AAwB7D,MAAa,wBACX,UACG;CACH,MAAM,CAAC,cAAc,uBAAuB,kBAAkB,OAAO;EACnE;EACA;EACA;CACF,CAAC;CAED,MAAM,EACJ,OAAO,UACP,QACA,WACA,cAAc,OACd,GAAG,SACD;CAEJ,MAAM,WAAW,SAAS,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAQ;GAAY;GAAS;EAAQ,GACtC,SACF;CACF;CAEA,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,iCAAD;GAAiC,OAAO;GACtC,UAAA,oBAAC,uCAAD;IAAuC,OAAO,EAAE,YAAY;IACzD,UAAA,UAAU;KACT;KACA,gBAAgB;KAChB,OAAO,WAAW,WAAW,UAAU,IAAI;IAC7C,CAAC;GACoC,CAAA;EACR,CAAA;CACV,CAAA;AAE7B;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"tree-view-root-provider.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-root-provider.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport type { TreeNode } from '@zag-js/collection';\nimport { mergeTwClassNames } from '#utils';\nimport type { UseTreeViewReturn } from './use-tree-view';\nimport { TreeViewContextProvider } from './use-tree-view-context';\nimport {\n  TreeViewRenderStrategyContextProvider,\n  type TreeViewRenderStrategyContextValue,\n} from './use-tree-view-render-strategy-context';\nimport {\n  type TreeViewVariants,\n  TreeViewVariantsContextProvider,\n} from './use-tree-view-variants-context';\n\ntype RootProviderProps<T extends TreeNode> = {\n  /**\n   * Instância do Tree View criada com o hook `useTreeView`.\n   */\n  value: UseTreeViewReturn<T>;\n};\n\n/**\n * Props do `TreeView.RootProvider`: a instância da árvore, as opções de\n * estilo e as props do elemento renderizado.\n */\nexport type TreeViewRootProviderProps<T extends TreeNode> = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  RootProviderProps<T> & TreeViewVariants & TreeViewRenderStrategyContextValue\n>;\n\nconst splitVariantProps = createSplitProps<TreeViewVariants>();\n\n/**\n * Raiz do Tree View alimentada por uma árvore criada fora dela.\n *\n * Recebe em `value` o retorno de `useTreeView`, o que permite ler o estado e\n * comandar a árvore de componentes irmãos — botões de expandir tudo,\n * contadores de seleção, virtualização.\n *\n * @example\n * ```tsx\n * const treeView = useTreeView({ collection });\n *\n * return (\n *   <>\n *     <button onClick={() => treeView.expand()}>Expandir tudo</button>\n *\n *     <TreeView.RootProvider value={treeView}>\n *       <TreeView.Tree>…</TreeView.Tree>\n *     </TreeView.RootProvider>\n *   </>\n * );\n * ```\n */\nexport const TreeViewRootProvider = <T extends TreeNode>(\n  props: TreeViewRootProviderProps<T>,\n) => {\n  const [variantProps, withoutVariantProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const {\n    value: treeView,\n    render,\n    className,\n    keepMounted = false,\n    ...rest\n  } = withoutVariantProps;\n\n  const zagProps = treeView.getRootProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.RootProvider',\n    className: mergeTwClassNames(\n      ['flex', 'flex-col', 'gap-2', 'w-full'],\n      className,\n    ),\n  };\n\n  return (\n    <TreeViewContextProvider value={treeView}>\n      <TreeViewVariantsContextProvider value={variantProps}>\n        <TreeViewRenderStrategyContextProvider value={{ keepMounted }}>\n          {useRender({\n            render,\n            defaultTagName: 'div',\n            props: mergeProps(baseProps, zagProps, rest),\n          })}\n        </TreeViewRenderStrategyContextProvider>\n      </TreeViewVariantsContextProvider>\n    </TreeViewContextProvider>\n  );\n};\n\nTreeViewRootProvider.displayName = 'TreeView.RootProvider';\n"],"mappings":";;;;;;;;AAkCA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;AAwB7D,MAAa,wBACX,UACG;CACH,MAAM,CAAC,cAAc,uBAAuB,kBAAkB,OAAO,CACnE,eACA,SACF,CAAC;CAED,MAAM,EACJ,OAAO,UACP,QACA,WACA,cAAc,OACd,GAAG,SACD;CAEJ,MAAM,WAAW,SAAS,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAQ;GAAY;GAAS;EAAQ,GACtC,SACF;CACF;CAEA,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,iCAAD;GAAiC,OAAO;GACtC,UAAA,oBAAC,uCAAD;IAAuC,OAAO,EAAE,YAAY;IACzD,UAAA,UAAU;KACT;KACA,gBAAgB;KAChB,OAAO,WAAW,WAAW,UAAU,IAAI;IAC7C,CAAC;GACoC,CAAA;EACR,CAAA;CACV,CAAA;AAE7B;AAEA,qBAAqB,cAAc"}

package/dist/components/collections/tree-view/tree-view-root.d.ts

@@ -1,7 +1,7 @@
 import { UseTreeViewProps } from "./use-tree-view.js";
 import { TreeViewRenderStrategyContextValue } from "./use-tree-view-render-strategy-context.js";
 import { TreeViewVariants } from "./use-tree-view-variants-context.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 import { TreeNode } from "@zag-js/collection";
 //#region src/components/collections/tree-view/tree-view-root.d.ts
@@ -21,7 +21,7 @@ export type TreeViewRootProps<T extends TreeNode> = MergeOverride<useRender.Comp
  *
  * @example
  * ```tsx
- * <TreeView.Root collection={collection} size="sm" colorScheme="brand">
+ * <TreeView.Root collection={collection} colorScheme="brand">
  *   <TreeView.Label>Arquivos</TreeView.Label>
  *
  *   <TreeView.Tree>

package/dist/components/collections/tree-view/tree-view-root.js

@@ -3,7 +3,7 @@ import { TreeViewContextProvider } from "./use-tree-view-context.js";
 import { TreeViewRenderStrategyContextProvider } from "./use-tree-view-render-strategy-context.js";
 import { TreeViewVariantsContextProvider } from "./use-tree-view-variants-context.js";
 import { useTreeView } from "./use-tree-view.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 import * as ZagTreeView from "@zag-js/tree-view";
@@ -20,7 +20,7 @@ const splitVariantProps = createSplitProps();
 *
 * @example
 * ```tsx
-* <TreeView.Root collection={collection} size="sm" colorScheme="brand">
+* <TreeView.Root collection={collection} colorScheme="brand">
 *   <TreeView.Label>Arquivos</TreeView.Label>
 *
 *   <TreeView.Tree>
@@ -42,11 +42,7 @@ const splitVariantProps = createSplitProps();
 * ```
 */
 const TreeViewRoot = (props) => {
-	const [variantProps, withoutVariantProps] = splitVariantProps(props, [
-		"colorScheme",
-		"size",
-		"variant"
-	]);
+	const [variantProps, withoutVariantProps] = splitVariantProps(props, ["colorScheme", "variant"]);
 	/** Criado aqui, e não no módulo, porque o tipo depende do genérico `T`. */
 	const [useTreeViewProps, elementProps] = createSplitProps()(withoutVariantProps, ZagTreeView.props);
 	const { render, className, keepMounted = false, ...rest } = elementProps;

package/dist/components/collections/tree-view/tree-view-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-root.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport type { TreeNode } from '@zag-js/collection';\nimport * as ZagTreeView from '@zag-js/tree-view';\nimport { mergeTwClassNames } from '#utils';\nimport { type UseTreeViewProps, useTreeView } from './use-tree-view';\nimport { TreeViewContextProvider } from './use-tree-view-context';\nimport {\n  TreeViewRenderStrategyContextProvider,\n  type TreeViewRenderStrategyContextValue,\n} from './use-tree-view-render-strategy-context';\nimport {\n  type TreeViewVariants,\n  TreeViewVariantsContextProvider,\n} from './use-tree-view-variants-context';\n\n/**\n * Props do `TreeView.Root`: as opções da árvore, as opções de estilo e as\n * props do elemento renderizado.\n */\nexport type TreeViewRootProps<T extends TreeNode> = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  UseTreeViewProps<T> & TreeViewVariants & TreeViewRenderStrategyContextValue\n>;\n\nconst splitVariantProps = createSplitProps<TreeViewVariants>();\n\n/**\n * Raiz do Tree View.\n *\n * Cria a árvore a partir da `collection` e disponibiliza estado, opções de\n * estilo e estratégia de renderização para todas as partes aninhadas.\n *\n * Use o `TreeView.RootProvider` no lugar deste componente quando a árvore\n * precisar ser lida ou comandada de fora da própria subárvore.\n *\n * @example\n * ```tsx\n * <TreeView.Root collection={collection} size=\"sm\" colorScheme=\"brand\">\n *   <TreeView.Label>Arquivos</TreeView.Label>\n *\n *   <TreeView.Tree>\n *     <TreeView.NodeRenderer<FileNode>\n *       renderNode={({ node, nodeState }) =>\n *         nodeState.isBranch ? (\n *           <TreeView.BranchControl>\n *             <TreeView.BranchText>{node.name}</TreeView.BranchText>\n *           </TreeView.BranchControl>\n *         ) : (\n *           <TreeView.Item>\n *             <TreeView.ItemText>{node.name}</TreeView.ItemText>\n *           </TreeView.Item>\n *         )\n *       }\n *     />\n *   </TreeView.Tree>\n * </TreeView.Root>\n * ```\n */\nexport const TreeViewRoot = <T extends TreeNode>(\n  props: TreeViewRootProps<T>,\n) => {\n  const [variantProps, withoutVariantProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n    'variant',\n  ]);\n\n  /** Criado aqui, e não no módulo, porque o tipo depende do genérico `T`. */\n  const [useTreeViewProps, elementProps] = createSplitProps<\n    UseTreeViewProps<T>\n  >()(withoutVariantProps, ZagTreeView.props);\n\n  const { render, className, keepMounted = false, ...rest } = elementProps;\n\n  const treeView = useTreeView(useTreeViewProps);\n\n  const zagProps = treeView.getRootProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.Root',\n    className: mergeTwClassNames(\n      ['flex', 'flex-col', 'gap-2', 'w-full'],\n      className,\n    ),\n  };\n\n  return (\n    <TreeViewContextProvider value={treeView}>\n      <TreeViewVariantsContextProvider value={variantProps}>\n        <TreeViewRenderStrategyContextProvider value={{ keepMounted }}>\n          {useRender({\n            render,\n            defaultTagName: 'div',\n            props: mergeProps(baseProps, zagProps, rest),\n          })}\n        </TreeViewRenderStrategyContextProvider>\n      </TreeViewVariantsContextProvider>\n    </TreeViewContextProvider>\n  );\n};\n\nTreeViewRoot.displayName = 'TreeView.Root';\n"],"mappings":";;;;;;;;;;AAyBA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkC7D,MAAa,gBACX,UACG;CACH,MAAM,CAAC,cAAc,uBAAuB,kBAAkB,OAAO;EACnE;EACA;EACA;CACF,CAAC;;CAGD,MAAM,CAAC,kBAAkB,gBAAgB,iBAEvC,CAAC,CAAC,qBAAqB,YAAY,KAAK;CAE1C,MAAM,EAAE,QAAQ,WAAW,cAAc,OAAO,GAAG,SAAS;CAE5D,MAAM,WAAW,YAAY,gBAAgB;CAE7C,MAAM,WAAW,SAAS,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAQ;GAAY;GAAS;EAAQ,GACtC,SACF;CACF;CAEA,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,iCAAD;GAAiC,OAAO;GACtC,UAAA,oBAAC,uCAAD;IAAuC,OAAO,EAAE,YAAY;IACzD,UAAA,UAAU;KACT;KACA,gBAAgB;KAChB,OAAO,WAAW,WAAW,UAAU,IAAI;IAC7C,CAAC;GACoC,CAAA;EACR,CAAA;CACV,CAAA;AAE7B;AAEA,aAAa,cAAc"}
+{"version":3,"file":"tree-view-root.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport type { TreeNode } from '@zag-js/collection';\nimport * as ZagTreeView from '@zag-js/tree-view';\nimport { mergeTwClassNames } from '#utils';\nimport { type UseTreeViewProps, useTreeView } from './use-tree-view';\nimport { TreeViewContextProvider } from './use-tree-view-context';\nimport {\n  TreeViewRenderStrategyContextProvider,\n  type TreeViewRenderStrategyContextValue,\n} from './use-tree-view-render-strategy-context';\nimport {\n  type TreeViewVariants,\n  TreeViewVariantsContextProvider,\n} from './use-tree-view-variants-context';\n\n/**\n * Props do `TreeView.Root`: as opções da árvore, as opções de estilo e as\n * props do elemento renderizado.\n */\nexport type TreeViewRootProps<T extends TreeNode> = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  UseTreeViewProps<T> & TreeViewVariants & TreeViewRenderStrategyContextValue\n>;\n\nconst splitVariantProps = createSplitProps<TreeViewVariants>();\n\n/**\n * Raiz do Tree View.\n *\n * Cria a árvore a partir da `collection` e disponibiliza estado, opções de\n * estilo e estratégia de renderização para todas as partes aninhadas.\n *\n * Use o `TreeView.RootProvider` no lugar deste componente quando a árvore\n * precisar ser lida ou comandada de fora da própria subárvore.\n *\n * @example\n * ```tsx\n * <TreeView.Root collection={collection} colorScheme=\"brand\">\n *   <TreeView.Label>Arquivos</TreeView.Label>\n *\n *   <TreeView.Tree>\n *     <TreeView.NodeRenderer<FileNode>\n *       renderNode={({ node, nodeState }) =>\n *         nodeState.isBranch ? (\n *           <TreeView.BranchControl>\n *             <TreeView.BranchText>{node.name}</TreeView.BranchText>\n *           </TreeView.BranchControl>\n *         ) : (\n *           <TreeView.Item>\n *             <TreeView.ItemText>{node.name}</TreeView.ItemText>\n *           </TreeView.Item>\n *         )\n *       }\n *     />\n *   </TreeView.Tree>\n * </TreeView.Root>\n * ```\n */\nexport const TreeViewRoot = <T extends TreeNode>(\n  props: TreeViewRootProps<T>,\n) => {\n  const [variantProps, withoutVariantProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  /** Criado aqui, e não no módulo, porque o tipo depende do genérico `T`. */\n  const [useTreeViewProps, elementProps] = createSplitProps<\n    UseTreeViewProps<T>\n  >()(withoutVariantProps, ZagTreeView.props);\n\n  const { render, className, keepMounted = false, ...rest } = elementProps;\n\n  const treeView = useTreeView(useTreeViewProps);\n\n  const zagProps = treeView.getRootProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.Root',\n    className: mergeTwClassNames(\n      ['flex', 'flex-col', 'gap-2', 'w-full'],\n      className,\n    ),\n  };\n\n  return (\n    <TreeViewContextProvider value={treeView}>\n      <TreeViewVariantsContextProvider value={variantProps}>\n        <TreeViewRenderStrategyContextProvider value={{ keepMounted }}>\n          {useRender({\n            render,\n            defaultTagName: 'div',\n            props: mergeProps(baseProps, zagProps, rest),\n          })}\n        </TreeViewRenderStrategyContextProvider>\n      </TreeViewVariantsContextProvider>\n    </TreeViewContextProvider>\n  );\n};\n\nTreeViewRoot.displayName = 'TreeView.Root';\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkC7D,MAAa,gBACX,UACG;CACH,MAAM,CAAC,cAAc,uBAAuB,kBAAkB,OAAO,CACnE,eACA,SACF,CAAC;;CAGD,MAAM,CAAC,kBAAkB,gBAAgB,iBAEvC,CAAC,CAAC,qBAAqB,YAAY,KAAK;CAE1C,MAAM,EAAE,QAAQ,WAAW,cAAc,OAAO,GAAG,SAAS;CAE5D,MAAM,WAAW,YAAY,gBAAgB;CAE7C,MAAM,WAAW,SAAS,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAQ;GAAY;GAAS;EAAQ,GACtC,SACF;CACF;CAEA,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC9B,UAAA,oBAAC,iCAAD;GAAiC,OAAO;GACtC,UAAA,oBAAC,uCAAD;IAAuC,OAAO,EAAE,YAAY;IACzD,UAAA,UAAU;KACT;KACA,gBAAgB;KAChB,OAAO,WAAW,WAAW,UAAU,IAAI;IAC7C,CAAC;GACoC,CAAA;EACR,CAAA;CACV,CAAA;AAE7B;AAEA,aAAa,cAAc"}

package/dist/components/collections/tree-view/tree-view-tree-variants.d.ts

@@ -2,10 +2,8 @@
 /**
  * O `Tree` declara todas as CSS variables de dimensionamento consumidas pelas
  * partes internas, e é por isso que todo nó renderizado precisa viver dentro
- * dele. O tamanho definido aqui vale para a árvore inteira.
+ * dele. Os valores são fixos e valem para a árvore inteira.
  */
-export declare const treeViewTreeVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const treeViewTreeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
 //# sourceMappingURL=tree-view-tree-variants.d.ts.map

package/dist/components/collections/tree-view/tree-view-tree-variants.js

@@ -1,12 +1,16 @@
-import { treeViewDefaultVariants } from "./use-tree-view-variants-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/collections/tree-view/tree-view-tree-variants.ts
 /**
 * O `Tree` declara todas as CSS variables de dimensionamento consumidas pelas
 * partes internas, e é por isso que todo nó renderizado precisa viver dentro
-* dele. O tamanho definido aqui vale para a árvore inteira.
+* dele. Os valores são fixos e valem para a árvore inteira.
 */
 const treeViewTreeVariants = cva([
+	"[--tree-view-indent-size:--spacing(4)]",
+	"[--tree-view-icon-size:--spacing(4)]",
+	"[--tree-view-padding-inline:--spacing(2.5)]",
+	"[--tree-view-padding-block:--spacing(1.5)]",
+	"text-sm",
 	"[--tree-view-item-gap:--spacing(2)]",
 	"[--tree-view-vertical-spacing:--spacing(0.5)]",
 	"[--tree-view-indentation:calc(var(--tree-view-indent-size)+var(--tree-view-icon-size)*0.5)]",
@@ -16,39 +20,7 @@ const treeViewTreeVariants = cva([
 	"space-y-(--tree-view-vertical-spacing)",
 	"[&_svg]:size-(--tree-view-icon-size)",
 	"[&_svg]:shrink-0"
-], {
-	variants: { size: {
-		xs: [
-			"[--tree-view-indent-size:--spacing(4)]",
-			"[--tree-view-icon-size:--spacing(3)]",
-			"[--tree-view-padding-inline:--spacing(2)]",
-			"[--tree-view-padding-block:--spacing(1)]",
-			"text-xs"
-		],
-		sm: [
-			"[--tree-view-indent-size:--spacing(4)]",
-			"[--tree-view-icon-size:--spacing(3)]",
-			"[--tree-view-padding-inline:--spacing(3)]",
-			"[--tree-view-padding-block:--spacing(1)]",
-			"text-sm"
-		],
-		md: [
-			"[--tree-view-indent-size:--spacing(4)]",
-			"[--tree-view-icon-size:--spacing(4)]",
-			"[--tree-view-padding-inline:--spacing(3)]",
-			"[--tree-view-padding-block:--spacing(1.5)]",
-			"text-sm"
-		],
-		lg: [
-			"[--tree-view-indent-size:--spacing(5)]",
-			"[--tree-view-icon-size:--spacing(5)]",
-			"[--tree-view-padding-inline:--spacing(4)]",
-			"[--tree-view-padding-block:--spacing(2)]",
-			"text-base"
-		]
-	} },
-	defaultVariants: { size: treeViewDefaultVariants.size }
-});
+]);
 //#endregion
 export { treeViewTreeVariants };
 

package/dist/components/collections/tree-view/tree-view-tree-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-tree-variants.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-tree-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { treeViewDefaultVariants } from './use-tree-view-variants-context';\n\n/**\n * O `Tree` declara todas as CSS variables de dimensionamento consumidas pelas\n * partes internas, e é por isso que todo nó renderizado precisa viver dentro\n * dele. O tamanho definido aqui vale para a árvore inteira.\n */\nexport const treeViewTreeVariants = cva(\n  [\n    '[--tree-view-item-gap:--spacing(2)]', // Espaço entre ícone, checkbox e texto\n    '[--tree-view-vertical-spacing:--spacing(0.5)]', // Espaço vertical entre nós\n\n    // Recuo efetivo por nível. Soma metade do ícone ao recuo base para que o\n    // texto de um filho alinhe com o texto do pai, e não com o indicador.\n    '[--tree-view-indentation:calc(var(--tree-view-indent-size)+var(--tree-view-icon-size)*0.5)]',\n\n    'flex',\n    'flex-col',\n\n    'font-medium',\n\n    'space-y-(--tree-view-vertical-spacing)',\n\n    // Todo ícone da árvore herda o tamanho do nível escolhido, sem precisar de\n    // classe em cada ponto de uso.\n    '[&_svg]:size-(--tree-view-icon-size)',\n    '[&_svg]:shrink-0',\n  ],\n  {\n    variants: {\n      size: {\n        xs: [\n          '[--tree-view-indent-size:--spacing(4)]',\n          '[--tree-view-icon-size:--spacing(3)]',\n          '[--tree-view-padding-inline:--spacing(2)]',\n          '[--tree-view-padding-block:--spacing(1)]',\n\n          'text-xs',\n        ],\n        sm: [\n          '[--tree-view-indent-size:--spacing(4)]',\n          '[--tree-view-icon-size:--spacing(3)]',\n          '[--tree-view-padding-inline:--spacing(3)]',\n          '[--tree-view-padding-block:--spacing(1)]',\n\n          'text-sm',\n        ],\n        md: [\n          '[--tree-view-indent-size:--spacing(4)]',\n          '[--tree-view-icon-size:--spacing(4)]',\n          '[--tree-view-padding-inline:--spacing(3)]',\n          '[--tree-view-padding-block:--spacing(1.5)]',\n\n          'text-sm',\n        ],\n        lg: [\n          '[--tree-view-indent-size:--spacing(5)]',\n          '[--tree-view-icon-size:--spacing(5)]',\n          '[--tree-view-padding-inline:--spacing(4)]',\n          '[--tree-view-padding-block:--spacing(2)]',\n\n          'text-base',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: treeViewDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;AAQA,MAAa,uBAAuB,IAClC;CACE;CACA;CAIA;CAEA;CACA;CAEA;CAEA;CAIA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;GACF;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,wBAAwB,KAChC;AACF,CACF"}
+{"version":3,"file":"tree-view-tree-variants.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-tree-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * O `Tree` declara todas as CSS variables de dimensionamento consumidas pelas\n * partes internas, e é por isso que todo nó renderizado precisa viver dentro\n * dele. Os valores são fixos e valem para a árvore inteira.\n */\nexport const treeViewTreeVariants = cva([\n  '[--tree-view-indent-size:--spacing(4)]',\n  '[--tree-view-icon-size:--spacing(4)]',\n  '[--tree-view-padding-inline:--spacing(2.5)]',\n  '[--tree-view-padding-block:--spacing(1.5)]',\n\n  'text-sm',\n\n  '[--tree-view-item-gap:--spacing(2)]', // Espaço entre ícone, checkbox e texto\n  '[--tree-view-vertical-spacing:--spacing(0.5)]', // Espaço vertical entre nós\n\n  // Recuo efetivo por nível. Soma metade do ícone ao recuo base para que o\n  // texto de um filho alinhe com o texto do pai, e não com o indicador.\n  '[--tree-view-indentation:calc(var(--tree-view-indent-size)+var(--tree-view-icon-size)*0.5)]',\n\n  'flex',\n  'flex-col',\n\n  'font-medium',\n\n  'space-y-(--tree-view-vertical-spacing)',\n\n  // Todo ícone da árvore herda o tamanho da árvore, sem precisar de\n  // classe em cada ponto de uso.\n  '[&_svg]:size-(--tree-view-icon-size)',\n  '[&_svg]:shrink-0',\n]);\n"],"mappings":";;;;;;;AAOA,MAAa,uBAAuB,IAAI;CACtC;CACA;CACA;CACA;CAEA;CAEA;CACA;CAIA;CAEA;CACA;CAEA;CAEA;CAIA;CACA;AACF,CAAC"}

package/dist/components/collections/tree-view/tree-view-tree.d.ts

@@ -4,9 +4,8 @@ export type TreeViewTreeProps = useRender.ComponentProps<'div'>;
 /**
  * Lista de nós da árvore, e o elemento que concentra a navegação por teclado.
  *
- * É aqui que o tamanho escolhido na raiz vira CSS variables — recuo, tamanho
- * de ícone e espaçamentos —, então todo nó precisa ser renderizado dentro
- * dele.
+ * É aqui que o tamanho fixo da árvore vira CSS variables — recuo, tamanho de
+ * ícone e espaçamentos —, então todo nó precisa ser renderizado dentro dele.
  */
 export declare const TreeViewTree: {
   (props: TreeViewTreeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/collections/tree-view/tree-view-tree.js

@@ -1,24 +1,20 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { useTreeViewContext } from "./use-tree-view-context.js";
-import { useTreeViewVariantsContext } from "./use-tree-view-variants-context.js";
 import { treeViewTreeVariants } from "./tree-view-tree-variants.js";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/collections/tree-view/tree-view-tree.tsx
 /**
 * Lista de nós da árvore, e o elemento que concentra a navegação por teclado.
 *
-* É aqui que o tamanho escolhido na raiz vira CSS variables — recuo, tamanho
-* de ícone e espaçamentos —, então todo nó precisa ser renderizado dentro
-* dele.
+* É aqui que o tamanho fixo da árvore vira CSS variables — recuo, tamanho de
+* ícone e espaçamentos —, então todo nó precisa ser renderizado dentro dele.
 */
 const TreeViewTree = (props) => {
 	const { render, className, ...rest } = props;
-	const treeView = useTreeViewContext();
-	const { size } = useTreeViewVariantsContext();
-	const zagProps = treeView.getTreeProps();
+	const zagProps = useTreeViewContext().getTreeProps();
 	const baseProps = {
 		"data-component": "TreeView.Tree",
-		className: mergeTwClassNames(treeViewTreeVariants({ size }), className)
+		className: mergeTwClassNames(treeViewTreeVariants(), className)
 	};
 	return useRender({
 		render,

package/dist/components/collections/tree-view/tree-view-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-tree.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-tree.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { treeViewTreeVariants } from './tree-view-tree-variants';\nimport { useTreeViewContext } from './use-tree-view-context';\nimport { useTreeViewVariantsContext } from './use-tree-view-variants-context';\n\nexport type TreeViewTreeProps = useRender.ComponentProps<'div'>;\n\n/**\n * Lista de nós da árvore, e o elemento que concentra a navegação por teclado.\n *\n * É aqui que o tamanho escolhido na raiz vira CSS variables — recuo, tamanho\n * de ícone e espaçamentos —, então todo nó precisa ser renderizado dentro\n * dele.\n */\nexport const TreeViewTree = (props: TreeViewTreeProps) => {\n  const { render, className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n  const { size } = useTreeViewVariantsContext();\n\n  const zagProps = treeView.getTreeProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.Tree',\n    className: mergeTwClassNames(treeViewTreeVariants({ size }), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nTreeViewTree.displayName = 'TreeView.Tree';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,WAAW,mBAAmB;CACpC,MAAM,EAAE,SAAS,2BAA2B;CAE5C,MAAM,WAAW,SAAS,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,qBAAqB,EAAE,KAAK,CAAC,GAAG,SAAS;CACxE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"tree-view-tree.js","names":[],"sources":["../../../../src/components/collections/tree-view/tree-view-tree.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { treeViewTreeVariants } from './tree-view-tree-variants';\nimport { useTreeViewContext } from './use-tree-view-context';\n\nexport type TreeViewTreeProps = useRender.ComponentProps<'div'>;\n\n/**\n * Lista de nós da árvore, e o elemento que concentra a navegação por teclado.\n *\n * É aqui que o tamanho fixo da árvore vira CSS variables — recuo, tamanho de\n * ícone e espaçamentos —, então todo nó precisa ser renderizado dentro dele.\n */\nexport const TreeViewTree = (props: TreeViewTreeProps) => {\n  const { render, className, ...rest } = props;\n\n  const treeView = useTreeViewContext();\n\n  const zagProps = treeView.getTreeProps();\n\n  const baseProps = {\n    'data-component': 'TreeView.Tree',\n    className: mergeTwClassNames(treeViewTreeVariants(), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, zagProps, rest),\n  });\n};\n\nTreeViewTree.displayName = 'TreeView.Tree';\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAIvC,MAAM,WAFW,mBAEO,CAAC,CAAC,aAAa;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,qBAAqB,GAAG,SAAS;CAChE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,UAAU,IAAI;CAC7C,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/collections/tree-view/use-tree-view-variants-context.d.ts

@@ -11,13 +11,6 @@ export type TreeViewVariants = {
    * @default 'gray'
    */
   colorScheme?: ColorSchemeCore;
-  /**
-   * Recuo, tamanho de ícone, espaçamento e texto. Aplicado no `TreeView.Tree`, que declara as
-   * variáveis lidas por todas as partes.
-   *
-   * @default 'md'
-   */
-  size?: 'xs' | 'sm' | 'md' | 'lg';
   /**
    * Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto
    * invertido.

package/dist/components/collections/tree-view/use-tree-view-variants-context.js

@@ -2,7 +2,6 @@ import { createContext } from "@lucasbernardosn/react-utils";
 //#region src/components/collections/tree-view/use-tree-view-variants-context.ts
 const treeViewDefaultVariants = {
 	colorScheme: "gray",
-	size: "md",
 	variant: "solid"
 };
 const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] = createContext({

package/dist/components/collections/tree-view/use-tree-view-variants-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-view-variants-context.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/**\n * Variantes do Tree View. Informadas no `TreeView.Root` (ou no `TreeView.RootProvider`) e\n * repassadas às partes por contexto.\n */\nexport type TreeViewVariants = {\n  /**\n   * Cor da linha selecionada. As demais linhas usam a escala neutra.\n   *\n   * @default 'gray'\n   */\n  colorScheme?: ColorSchemeCore;\n  /**\n   * Recuo, tamanho de ícone, espaçamento e texto. Aplicado no `TreeView.Tree`, que declara as\n   * variáveis lidas por todas as partes.\n   *\n   * @default 'md'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /**\n   * Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto\n   * invertido.\n   *\n   * @default 'solid'\n   */\n  variant?: 'subtle' | 'solid';\n};\n\nexport const treeViewDefaultVariants: Required<TreeViewVariants> = {\n  colorScheme: 'gray',\n  size: 'md',\n  variant: 'solid',\n};\n\nexport const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] =\n  createContext<TreeViewVariants>({\n    name: 'TreeViewVariantsContext',\n    providers: ['TreeView.Root', 'TreeView.RootProvider'],\n  });\n"],"mappings":";;AA8BA,MAAa,0BAAsD;CACjE,aAAa;CACb,MAAM;CACN,SAAS;AACX;AAEA,MAAa,CAAC,iCAAiC,8BAC7C,cAAgC;CAC9B,MAAM;CACN,WAAW,CAAC,iBAAiB,uBAAuB;AACtD,CAAC"}
+{"version":3,"file":"use-tree-view-variants-context.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/**\n * Variantes do Tree View. Informadas no `TreeView.Root` (ou no `TreeView.RootProvider`) e\n * repassadas às partes por contexto.\n */\nexport type TreeViewVariants = {\n  /**\n   * Cor da linha selecionada. As demais linhas usam a escala neutra.\n   *\n   * @default 'gray'\n   */\n  colorScheme?: ColorSchemeCore;\n  /**\n   * Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto\n   * invertido.\n   *\n   * @default 'solid'\n   */\n  variant?: 'subtle' | 'solid';\n};\n\nexport const treeViewDefaultVariants: Required<TreeViewVariants> = {\n  colorScheme: 'gray',\n  variant: 'solid',\n};\n\nexport const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] =\n  createContext<TreeViewVariants>({\n    name: 'TreeViewVariantsContext',\n    providers: ['TreeView.Root', 'TreeView.RootProvider'],\n  });\n"],"mappings":";;AAuBA,MAAa,0BAAsD;CACjE,aAAa;CACb,SAAS;AACX;AAEA,MAAa,CAAC,iCAAiC,8BAC7C,cAAgC;CAC9B,MAAM;CACN,WAAW,CAAC,iBAAiB,uBAAuB;AACtD,CAAC"}

package/dist/components/collections/tree-view/use-tree-view.d.ts

@@ -1,4 +1,4 @@
-import { Optional } from "@lucasbernardosn/utils";
+import { Optional } from "@lucasbernardosn/ts-utils";
 import { PropTypes } from "@zag-js/react";
 import { TreeCollection, TreeNode } from "@zag-js/collection";
 import * as ZagTreeView from "@zag-js/tree-view";

package/dist/components/collections/tree-view/use-tree-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-view.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view.ts"],"sourcesContent":["import type { Optional } from '@lucasbernardosn/utils';\nimport type { TreeCollection, TreeNode } from '@zag-js/collection';\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react';\nimport * as ZagTreeView from '@zag-js/tree-view';\nimport { useId } from 'react';\n\n/**\n * Textos acessíveis padrão do Tree View.\n *\n * O Zag traz os rótulos em inglês; aqui eles são substituídos pelos\n * equivalentes em pt-BR. Passar `translations` no `TreeView.Root` ou no\n * `useTreeView` sobrescreve apenas as chaves informadas.\n */\nexport const treeViewTranslations: ZagTreeView.IntlTranslations = {\n  treeLabel: 'Árvore',\n  renameInputLabel: 'Renomear item',\n};\n\n/**\n * Propriedades do hook `useTreeView`.\n *\n * São as mesmas opções aceitas pelo `TreeView.Root`, com o `id` opcional — um\n * id único é gerado quando ele não é informado.\n */\nexport type UseTreeViewProps<T extends TreeNode> = Optional<\n  Omit<ZagTreeView.Props<T>, 'collection'>,\n  'id'\n> & {\n  /**\n   * Coleção de nós da árvore.\n   *\n   * Define a estrutura hierárquica dos itens exibidos. Use\n   * `TreeView.createCollection` ou `TreeView.createFileCollection` para construí-la.\n   */\n  collection: TreeCollection<T>;\n};\n\n/**\n * Retorno do hook `useTreeView`: a API completa da árvore, com métodos para\n * expandir, colapsar, selecionar, marcar, renomear e navegar, além das props\n * de cada parte.\n */\nexport type UseTreeViewReturn<T extends TreeNode> = ZagTreeView.Api<\n  PropTypes,\n  T\n>;\n\n/**\n * Cria e gerencia o estado de um Tree View.\n *\n * Use junto do `TreeView.RootProvider` quando for preciso controlar a árvore\n * de fora da sua subárvore — virtualização, botões de expandir e colapsar\n * tudo, ou leitura do estado em um componente irmão. Nos casos comuns prefira\n * o `TreeView.Root`, que chama este hook internamente.\n *\n * @example\n * ```tsx\n * const collection = TreeView.createCollection<Node>({\n *   nodeToValue: (node) => node.id,\n *   nodeToString: (node) => node.name,\n *   rootNode: {\n *     id: 'ROOT',\n *     name: '',\n *     children: [{ id: 'src', name: 'src', children: [] }],\n *   },\n * });\n *\n * const treeView = useTreeView({ collection });\n *\n * return (\n *   <TreeView.RootProvider value={treeView}>\n *     <TreeView.Tree>…</TreeView.Tree>\n *   </TreeView.RootProvider>\n * );\n * ```\n */\nexport const useTreeView = <T extends TreeNode>(\n  props: UseTreeViewProps<T>,\n): UseTreeViewReturn<T> => {\n  /** Id de fallback: só é usado quando `props.id` não é informado. */\n  const id = useId();\n\n  const machineProps: ZagTreeView.Props = {\n    id,\n    ...props,\n    // Mesclado por chave para que um `translations` parcial não derrube os\n    // demais textos padrão.\n    translations: { ...treeViewTranslations, ...props.translations },\n  };\n\n  const service = useMachine(ZagTreeView.machine, machineProps);\n\n  return ZagTreeView.connect(service, normalizeProps);\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,uBAAqD;CAChE,WAAW;CACX,kBAAkB;AACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAa,eACX,UACyB;CAIzB,MAAM,eAAkC;EACtC,IAHS,MAGR;EACD,GAAG;EAGH,cAAc;GAAE,GAAG;GAAsB,GAAG,MAAM;EAAa;CACjE;CAEA,MAAM,UAAU,WAAW,YAAY,SAAS,YAAY;CAE5D,OAAO,YAAY,QAAQ,SAAS,cAAc;AACpD"}
+{"version":3,"file":"use-tree-view.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view.ts"],"sourcesContent":["import type { Optional } from '@lucasbernardosn/ts-utils';\nimport type { TreeCollection, TreeNode } from '@zag-js/collection';\nimport { normalizeProps, type PropTypes, useMachine } from '@zag-js/react';\nimport * as ZagTreeView from '@zag-js/tree-view';\nimport { useId } from 'react';\n\n/**\n * Textos acessíveis padrão do Tree View.\n *\n * O Zag traz os rótulos em inglês; aqui eles são substituídos pelos\n * equivalentes em pt-BR. Passar `translations` no `TreeView.Root` ou no\n * `useTreeView` sobrescreve apenas as chaves informadas.\n */\nexport const treeViewTranslations: ZagTreeView.IntlTranslations = {\n  treeLabel: 'Árvore',\n  renameInputLabel: 'Renomear item',\n};\n\n/**\n * Propriedades do hook `useTreeView`.\n *\n * São as mesmas opções aceitas pelo `TreeView.Root`, com o `id` opcional — um\n * id único é gerado quando ele não é informado.\n */\nexport type UseTreeViewProps<T extends TreeNode> = Optional<\n  Omit<ZagTreeView.Props<T>, 'collection'>,\n  'id'\n> & {\n  /**\n   * Coleção de nós da árvore.\n   *\n   * Define a estrutura hierárquica dos itens exibidos. Use\n   * `TreeView.createCollection` ou `TreeView.createFileCollection` para construí-la.\n   */\n  collection: TreeCollection<T>;\n};\n\n/**\n * Retorno do hook `useTreeView`: a API completa da árvore, com métodos para\n * expandir, colapsar, selecionar, marcar, renomear e navegar, além das props\n * de cada parte.\n */\nexport type UseTreeViewReturn<T extends TreeNode> = ZagTreeView.Api<\n  PropTypes,\n  T\n>;\n\n/**\n * Cria e gerencia o estado de um Tree View.\n *\n * Use junto do `TreeView.RootProvider` quando for preciso controlar a árvore\n * de fora da sua subárvore — virtualização, botões de expandir e colapsar\n * tudo, ou leitura do estado em um componente irmão. Nos casos comuns prefira\n * o `TreeView.Root`, que chama este hook internamente.\n *\n * @example\n * ```tsx\n * const collection = TreeView.createCollection<Node>({\n *   nodeToValue: (node) => node.id,\n *   nodeToString: (node) => node.name,\n *   rootNode: {\n *     id: 'ROOT',\n *     name: '',\n *     children: [{ id: 'src', name: 'src', children: [] }],\n *   },\n * });\n *\n * const treeView = useTreeView({ collection });\n *\n * return (\n *   <TreeView.RootProvider value={treeView}>\n *     <TreeView.Tree>…</TreeView.Tree>\n *   </TreeView.RootProvider>\n * );\n * ```\n */\nexport const useTreeView = <T extends TreeNode>(\n  props: UseTreeViewProps<T>,\n): UseTreeViewReturn<T> => {\n  /** Id de fallback: só é usado quando `props.id` não é informado. */\n  const id = useId();\n\n  const machineProps: ZagTreeView.Props = {\n    id,\n    ...props,\n    // Mesclado por chave para que um `translations` parcial não derrube os\n    // demais textos padrão.\n    translations: { ...treeViewTranslations, ...props.translations },\n  };\n\n  const service = useMachine(ZagTreeView.machine, machineProps);\n\n  return ZagTreeView.connect(service, normalizeProps);\n};\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,uBAAqD;CAChE,WAAW;CACX,kBAAkB;AACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAa,eACX,UACyB;CAIzB,MAAM,eAAkC;EACtC,IAHS,MAGR;EACD,GAAG;EAGH,cAAc;GAAE,GAAG;GAAsB,GAAG,MAAM;EAAa;CACjE;CAEA,MAAM,UAAU,WAAW,YAAY,SAAS,YAAY;CAE5D,OAAO,YAAY,QAAQ,SAAS,cAAc;AACpD"}

package/dist/components/disclosure/breadcrumb/breadcrumb-ellipsis.d.ts

@@ -0,0 +1,27 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-ellipsis.d.ts
+export type BreadcrumbEllipsisProps = useRender.ComponentProps<'span'>;
+/**
+ * Reticências no lugar dos níveis do meio de um caminho longo, dentro de um `Breadcrumb.Item`. Os
+ * filhos substituem o ícone.
+ *
+ * Sozinho, é decorativo (`aria-hidden`): os níveis escondidos não chegam ao leitor de tela. Para
+ * mostrá-los, faça dele o trigger de um `Menu` com os links escondidos, pelo `render`, com um nome
+ * que diga o que abre; aí ele vira botão, com o hover e o anel de foco.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Item>
+ *   <Menu.Root>
+ *     <Breadcrumb.Ellipsis render={<Menu.Trigger aria-label="Mostrar os níveis ocultos" />} />
+ *     …
+ *   </Menu.Root>
+ * </Breadcrumb.Item>
+ * ```
+ */
+export declare const BreadcrumbEllipsis: {
+  (props: BreadcrumbEllipsisProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=breadcrumb-ellipsis.d.ts.map