@lucasbernardosn/react-ui 0.2.0 → 0.3.0

package/dist/components/collections/autocomplete/index.parts.js

@@ -0,0 +1,53 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { AutocompleteArrow } from "./autocomplete-arrow.js";
+import { AutocompleteBackdrop } from "./autocomplete-backdrop.js";
+import { AutocompleteClear } from "./autocomplete-clear.js";
+import { AutocompleteCollection } from "./autocomplete-collection.js";
+import { AutocompleteEmpty } from "./autocomplete-empty.js";
+import { AutocompleteGroupLabel } from "./autocomplete-group-label.js";
+import { AutocompleteGroup } from "./autocomplete-group.js";
+import { AutocompleteIcon } from "./autocomplete-icon.js";
+import { AutocompleteInputGroup } from "./autocomplete-input-group.js";
+import { AutocompleteInput } from "./autocomplete-input.js";
+import { AutocompleteItem } from "./autocomplete-item.js";
+import { AutocompleteList } from "./autocomplete-list.js";
+import { AutocompletePopup } from "./autocomplete-popup.js";
+import { AutocompletePortal } from "./autocomplete-portal.js";
+import { AutocompletePositioner } from "./autocomplete-positioner.js";
+import { AutocompleteRoot } from "./autocomplete-root.js";
+import { AutocompleteRow } from "./autocomplete-row.js";
+import { AutocompleteSeparator } from "./autocomplete-separator.js";
+import { AutocompleteStatus } from "./autocomplete-status.js";
+import { AutocompleteTrigger } from "./autocomplete-trigger.js";
+import { AutocompleteValue } from "./autocomplete-value.js";
+import { useAutocompleteFilter, useAutocompleteFilteredItems } from "./use-autocomplete-filter.js";
+//#region src/components/collections/autocomplete/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => AutocompleteArrow,
+	Backdrop: () => AutocompleteBackdrop,
+	Clear: () => AutocompleteClear,
+	Collection: () => AutocompleteCollection,
+	Empty: () => AutocompleteEmpty,
+	Group: () => AutocompleteGroup,
+	GroupLabel: () => AutocompleteGroupLabel,
+	Icon: () => AutocompleteIcon,
+	Input: () => AutocompleteInput,
+	InputGroup: () => AutocompleteInputGroup,
+	Item: () => AutocompleteItem,
+	List: () => AutocompleteList,
+	Popup: () => AutocompletePopup,
+	Portal: () => AutocompletePortal,
+	Positioner: () => AutocompletePositioner,
+	Root: () => AutocompleteRoot,
+	Row: () => AutocompleteRow,
+	Separator: () => AutocompleteSeparator,
+	Status: () => AutocompleteStatus,
+	Trigger: () => AutocompleteTrigger,
+	Value: () => AutocompleteValue,
+	useFilter: () => useAutocompleteFilter,
+	useFilteredItems: () => useAutocompleteFilteredItems
+});
+//#endregion
+export { AutocompleteArrow as Arrow, AutocompleteBackdrop as Backdrop, AutocompleteClear as Clear, AutocompleteCollection as Collection, AutocompleteEmpty as Empty, AutocompleteGroup as Group, AutocompleteGroupLabel as GroupLabel, AutocompleteIcon as Icon, AutocompleteInput as Input, AutocompleteInputGroup as InputGroup, AutocompleteItem as Item, AutocompleteList as List, AutocompletePopup as Popup, AutocompletePortal as Portal, AutocompletePositioner as Positioner, AutocompleteRoot as Root, AutocompleteRow as Row, AutocompleteSeparator as Separator, AutocompleteStatus as Status, AutocompleteTrigger as Trigger, AutocompleteValue as Value, index_parts_exports, useAutocompleteFilter as useFilter, useAutocompleteFilteredItems as useFilteredItems };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/collections/autocomplete/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/collections/autocomplete/index.parts.ts"],"sourcesContent":["export { AutocompleteArrow as Arrow } from './autocomplete-arrow';\nexport { AutocompleteBackdrop as Backdrop } from './autocomplete-backdrop';\nexport { AutocompleteClear as Clear } from './autocomplete-clear';\nexport { AutocompleteCollection as Collection } from './autocomplete-collection';\nexport { AutocompleteEmpty as Empty } from './autocomplete-empty';\nexport { AutocompleteGroup as Group } from './autocomplete-group';\nexport { AutocompleteGroupLabel as GroupLabel } from './autocomplete-group-label';\nexport { AutocompleteIcon as Icon } from './autocomplete-icon';\nexport { AutocompleteInput as Input } from './autocomplete-input';\nexport { AutocompleteInputGroup as InputGroup } from './autocomplete-input-group';\nexport { AutocompleteItem as Item } from './autocomplete-item';\nexport { AutocompleteList as List } from './autocomplete-list';\nexport { AutocompletePopup as Popup } from './autocomplete-popup';\nexport { AutocompletePortal as Portal } from './autocomplete-portal';\nexport { AutocompletePositioner as Positioner } from './autocomplete-positioner';\nexport { AutocompleteRoot as Root } from './autocomplete-root';\nexport { AutocompleteRow as Row } from './autocomplete-row';\nexport { AutocompleteSeparator as Separator } from './autocomplete-separator';\nexport { AutocompleteStatus as Status } from './autocomplete-status';\nexport { AutocompleteTrigger as Trigger } from './autocomplete-trigger';\nexport { AutocompleteValue as Value } from './autocomplete-value';\nexport {\n  useAutocompleteFilter as useFilter,\n  useAutocompleteFilteredItems as useFilteredItems,\n} from './use-autocomplete-filter';\n\n/* types */\n\nexport type {\n  AutocompleteArrowProps as ArrowProps,\n  AutocompleteArrowState as ArrowState,\n} from './autocomplete-arrow';\nexport type {\n  AutocompleteBackdropProps as BackdropProps,\n  AutocompleteBackdropState as BackdropState,\n} from './autocomplete-backdrop';\nexport type {\n  AutocompleteClearProps as ClearProps,\n  AutocompleteClearState as ClearState,\n} from './autocomplete-clear';\nexport type {\n  AutocompleteCollectionProps as CollectionProps,\n  AutocompleteCollectionState as CollectionState,\n} from './autocomplete-collection';\nexport type {\n  AutocompleteEmptyProps as EmptyProps,\n  AutocompleteEmptyState as EmptyState,\n} from './autocomplete-empty';\nexport type {\n  AutocompleteGroupProps as GroupProps,\n  AutocompleteGroupState as GroupState,\n} from './autocomplete-group';\nexport type {\n  AutocompleteGroupLabelProps as GroupLabelProps,\n  AutocompleteGroupLabelState as GroupLabelState,\n} from './autocomplete-group-label';\nexport type {\n  AutocompleteIconProps as IconProps,\n  AutocompleteIconState as IconState,\n} from './autocomplete-icon';\nexport type {\n  AutocompleteInputProps as InputProps,\n  AutocompleteInputState as InputState,\n} from './autocomplete-input';\nexport type {\n  AutocompleteInputGroupProps as InputGroupProps,\n  AutocompleteInputGroupState as InputGroupState,\n} from './autocomplete-input-group';\nexport type {\n  AutocompleteItemProps as ItemProps,\n  AutocompleteItemState as ItemState,\n} from './autocomplete-item';\nexport type {\n  AutocompleteListProps as ListProps,\n  AutocompleteListState as ListState,\n} from './autocomplete-list';\nexport type {\n  AutocompletePopupProps as PopupProps,\n  AutocompletePopupState as PopupState,\n} from './autocomplete-popup';\nexport type {\n  AutocompletePortalProps as PortalProps,\n  AutocompletePortalState as PortalState,\n} from './autocomplete-portal';\nexport type {\n  AutocompletePositionerProps as PositionerProps,\n  AutocompletePositionerState as PositionerState,\n} from './autocomplete-positioner';\nexport type {\n  AutocompleteRootActions as RootActions,\n  AutocompleteRootChangeEventDetails as RootChangeEventDetails,\n  AutocompleteRootChangeEventReason as RootChangeEventReason,\n  AutocompleteRootHighlightEventDetails as RootHighlightEventDetails,\n  AutocompleteRootHighlightEventReason as RootHighlightEventReason,\n  AutocompleteRootOpenChangeEventDetails as RootOpenChangeEventDetails,\n  AutocompleteRootProps as RootProps,\n  AutocompleteRootState as RootState,\n} from './autocomplete-root';\nexport type {\n  AutocompleteRowProps as RowProps,\n  AutocompleteRowState as RowState,\n} from './autocomplete-row';\nexport type {\n  AutocompleteSeparatorProps as SeparatorProps,\n  AutocompleteSeparatorState as SeparatorState,\n} from './autocomplete-separator';\nexport type {\n  AutocompleteStatusProps as StatusProps,\n  AutocompleteStatusState as StatusState,\n} from './autocomplete-status';\nexport type {\n  AutocompleteTriggerProps as TriggerProps,\n  AutocompleteTriggerState as TriggerState,\n} from './autocomplete-trigger';\nexport type {\n  AutocompleteValueProps as ValueProps,\n  AutocompleteValueState as ValueState,\n} from './autocomplete-value';\nexport type { AutocompleteVariants as Variants } from './use-autocomplete-context';\nexport type {\n  AutocompleteFilter as Filter,\n  AutocompleteFilterOptions as FilterOptions,\n} from './use-autocomplete-filter';\n"],"mappings":""}

package/dist/components/collections/autocomplete/use-autocomplete-context.d.ts

@@ -0,0 +1,24 @@
+//#region src/components/collections/autocomplete/use-autocomplete-context.d.ts
+/**
+ * Variantes do Autocomplete. Informadas no `Autocomplete.Root` e repassadas às partes por contexto.
+ */
+export type AutocompleteVariants = {
+  /**
+   * Altura e texto do campo, e texto e espaçamento dos itens. `sm` = `h-9`, `md` = `h-10`,
+   * alinhado aos outros controles de formulário. Dentro de um `Field.Root`, use o mesmo `size` nos
+   * dois.
+   *
+   * @default 'sm'
+   */
+  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+  /**
+   * Fundo e borda do campo, como no `Input`.
+   *
+   * @default 'outline'
+   */
+  variant?: 'outline' | 'subtle';
+};
+export declare const autocompleteDefaultVariants: Required<AutocompleteVariants>;
+export declare const AutocompleteContextProvider: import("react").Provider<AutocompleteVariants>, useAutocompleteContext: () => AutocompleteVariants;
+//#endregion
+//# sourceMappingURL=use-autocomplete-context.d.ts.map

package/dist/components/collections/autocomplete/use-autocomplete-context.js

@@ -0,0 +1,14 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/collections/autocomplete/use-autocomplete-context.ts
+const autocompleteDefaultVariants = {
+	size: "sm",
+	variant: "outline"
+};
+const [AutocompleteContextProvider, useAutocompleteContext] = createContext({
+	name: "AutocompleteContext",
+	providers: ["Autocomplete.Root"]
+});
+//#endregion
+export { AutocompleteContextProvider, autocompleteDefaultVariants, useAutocompleteContext };
+
+//# sourceMappingURL=use-autocomplete-context.js.map

package/dist/components/collections/autocomplete/use-autocomplete-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete-context.js","names":[],"sources":["../../../../src/components/collections/autocomplete/use-autocomplete-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Autocomplete. Informadas no `Autocomplete.Root` e repassadas às partes por contexto.\n */\nexport type AutocompleteVariants = {\n  /**\n   * Altura e texto do campo, e texto e espaçamento dos itens. `sm` = `h-9`, `md` = `h-10`,\n   * alinhado aos outros controles de formulário. Dentro de um `Field.Root`, use o mesmo `size` nos\n   * dois.\n   *\n   * @default 'sm'\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n  /**\n   * Fundo e borda do campo, como no `Input`.\n   *\n   * @default 'outline'\n   */\n  variant?: 'outline' | 'subtle';\n};\n\nexport const autocompleteDefaultVariants: Required<AutocompleteVariants> = {\n  size: 'sm',\n  variant: 'outline',\n};\n\nexport const [AutocompleteContextProvider, useAutocompleteContext] =\n  createContext<AutocompleteVariants>({\n    name: 'AutocompleteContext',\n    providers: ['Autocomplete.Root'],\n  });\n"],"mappings":";;AAsBA,MAAa,8BAA8D;CACzE,MAAM;CACN,SAAS;AACX;AAEA,MAAa,CAAC,6BAA6B,0BACzC,cAAoC;CAClC,MAAM;CACN,WAAW,CAAC,mBAAmB;AACjC,CAAC"}

package/dist/components/collections/autocomplete/use-autocomplete-filter.d.ts

@@ -0,0 +1,22 @@
+import { Autocomplete, AutocompleteFilter as AutocompleteFilter$1, AutocompleteFilterOptions as AutocompleteFilterOptions$1 } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/use-autocomplete-filter.d.ts
+export type AutocompleteFilter = AutocompleteFilter$1;
+export type AutocompleteFilterOptions = AutocompleteFilterOptions$1;
+/**
+ * Funções de filtro (`contains`, `startsWith`, `endsWith`) que comparam por `Intl.Collator`, sem
+ * diferenciar acento nem caixa por padrão. Serve a quem filtra por fora do `Autocomplete.Root`,
+ * como a busca assíncrona.
+ *
+ * @example
+ * ```tsx
+ * const { contains } = Autocomplete.useFilter();
+ * ```
+ */
+export declare const useAutocompleteFilter: typeof import("@base-ui/react/internals/filter").getFilter;
+/**
+ * A lista já filtrada, lida de dentro do `Autocomplete.Root`. Trate o resultado como somente
+ * leitura.
+ */
+export declare const useAutocompleteFilteredItems: typeof Autocomplete.useFilteredItems;
+//#endregion
+//# sourceMappingURL=use-autocomplete-filter.d.ts.map

package/dist/components/collections/autocomplete/use-autocomplete-filter.js

@@ -0,0 +1,22 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/use-autocomplete-filter.ts
+/**
+* Funções de filtro (`contains`, `startsWith`, `endsWith`) que comparam por `Intl.Collator`, sem
+* diferenciar acento nem caixa por padrão. Serve a quem filtra por fora do `Autocomplete.Root`,
+* como a busca assíncrona.
+*
+* @example
+* ```tsx
+* const { contains } = Autocomplete.useFilter();
+* ```
+*/
+const useAutocompleteFilter = Autocomplete.useFilter;
+/**
+* A lista já filtrada, lida de dentro do `Autocomplete.Root`. Trate o resultado como somente
+* leitura.
+*/
+const useAutocompleteFilteredItems = Autocomplete.useFilteredItems;
+//#endregion
+export { useAutocompleteFilter, useAutocompleteFilteredItems };
+
+//# sourceMappingURL=use-autocomplete-filter.js.map

package/dist/components/collections/autocomplete/use-autocomplete-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete-filter.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/use-autocomplete-filter.ts"],"sourcesContent":["import {\n  Autocomplete as BaseAutocomplete,\n  type AutocompleteFilter as BaseAutocompleteFilter,\n  type AutocompleteFilterOptions as BaseAutocompleteFilterOptions,\n} from '@base-ui/react/autocomplete';\n\nexport type AutocompleteFilter = BaseAutocompleteFilter;\n\nexport type AutocompleteFilterOptions = BaseAutocompleteFilterOptions;\n\n/**\n * Funções de filtro (`contains`, `startsWith`, `endsWith`) que comparam por `Intl.Collator`, sem\n * diferenciar acento nem caixa por padrão. Serve a quem filtra por fora do `Autocomplete.Root`,\n * como a busca assíncrona.\n *\n * @example\n * ```tsx\n * const { contains } = Autocomplete.useFilter();\n * ```\n */\nexport const useAutocompleteFilter = BaseAutocomplete.useFilter;\n\n/**\n * A lista já filtrada, lida de dentro do `Autocomplete.Root`. Trate o resultado como somente\n * leitura.\n */\nexport const useAutocompleteFilteredItems = BaseAutocomplete.useFilteredItems;\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAa,wBAAwBA,aAAiB;;;;;AAMtD,MAAa,+BAA+BA,aAAiB"}

package/dist/components/collections/select/select-group-label-variants.d.ts

@@ -1,7 +1,7 @@
 //#region src/components/collections/select/select-group-label-variants.d.ts
 /**
- * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` copia estas classes (tabela
- * no README de `collections`).
+ * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o
+ * `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).
  *
  * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
  * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede

package/dist/components/collections/select/select-group-label-variants.js

@@ -2,8 +2,8 @@ import { selectDefaultVariants } from "./use-select-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/collections/select/select-group-label-variants.ts
 /**
-* Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` copia estas classes (tabela
-* no README de `collections`).
+* Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o
+* `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).
 *
 * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
 * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede

package/dist/components/collections/select/select-group-label-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group-label-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` copia estas classes (tabela\n * no README de `collections`).\n *\n * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +\n * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede\n * recalcular este valor.\n */\nexport const selectGroupLabelVariants = cva(\n  [\n    'sticky',\n    'top-0',\n    'z-1',\n\n    // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'pt-2',\n    'pb-1',\n\n    'text-gray-11',\n    'font-medium',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        xs: [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        sm: [\n          'ps-8',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        md: [\n          'ps-8.5',\n          'pe-3',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        lg: [\n          'ps-11',\n          'pe-4',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        xl: [\n          'ps-11.5',\n          'pe-4.5',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        '2xl': [\n          'ps-12.5',\n          'pe-5',\n\n          'text-sm',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,2BAA2B,IACtC;CACE;CACA;CACA;CAGA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,OAAO;GACL;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"select-group-label-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` e o\n * `Autocomplete.GroupLabel` copiam estas classes (tabela no README de `collections`).\n *\n * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +\n * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede\n * recalcular este valor.\n */\nexport const selectGroupLabelVariants = cva(\n  [\n    'sticky',\n    'top-0',\n    'z-1',\n\n    // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'pt-2',\n    'pb-1',\n\n    'text-gray-11',\n    'font-medium',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        xs: [\n          'ps-6',\n          'pe-2',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        sm: [\n          'ps-8',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        md: [\n          'ps-8.5',\n          'pe-3',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        lg: [\n          'ps-11',\n          'pe-4',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        xl: [\n          'ps-11.5',\n          'pe-4.5',\n\n          'text-[0.8125rem]', // 13px\n        ],\n        '2xl': [\n          'ps-12.5',\n          'pe-5',\n\n          'text-sm',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,2BAA2B,IACtC;CACE;CACA;CACA;CAGA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,IAAI;GACF;GACA;GAEA;EACF;EACA,OAAO;GACL;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

package/dist/components/collections/select/select-item-variants.d.ts

@@ -1,7 +1,7 @@
 //#region src/components/collections/select/select-item-variants.d.ts
 /**
- * Origem do item das listas em popup: o `Menu.Item` copia estas classes (tabela no README de
- * `collections`). Uma mudança aqui vale para a cópia na mesma rodada.
+ * Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes
+ * (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.
  *
  * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
  * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a

package/dist/components/collections/select/select-item-variants.js

@@ -2,8 +2,8 @@ import { selectDefaultVariants } from "./use-select-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/collections/select/select-item-variants.ts
 /**
-* Origem do item das listas em popup: o `Menu.Item` copia estas classes (tabela no README de
-* `collections`). Uma mudança aqui vale para a cópia na mesma rodada.
+* Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes
+* (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.
 *
 * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
 * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a

package/dist/components/collections/select/select-item-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do item das listas em popup: o `Menu.Item` copia estas classes (tabela no README de\n * `collections`). Uma mudança aqui vale para a cópia na mesma rodada.\n *\n * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em\n * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a\n * área de clique indo até a borda.\n */\nexport const selectItemVariants = cva(\n  [\n    'grid',\n    'items-start', // Texto que quebra a linha mantém o check na primeira\n\n    'relative',\n\n    'rounded',\n\n    'cursor-default',\n    'select-none',\n    'outline-none',\n\n    'data-disabled:pointer-events-none',\n    'data-disabled:opacity-50',\n\n    'data-highlighted:z-0',\n    'data-highlighted:before:absolute',\n    'data-highlighted:before:inset-x-1',\n    'data-highlighted:before:inset-y-0',\n    'data-highlighted:before:z-[-1]',\n    'data-highlighted:before:rounded',\n    'data-highlighted:before:content-[\"\"]',\n    // Só com hover: no toque o realce fica no último item tocado e, com `multiple` (popup aberto),\n    // parece mais selecionado que os outros.\n    '[@media(hover:hover)]:data-highlighted:before:bg-gray-4',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1',\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-2.5',\n          'gap-2',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-sm',\n        ],\n        md: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-3',\n          'gap-2',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4',\n          'gap-3',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-base',\n        ],\n        xl: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4.5',\n          'gap-3',\n          'py-2.25',\n\n          'pointer-coarse:py-4',\n\n          'text-base',\n        ],\n        '2xl': [\n          'grid-cols-[1.125rem_1fr]',\n\n          'px-5',\n          'gap-3',\n          'py-4',\n          'pointer-coarse:py-4',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"select-item-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Origem do item das listas em popup: o `Menu.Item` e o `Autocomplete.Item` copiam estas classes\n * (tabela no README de `collections`). Uma mudança aqui vale para as cópias na mesma rodada.\n *\n * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em\n * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a\n * área de clique indo até a borda.\n */\nexport const selectItemVariants = cva(\n  [\n    'grid',\n    'items-start', // Texto que quebra a linha mantém o check na primeira\n\n    'relative',\n\n    'rounded',\n\n    'cursor-default',\n    'select-none',\n    'outline-none',\n\n    'data-disabled:pointer-events-none',\n    'data-disabled:opacity-50',\n\n    'data-highlighted:z-0',\n    'data-highlighted:before:absolute',\n    'data-highlighted:before:inset-x-1',\n    'data-highlighted:before:inset-y-0',\n    'data-highlighted:before:z-[-1]',\n    'data-highlighted:before:rounded',\n    'data-highlighted:before:content-[\"\"]',\n    // Só com hover: no toque o realce fica no último item tocado e, com `multiple` (popup aberto),\n    // parece mais selecionado que os outros.\n    '[@media(hover:hover)]:data-highlighted:before:bg-gray-4',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1',\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'grid-cols-[0.75rem_1fr]',\n\n          'px-2',\n          'gap-1',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-2.5',\n          'gap-2',\n          'py-1.25',\n\n          'pointer-coarse:py-2',\n\n          'text-sm',\n        ],\n        md: [\n          'grid-cols-[0.875rem_1fr]',\n\n          'px-3',\n          'gap-2',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4',\n          'gap-3',\n          'py-1.75',\n\n          'pointer-coarse:py-3',\n\n          'text-base',\n        ],\n        xl: [\n          'grid-cols-[1rem_1fr]',\n\n          'px-4.5',\n          'gap-3',\n          'py-2.25',\n\n          'pointer-coarse:py-4',\n\n          'text-base',\n        ],\n        '2xl': [\n          'grid-cols-[1.125rem_1fr]',\n\n          'px-5',\n          'gap-3',\n          'py-4',\n          'pointer-coarse:py-4',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,qBAAqB,IAChC;CACE;CACA;CAEA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,IAAI;GACF;GAEA;GACA;GACA;GAEA;GAEA;EACF;EACA,OAAO;GACL;GAEA;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

package/dist/components/collections/select/select-root.d.ts

@@ -1,5 +1,5 @@
 import { SelectVariants } from "./use-select-context.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { Select } from "@base-ui/react/select";
 //#region src/components/collections/select/select-root.d.ts
 export type SelectRootProps<Value, Multiple extends boolean | undefined = false> = MergeOverride<Select.Root.Props<Value, Multiple>, SelectVariants>;

package/dist/components/collections/select/select-root.js

@@ -1,5 +1,5 @@
 import { SelectContextProvider } from "./use-select-context.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 import { Select } from "@base-ui/react/select";
 //#region src/components/collections/select/select-root.tsx

package/dist/components/collections/select/select-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-root.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-root.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport {\n  SelectContextProvider,\n  type SelectVariants,\n} from './use-select-context';\n\nexport type SelectRootProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = MergeOverride<BaseSelect.Root.Props<Value, Multiple>, SelectVariants>;\n\nexport type SelectRootState = BaseSelect.Root.State;\n\nexport type SelectRootActions = BaseSelect.Root.Actions;\n\nexport type SelectRootChangeEventDetails = BaseSelect.Root.ChangeEventDetails;\n\nexport type SelectRootChangeEventReason = BaseSelect.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<SelectVariants>();\n\n/**\n * Estado do select. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Select.Root items={fruits}>\n *   <Select.Trigger>\n *     <Select.Value placeholder=\"Escolha uma fruta\" />\n *     <Select.Icon />\n *   </Select.Trigger>\n *   <Select.Portal>\n *     <Select.Positioner>\n *       <Select.Popup>\n *         <Select.ScrollUpArrow />\n *         <Select.List>\n *           {fruits.map((fruit) => (\n *             <Select.Item key={fruit.value} value={fruit.value}>\n *               <Select.ItemIndicator />\n *               <Select.ItemText>{fruit.label}</Select.ItemText>\n *             </Select.Item>\n *           ))}\n *         </Select.List>\n *         <Select.ScrollDownArrow />\n *       </Select.Popup>\n *     </Select.Positioner>\n *   </Select.Portal>\n * </Select.Root>\n * ```\n */\nexport const SelectRoot = <Value, Multiple extends boolean | undefined = false>(\n  props: SelectRootProps<Value, Multiple>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'size',\n    'variant',\n  ]);\n\n  return (\n    <SelectContextProvider value={variantProps}>\n      <BaseSelect.Root {...elementProps} />\n    </SelectContextProvider>\n  );\n};\n\nSelectRoot.displayName = 'Select.Root';\n"],"mappings":";;;;;AAoBA,MAAM,oBAAoB,iBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B3D,MAAa,cACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,QACA,SACF,CAAC;CAED,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAACA,OAAW,MAAZ,EAAiB,GAAI,aAAe,CAAA;CACf,CAAA;AAE3B;AAEA,WAAW,cAAc"}
+{"version":3,"file":"select-root.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-root.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport {\n  SelectContextProvider,\n  type SelectVariants,\n} from './use-select-context';\n\nexport type SelectRootProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = MergeOverride<BaseSelect.Root.Props<Value, Multiple>, SelectVariants>;\n\nexport type SelectRootState = BaseSelect.Root.State;\n\nexport type SelectRootActions = BaseSelect.Root.Actions;\n\nexport type SelectRootChangeEventDetails = BaseSelect.Root.ChangeEventDetails;\n\nexport type SelectRootChangeEventReason = BaseSelect.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<SelectVariants>();\n\n/**\n * Estado do select. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Select.Root items={fruits}>\n *   <Select.Trigger>\n *     <Select.Value placeholder=\"Escolha uma fruta\" />\n *     <Select.Icon />\n *   </Select.Trigger>\n *   <Select.Portal>\n *     <Select.Positioner>\n *       <Select.Popup>\n *         <Select.ScrollUpArrow />\n *         <Select.List>\n *           {fruits.map((fruit) => (\n *             <Select.Item key={fruit.value} value={fruit.value}>\n *               <Select.ItemIndicator />\n *               <Select.ItemText>{fruit.label}</Select.ItemText>\n *             </Select.Item>\n *           ))}\n *         </Select.List>\n *         <Select.ScrollDownArrow />\n *       </Select.Popup>\n *     </Select.Positioner>\n *   </Select.Portal>\n * </Select.Root>\n * ```\n */\nexport const SelectRoot = <Value, Multiple extends boolean | undefined = false>(\n  props: SelectRootProps<Value, Multiple>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'size',\n    'variant',\n  ]);\n\n  return (\n    <SelectContextProvider value={variantProps}>\n      <BaseSelect.Root {...elementProps} />\n    </SelectContextProvider>\n  );\n};\n\nSelectRoot.displayName = 'Select.Root';\n"],"mappings":";;;;;AAuBA,MAAM,oBAAoB,iBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B3D,MAAa,cACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,QACA,SACF,CAAC;CAED,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAACA,OAAW,MAAZ,EAAiB,GAAI,aAAe,CAAA;CACf,CAAA;AAE3B;AAEA,WAAW,cAAc"}

package/dist/components/collections/select/select-separator.d.ts

@@ -5,8 +5,8 @@ export type SelectSeparatorState = Select.Separator.State;
 /**
  * Linha entre itens ou grupos.
  *
- * Origem do separador das listas em popup: o `Menu.Separator` copia estas classes (tabela no
- * README de `collections`).
+ * Origem do separador das listas em popup: o `Menu.Separator` e o `Autocomplete.Separator` copiam
+ * estas classes (tabela no README de `collections`).
  */
 export declare const SelectSeparator: {
   (props: SelectSeparatorProps): import("react").JSX.Element;

package/dist/components/collections/select/select-separator.js

@@ -5,8 +5,8 @@ import { Select } from "@base-ui/react/select";
 /**
 * Linha entre itens ou grupos.
 *
-* Origem do separador das listas em popup: o `Menu.Separator` copia estas classes (tabela no
-* README de `collections`).
+* Origem do separador das listas em popup: o `Menu.Separator` e o `Autocomplete.Separator` copiam
+* estas classes (tabela no README de `collections`).
 */
 const SelectSeparator = (props) => {
 	const { className, ...rest } = props;

package/dist/components/collections/select/select-separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-separator.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-separator.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectSeparatorProps = BaseSelect.Separator.Props;\n\nexport type SelectSeparatorState = BaseSelect.Separator.State;\n\n/**\n * Linha entre itens ou grupos.\n *\n * Origem do separador das listas em popup: o `Menu.Separator` copia estas classes (tabela no\n * README de `collections`).\n */\nexport const SelectSeparator = (props: SelectSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Separator\n      data-component=\"Select.Separator\"\n      className={mergeStateClassNames(\n        [\n          'h-px',\n\n          'my-1',\n          'mx-2',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectSeparator.displayName = 'Select.Separator';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,WAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"select-separator.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-separator.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectSeparatorProps = BaseSelect.Separator.Props;\n\nexport type SelectSeparatorState = BaseSelect.Separator.State;\n\n/**\n * Linha entre itens ou grupos.\n *\n * Origem do separador das listas em popup: o `Menu.Separator` e o `Autocomplete.Separator` copiam\n * estas classes (tabela no README de `collections`).\n */\nexport const SelectSeparator = (props: SelectSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Separator\n      data-component=\"Select.Separator\"\n      className={mergeStateClassNames(\n        [\n          'h-px',\n\n          'my-1',\n          'mx-2',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectSeparator.displayName = 'Select.Separator';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,WAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}

package/dist/components/collections/select/select-trigger-variants.d.ts

@@ -2,8 +2,8 @@
 /**
  * Cópia de `inputVariants`, a origem do visual dos campos (tabela no README de `fields`): o anel de
  * foco e o inválido funcionam do mesmo jeito, explicados lá. As diferenças:
- * - é um botão: sem `appearance-none`, placeholder, `:user-invalid` (fica fora da validação nativa)
- *   e texto de 16px em tela de toque (não abre teclado);
+ * - é um botão: sem `appearance-none`, placeholder e texto de 16px em tela de toque (não abre
+ *   teclado);
  * - `inline-flex` com o valor e o ícone nas pontas, `gap` igual ao padding lateral, e altura mínima
  *   em vez de fixa, para crescer com um valor longo;
  * - hover, clique e aberto num tom mais escuro do fundo.

package/dist/components/collections/select/select-trigger-variants.js

@@ -4,8 +4,8 @@ import { cva } from "class-variance-authority";
 /**
 * Cópia de `inputVariants`, a origem do visual dos campos (tabela no README de `fields`): o anel de
 * foco e o inválido funcionam do mesmo jeito, explicados lá. As diferenças:
-* - é um botão: sem `appearance-none`, placeholder, `:user-invalid` (fica fora da validação nativa)
-*   e texto de 16px em tela de toque (não abre teclado);
+* - é um botão: sem `appearance-none`, placeholder e texto de 16px em tela de toque (não abre
+*   teclado);
 * - `inline-flex` com o valor e o ícone nas pontas, `gap` igual ao padding lateral, e altura mínima
 *   em vez de fixa, para crescer com um valor longo;
 * - hover, clique e aberto num tom mais escuro do fundo.

package/dist/components/collections/select/select-trigger-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-trigger-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-trigger-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Cópia de `inputVariants`, a origem do visual dos campos (tabela no README de `fields`): o anel de\n * foco e o inválido funcionam do mesmo jeito, explicados lá. As diferenças:\n * - é um botão: sem `appearance-none`, placeholder, `:user-invalid` (fica fora da validação nativa)\n *   e texto de 16px em tela de toque (não abre teclado);\n * - `inline-flex` com o valor e o ícone nas pontas, `gap` igual ao padding lateral, e altura mínima\n *   em vez de fixa, para crescer com um valor longo;\n * - hover, clique e aberto num tom mais escuro do fundo.\n */\nexport const selectTriggerVariants = cva(\n  [\n    'relative',\n    'w-full',\n\n    'inline-flex',\n    'items-center',\n    'justify-between',\n    'align-middle',\n\n    'min-w-0',\n    'max-w-full',\n\n    'outline-none',\n    'select-none',\n\n    'text-start',\n    'font-normal', // Sem isto, herda o peso do `<label>` em volta\n    'text-gray-12',\n\n    'border',\n    'rounded-md',\n    'corner-squircle',\n\n    'overflow-hidden',\n\n    '[--select-focus-color:var(--color-black)]',\n    'dark:[--select-focus-color:var(--color-white)]',\n\n    'focus-visible:outline-1',\n    'focus-visible:outline-solid',\n    'focus-visible:-outline-offset-2', // Offset = borda + anel: o campo não cresce no foco\n    'focus-visible:outline-(--select-focus-color)',\n    'focus-visible:border-(--select-focus-color)',\n\n    'data-focused:outline-1',\n    'data-focused:outline-solid',\n    'data-focused:-outline-offset-2',\n    'data-focused:outline-(--select-focus-color)',\n    'data-focused:border-(--select-focus-color)',\n\n    'disabled:opacity-50',\n    'disabled:cursor-not-allowed',\n\n    'data-disabled:opacity-50',\n    'data-disabled:cursor-not-allowed',\n\n    'data-invalid:border-red-9',\n    'data-invalid:[--select-focus-color:var(--color-red-9)]',\n    'aria-invalid:border-red-9',\n    'aria-invalid:[--select-focus-color:var(--color-red-9)]',\n  ],\n  {\n    variants: {\n      // Um tom só para hover, clique e aberto: o Base UI mantém `data-pressed` enquanto o popup está\n      // aberto, e um tom diferente para o clique piscava entre apertar e soltar.\n      variant: {\n        outline: [\n          'bg-white/90',\n          'dark:bg-black/90',\n\n          'border-gray-alpha-7',\n\n          'hover:not-data-disabled:bg-gray-2',\n          'data-popup-open:bg-gray-2',\n          'data-pressed:bg-gray-2',\n        ],\n        subtle: [\n          'bg-gray-4',\n\n          'border-transparent',\n\n          'hover:not-data-disabled:bg-gray-5',\n          'data-popup-open:bg-gray-5',\n          'data-pressed:bg-gray-5',\n        ],\n      },\n      size: {\n        '2xs': [\n          'min-h-7',\n\n          'px-2',\n          'gap-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'min-h-8',\n\n          'px-2',\n          'gap-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'min-h-9',\n\n          'px-2.5',\n          'gap-2.5',\n\n          'text-sm',\n        ],\n        md: [\n          'min-h-10',\n\n          'px-3',\n          'gap-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'min-h-11',\n\n          'px-4',\n          'gap-4',\n\n          'text-base',\n        ],\n        xl: [\n          'min-h-12',\n\n          'px-4.5',\n          'gap-4.5',\n\n          'text-base',\n        ],\n        '2xl': [\n          'min-h-16',\n\n          'px-5',\n          'gap-5',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n      variant: selectDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,wBAAwB,IACnC;CACE;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAEA;CACA;CACA;CAEA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EAGR,SAAS;GACP,SAAS;IACP;IACA;IAEA;IAEA;IACA;IACA;GACF;GACA,QAAQ;IACN;IAEA;IAEA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,OAAO;IACL;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,OAAO;IACL;IAEA;IACA;IAEA;GACF;EACF;CACF;CACA,iBAAiB;EACf,MAAM,sBAAsB;EAC5B,SAAS,sBAAsB;CACjC;AACF,CACF"}
+{"version":3,"file":"select-trigger-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-trigger-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Cópia de `inputVariants`, a origem do visual dos campos (tabela no README de `fields`): o anel de\n * foco e o inválido funcionam do mesmo jeito, explicados lá. As diferenças:\n * - é um botão: sem `appearance-none`, placeholder e texto de 16px em tela de toque (não abre\n *   teclado);\n * - `inline-flex` com o valor e o ícone nas pontas, `gap` igual ao padding lateral, e altura mínima\n *   em vez de fixa, para crescer com um valor longo;\n * - hover, clique e aberto num tom mais escuro do fundo.\n */\nexport const selectTriggerVariants = cva(\n  [\n    'relative',\n    'w-full',\n\n    'inline-flex',\n    'items-center',\n    'justify-between',\n    'align-middle',\n\n    'min-w-0',\n    'max-w-full',\n\n    'outline-none',\n    'select-none',\n\n    'text-start',\n    'font-normal', // Sem isto, herda o peso do `<label>` em volta\n    'text-gray-12',\n\n    'border',\n    'rounded-md',\n    'corner-squircle',\n\n    'overflow-hidden',\n\n    '[--select-focus-color:var(--color-black)]',\n    'dark:[--select-focus-color:var(--color-white)]',\n\n    'focus-visible:outline-1',\n    'focus-visible:outline-solid',\n    'focus-visible:-outline-offset-2', // Offset = borda + anel: o campo não cresce no foco\n    'focus-visible:outline-(--select-focus-color)',\n    'focus-visible:border-(--select-focus-color)',\n\n    'data-focused:outline-1',\n    'data-focused:outline-solid',\n    'data-focused:-outline-offset-2',\n    'data-focused:outline-(--select-focus-color)',\n    'data-focused:border-(--select-focus-color)',\n\n    'disabled:opacity-50',\n    'disabled:cursor-not-allowed',\n\n    'data-disabled:opacity-50',\n    'data-disabled:cursor-not-allowed',\n\n    'data-invalid:border-red-9',\n    'data-invalid:[--select-focus-color:var(--color-red-9)]',\n    'aria-invalid:border-red-9',\n    'aria-invalid:[--select-focus-color:var(--color-red-9)]',\n  ],\n  {\n    variants: {\n      // Um tom só para hover, clique e aberto: o Base UI mantém `data-pressed` enquanto o popup está\n      // aberto, e um tom diferente para o clique piscava entre apertar e soltar.\n      variant: {\n        outline: [\n          'bg-white/90',\n          'dark:bg-black/90',\n\n          'border-gray-alpha-7',\n\n          'hover:not-data-disabled:bg-gray-2',\n          'data-popup-open:bg-gray-2',\n          'data-pressed:bg-gray-2',\n        ],\n        subtle: [\n          'bg-gray-4',\n\n          'border-transparent',\n\n          'hover:not-data-disabled:bg-gray-5',\n          'data-popup-open:bg-gray-5',\n          'data-pressed:bg-gray-5',\n        ],\n      },\n      size: {\n        '2xs': [\n          'min-h-7',\n\n          'px-2',\n          'gap-2',\n\n          'text-xs',\n        ],\n        xs: [\n          'min-h-8',\n\n          'px-2',\n          'gap-2',\n\n          'text-xs',\n        ],\n        sm: [\n          'min-h-9',\n\n          'px-2.5',\n          'gap-2.5',\n\n          'text-sm',\n        ],\n        md: [\n          'min-h-10',\n\n          'px-3',\n          'gap-3',\n\n          'text-sm',\n        ],\n        lg: [\n          'min-h-11',\n\n          'px-4',\n          'gap-4',\n\n          'text-base',\n        ],\n        xl: [\n          'min-h-12',\n\n          'px-4.5',\n          'gap-4.5',\n\n          'text-base',\n        ],\n        '2xl': [\n          'min-h-16',\n\n          'px-5',\n          'gap-5',\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n      variant: selectDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,wBAAwB,IACnC;CACE;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAEA;CACA;CACA;CAEA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EAGR,SAAS;GACP,SAAS;IACP;IACA;IAEA;IAEA;IACA;IACA;GACF;GACA,QAAQ;IACN;IAEA;IAEA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,OAAO;IACL;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IAEA;IACA;IAEA;GACF;GACA,OAAO;IACL;IAEA;IACA;IAEA;GACF;EACF;CACF;CACA,iBAAiB;EACf,MAAM,sBAAsB;EAC5B,SAAS,sBAAsB;CACjC;AACF,CACF"}

package/dist/components/collections/select/select-value.js

@@ -10,7 +10,7 @@ const SelectValue = (props) => {
 	const { className, ...rest } = props;
 	return /* @__PURE__ */ jsx(Select.Value, {
 		"data-component": "Select.Value",
-		className: mergeStateClassNames(["data-placeholder:text-gray-9/90", "truncate"], className),
+		className: mergeStateClassNames(["data-placeholder:text-gray-11/80", "truncate"], className),
 		...rest
 	});
 };

package/dist/components/collections/select/select-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-value.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-value.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectValueProps = BaseSelect.Value.Props;\n\nexport type SelectValueState = BaseSelect.Value.State;\n\n/**\n * Texto do valor selecionado, dentro do trigger. Sem seleção, mostra o `placeholder`. Numa linha\n * só: texto maior que o trigger termina em reticências, e o rótulo inteiro fica na lista.\n */\nexport const SelectValue = (props: SelectValueProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Value\n      data-component=\"Select.Value\"\n      className={mergeStateClassNames(\n        [\n          'data-placeholder:text-gray-9/90',\n\n          'truncate',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectValue.displayName = 'Select.Value';\n"],"mappings":";;;;;;;;AAWA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT,CACE,mCAEA,UACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}
+{"version":3,"file":"select-value.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-value.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectValueProps = BaseSelect.Value.Props;\n\nexport type SelectValueState = BaseSelect.Value.State;\n\n/**\n * Texto do valor selecionado, dentro do trigger. Sem seleção, mostra o `placeholder`. Numa linha\n * só: texto maior que o trigger termina em reticências, e o rótulo inteiro fica na lista.\n */\nexport const SelectValue = (props: SelectValueProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Value\n      data-component=\"Select.Value\"\n      className={mergeStateClassNames(\n        [\n          'data-placeholder:text-gray-11/80',\n\n          'truncate',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectValue.displayName = 'Select.Value';\n"],"mappings":";;;;;;;;AAWA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT,CACE,oCAEA,UACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -12,7 +12,7 @@ import { TreeViewItem, TreeViewItemProps } from "./tree-view-item.js";
 import { TreeViewItemIndicator, TreeViewItemIndicatorProps } from "./tree-view-item-indicator.js";
 import { TreeViewItemText, TreeViewItemTextProps } from "./tree-view-item-text.js";
 import { TreeViewLabel, TreeViewLabelProps } from "./tree-view-label.js";
-import { TreeViewNodeRenderer, TreeViewNodeRendererProps } from "./tree-view-node.js";
+import { TreeViewNodeRenderer, TreeViewNodeRendererArgs, TreeViewNodeRendererProps } from "./tree-view-node.js";
 import { TreeViewNodeCheckbox, TreeViewNodeCheckboxProps } from "./tree-view-node-checkbox.js";
 import { TreeViewNodeCheckboxIndicator, TreeViewNodeCheckboxIndicatorProps } from "./tree-view-node-checkbox-indicator.js";
 import { TreeViewNodeContext, TreeViewNodeContextProps } from "./tree-view-node-context.js";
@@ -28,8 +28,8 @@ import { useTreeViewNodePropsContext } from "./use-tree-view-node-props-context.
 import { FilePathTreeNode as FilePathNode, FlatTreeNode as FlatNode, FlatTreeNodeMeta as FlatNodeMeta, TreeCollection as Collection, TreeCollectionMethods as CollectionMethods, TreeCollectionOptions as CollectionOptions, TreeNode as Node } from "@zag-js/collection";
 import { CheckedChangeDetails, ExpandedChangeDetails, FocusChangeDetails, IntlTranslations, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, NodeProps, NodeState, RenameCompleteDetails, RenameStartDetails, SelectionChangeDetails } from "@zag-js/tree-view";
 declare namespace index_parts_d_exports {
-  export { TreeViewBranch as Branch, TreeViewBranchContent as BranchContent, TreeViewBranchContentProps as BranchContentProps, TreeViewBranchControl as BranchControl, TreeViewBranchControlProps as BranchControlProps, TreeViewBranchIndentGuide as BranchIndentGuide, TreeViewBranchIndentGuideProps as BranchIndentGuideProps, TreeViewBranchIndicator as BranchIndicator, TreeViewBranchIndicatorProps as BranchIndicatorProps, TreeViewBranchProps as BranchProps, TreeViewBranchText as BranchText, TreeViewBranchTextProps as BranchTextProps, TreeViewBranchTrigger as BranchTrigger, TreeViewBranchTriggerProps as BranchTriggerProps, CheckedChangeDetails, Collection, CollectionMethods, CollectionOptions, TreeViewContext as Context, TreeViewContextProps as ContextProps, ExpandedChangeDetails, FilePathNode, FlatNode, FlatNodeMeta, FocusChangeDetails, IntlTranslations, TreeViewItem as Item, TreeViewItemIndicator as ItemIndicator, TreeViewItemIndicatorProps as ItemIndicatorProps, TreeViewItemProps as ItemProps, TreeViewItemText as ItemText, TreeViewItemTextProps as ItemTextProps, TreeViewLabel as Label, TreeViewLabelProps as LabelProps, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, Node, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, TreeViewNodeCheckboxProps as NodeCheckboxProps, TreeViewNodeContext as NodeContext, TreeViewNodeContextProps as NodeContextProps, NodeProps, TreeViewNodeProvider as NodeProvider, TreeViewNodeProviderProps as NodeProviderProps, TreeViewNodeRenameInput as NodeRenameInput, TreeViewNodeRenameInputProps as NodeRenameInputProps, TreeViewNodeRenderer as NodeRenderer, TreeViewNodeRendererProps as NodeRendererProps, NodeState, RenameCompleteDetails, RenameStartDetails, TreeViewRoot as Root, TreeViewRootProps as RootProps, TreeViewRootProvider as RootProvider, TreeViewRootProviderProps as RootProviderProps, SelectionChangeDetails, TreeViewTree as Tree, TreeViewTreeProps as TreeProps, UseTreeViewProps, UseTreeViewReturn, TreeViewVariants as Variants, createTreeCollection as createCollection, createFileTreeCollection as createFileCollection, treeViewTranslations, useTreeView, useTreeViewContext, useTreeViewNodeContext, useTreeViewNodePropsContext };
+  export { TreeViewBranch as Branch, TreeViewBranchContent as BranchContent, TreeViewBranchContentProps as BranchContentProps, TreeViewBranchControl as BranchControl, TreeViewBranchControlProps as BranchControlProps, TreeViewBranchIndentGuide as BranchIndentGuide, TreeViewBranchIndentGuideProps as BranchIndentGuideProps, TreeViewBranchIndicator as BranchIndicator, TreeViewBranchIndicatorProps as BranchIndicatorProps, TreeViewBranchProps as BranchProps, TreeViewBranchText as BranchText, TreeViewBranchTextProps as BranchTextProps, TreeViewBranchTrigger as BranchTrigger, TreeViewBranchTriggerProps as BranchTriggerProps, CheckedChangeDetails, Collection, CollectionMethods, CollectionOptions, TreeViewContext as Context, TreeViewContextProps as ContextProps, ExpandedChangeDetails, FilePathNode, FlatNode, FlatNodeMeta, FocusChangeDetails, IntlTranslations, TreeViewItem as Item, TreeViewItemIndicator as ItemIndicator, TreeViewItemIndicatorProps as ItemIndicatorProps, TreeViewItemProps as ItemProps, TreeViewItemText as ItemText, TreeViewItemTextProps as ItemTextProps, TreeViewLabel as Label, TreeViewLabelProps as LabelProps, LoadChildrenCompleteDetails, LoadChildrenDetails, LoadChildrenErrorDetails, Node, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, TreeViewNodeCheckboxProps as NodeCheckboxProps, TreeViewNodeContext as NodeContext, TreeViewNodeContextProps as NodeContextProps, NodeProps, TreeViewNodeProvider as NodeProvider, TreeViewNodeProviderProps as NodeProviderProps, TreeViewNodeRenameInput as NodeRenameInput, TreeViewNodeRenameInputProps as NodeRenameInputProps, TreeViewNodeRenderer as NodeRenderer, TreeViewNodeRendererArgs as NodeRendererArgs, TreeViewNodeRendererProps as NodeRendererProps, NodeState, RenameCompleteDetails, RenameStartDetails, TreeViewRoot as Root, TreeViewRootProps as RootProps, TreeViewRootProvider as RootProvider, TreeViewRootProviderProps as RootProviderProps, SelectionChangeDetails, TreeViewTree as Tree, TreeViewTreeProps as TreeProps, UseTreeViewProps, UseTreeViewReturn, TreeViewVariants as Variants, createTreeCollection as createCollection, createFileTreeCollection as createFileCollection, treeViewTranslations, useTreeView, useTreeViewContext, useTreeViewNodeContext, useTreeViewNodePropsContext };
 }
 //#endregion
-export { TreeViewBranch as Branch, TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, type TreeViewBranchProps as BranchProps, TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, type CheckedChangeDetails, type Collection, type CollectionMethods, type CollectionOptions, TreeViewContext as Context, type TreeViewContextProps as ContextProps, type ExpandedChangeDetails, type FilePathNode, type FlatNode, type FlatNodeMeta, type FocusChangeDetails, type IntlTranslations, TreeViewItem as Item, TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, type TreeViewItemProps as ItemProps, TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, TreeViewLabel as Label, type TreeViewLabelProps as LabelProps, type LoadChildrenCompleteDetails, type LoadChildrenDetails, type LoadChildrenErrorDetails, type Node, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, type NodeProps, TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderProps as NodeProviderProps, TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputProps as NodeRenameInputProps, TreeViewNodeRenderer as NodeRenderer, type TreeViewNodeRendererProps as NodeRendererProps, type NodeState, type RenameCompleteDetails, type RenameStartDetails, TreeViewRoot as Root, type TreeViewRootProps as RootProps, TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, type SelectionChangeDetails, TreeViewTree as Tree, type TreeViewTreeProps as TreeProps, type UseTreeViewProps, type UseTreeViewReturn, type TreeViewVariants as Variants, createTreeCollection as createCollection, createFileTreeCollection as createFileCollection, index_parts_d_exports, treeViewTranslations, useTreeView, useTreeViewContext, useTreeViewNodeContext, useTreeViewNodePropsContext };
+export { TreeViewBranch as Branch, TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, TreeViewBranchIndentGuide as BranchIndentGuide, type TreeViewBranchIndentGuideProps as BranchIndentGuideProps, TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, type TreeViewBranchProps as BranchProps, TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, type CheckedChangeDetails, type Collection, type CollectionMethods, type CollectionOptions, TreeViewContext as Context, type TreeViewContextProps as ContextProps, type ExpandedChangeDetails, type FilePathNode, type FlatNode, type FlatNodeMeta, type FocusChangeDetails, type IntlTranslations, TreeViewItem as Item, TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, type TreeViewItemProps as ItemProps, TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, TreeViewLabel as Label, type TreeViewLabelProps as LabelProps, type LoadChildrenCompleteDetails, type LoadChildrenDetails, type LoadChildrenErrorDetails, type Node, TreeViewNodeCheckbox as NodeCheckbox, TreeViewNodeCheckboxIndicator as NodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorProps as NodeCheckboxIndicatorProps, type TreeViewNodeCheckboxProps as NodeCheckboxProps, TreeViewNodeContext as NodeContext, type TreeViewNodeContextProps as NodeContextProps, type NodeProps, TreeViewNodeProvider as NodeProvider, type TreeViewNodeProviderProps as NodeProviderProps, TreeViewNodeRenameInput as NodeRenameInput, type TreeViewNodeRenameInputProps as NodeRenameInputProps, TreeViewNodeRenderer as NodeRenderer, type TreeViewNodeRendererArgs as NodeRendererArgs, type TreeViewNodeRendererProps as NodeRendererProps, type NodeState, type RenameCompleteDetails, type RenameStartDetails, TreeViewRoot as Root, type TreeViewRootProps as RootProps, TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, type SelectionChangeDetails, TreeViewTree as Tree, type TreeViewTreeProps as TreeProps, type UseTreeViewProps, type UseTreeViewReturn, type TreeViewVariants as Variants, createTreeCollection as createCollection, createFileTreeCollection as createFileCollection, index_parts_d_exports, treeViewTranslations, useTreeView, useTreeViewContext, useTreeViewNodeContext, useTreeViewNodePropsContext };
 //# sourceMappingURL=index.parts.d.ts.map

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.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,