@lucasbernardosn/react-ui 0.2.0 → 0.3.0

package/dist/components/collections/autocomplete/autocomplete-popup-variants.js

@@ -0,0 +1,43 @@
+import { cva } from "class-variance-authority";
+//#region src/components/collections/autocomplete/autocomplete-popup-variants.ts
+/**
+* Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
+* cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+* - largura a partir da do campo (`--anchor-width`) e altura até `max-h-80`, sem animação de
+*   tamanho;
+* - o tamanho do texto vem dos itens, e não do popup.
+*
+* A altura máxima fica no popup, e a lista (`min-h-0`) encolhe até caber, como no `Select`.
+*/
+const autocompletePopupVariants = cva([
+	"group",
+	"flex",
+	"flex-col",
+	"max-h-80",
+	"min-w-(--anchor-width)",
+	"max-w-[min(calc(100dvw-1rem),max(var(--anchor-width),--spacing(80)))]",
+	"rounded-md",
+	"corner-squircle",
+	"outline-1",
+	"outline-gray-6",
+	"bg-white",
+	"dark:bg-gray-2",
+	"shadow-md",
+	"shadow-black/12",
+	"dark:shadow-none",
+	"text-gray-12",
+	"not-motion-reduced:origin-(--transform-origin)",
+	"not-motion-reduced:transition-[scale,opacity]",
+	"not-motion-reduced:ease-enter",
+	"not-motion-reduced:duration-150",
+	"not-motion-reduced:data-starting-style:scale-95",
+	"not-motion-reduced:data-ending-style:scale-95",
+	"not-motion-reduced:data-ending-style:ease-exit",
+	"not-motion-reduced:data-ending-style:duration-100",
+	"data-starting-style:opacity-0",
+	"data-ending-style:opacity-0"
+]);
+//#endregion
+export { autocompletePopupVariants };
+
+//# sourceMappingURL=autocomplete-popup-variants.js.map

package/dist/components/collections/autocomplete/autocomplete-popup-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-popup-variants.js","names":[],"sources":["../../../../src/components/collections/autocomplete/autocomplete-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:\n * - largura a partir da do campo (`--anchor-width`) e altura até `max-h-80`, sem animação de\n *   tamanho;\n * - o tamanho do texto vem dos itens, e não do popup.\n *\n * A altura máxima fica no popup, e a lista (`min-h-0`) encolhe até caber, como no `Select`.\n */\nexport const autocompletePopupVariants = cva([\n  'group',\n\n  'flex',\n  'flex-col',\n\n  'max-h-80',\n  'min-w-(--anchor-width)', // Largura mínima igual ao elemento âncora, permite crescer para conteúdo maior\n  // Cresce com o conteúdo até 20rem (ou a largura do campo, se maior) e aí quebra a linha;\n  // nunca passa da tela.\n  'max-w-[min(calc(100dvw-1rem),max(var(--anchor-width),--spacing(80)))]',\n\n  'rounded-md',\n  'corner-squircle',\n  'outline-1',\n  'outline-gray-6',\n\n  'bg-white',\n  'dark:bg-gray-2',\n\n  'shadow-md',\n  'shadow-black/12',\n  'dark:shadow-none',\n\n  // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n  'text-gray-12',\n\n  'not-motion-reduced:origin-(--transform-origin)',\n  'not-motion-reduced:transition-[scale,opacity]',\n  'not-motion-reduced:ease-enter',\n  'not-motion-reduced:duration-150',\n\n  'not-motion-reduced:data-starting-style:scale-95',\n  'not-motion-reduced:data-ending-style:scale-95',\n  'not-motion-reduced:data-ending-style:ease-exit',\n  'not-motion-reduced:data-ending-style:duration-100',\n  'data-starting-style:opacity-0',\n  'data-ending-style:opacity-0',\n]);\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,4BAA4B,IAAI;CAC3C;CAEA;CACA;CAEA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC"}

package/dist/components/collections/autocomplete/autocomplete-popup.d.ts

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-popup.d.ts
+export type AutocompletePopupProps = Autocomplete.Popup.Props;
+export type AutocompletePopupState = Autocomplete.Popup.State;
+/**
+ * Caixa da lista. Tem no mínimo a largura do campo e cresce com o conteúdo até 20rem de altura;
+ * outro teto vem por `className` (`max-h-96`), e a lista rola dentro dele.
+ */
+export declare const AutocompletePopup: {
+  (props: AutocompletePopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-popup.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-popup.js

@@ -0,0 +1,22 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { autocompletePopupVariants } from "./autocomplete-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-popup.tsx
+/**
+* Caixa da lista. Tem no mínimo a largura do campo e cresce com o conteúdo até 20rem de altura;
+* outro teto vem por `className` (`max-h-96`), e a lista rola dentro dele.
+*/
+const AutocompletePopup = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Popup, {
+		"data-component": "Autocomplete.Popup",
+		className: mergeStateClassNames(autocompletePopupVariants(), className),
+		...rest
+	});
+};
+AutocompletePopup.displayName = "Autocomplete.Popup";
+//#endregion
+export { AutocompletePopup };
+
+//# sourceMappingURL=autocomplete-popup.js.map

package/dist/components/collections/autocomplete/autocomplete-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-popup.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-popup.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompletePopupVariants } from './autocomplete-popup-variants';\n\nexport type AutocompletePopupProps = BaseAutocomplete.Popup.Props;\n\nexport type AutocompletePopupState = BaseAutocomplete.Popup.State;\n\n/**\n * Caixa da lista. Tem no mínimo a largura do campo e cresce com o conteúdo até 20rem de altura;\n * outro teto vem por `className` (`max-h-96`), e a lista rola dentro dele.\n */\nexport const AutocompletePopup = (props: AutocompletePopupProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Popup\n      data-component=\"Autocomplete.Popup\"\n      className={mergeStateClassNames(autocompletePopupVariants(), className)}\n      {...rest}\n    />\n  );\n};\n\nAutocompletePopup.displayName = 'Autocomplete.Popup';\n"],"mappings":";;;;;;;;;AAYA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,OAAlB;EACE,kBAAe;EACf,WAAW,qBAAqB,0BAA0B,GAAG,SAAS;EACtE,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-portal.d.ts

@@ -0,0 +1,13 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-portal.d.ts
+export type AutocompletePortalProps = Autocomplete.Portal.Props;
+export type AutocompletePortalState = Autocomplete.Portal.State;
+/**
+ * Leva o popup para o fim do `body`, fora do contexto de empilhamento do campo.
+ */
+export declare const AutocompletePortal: {
+  (props: AutocompletePortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-portal.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-portal.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-portal.tsx
+/**
+* Leva o popup para o fim do `body`, fora do contexto de empilhamento do campo.
+*/
+const AutocompletePortal = (props) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Portal, {
+		"data-component": "Autocomplete.Portal",
+		...props
+	});
+};
+AutocompletePortal.displayName = "Autocomplete.Portal";
+//#endregion
+export { AutocompletePortal };
+
+//# sourceMappingURL=autocomplete-portal.js.map

package/dist/components/collections/autocomplete/autocomplete-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-portal.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-portal.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\n\nexport type AutocompletePortalProps = BaseAutocomplete.Portal.Props;\n\nexport type AutocompletePortalState = BaseAutocomplete.Portal.State;\n\n/**\n * Leva o popup para o fim do `body`, fora do contexto de empilhamento do campo.\n */\nexport const AutocompletePortal = (props: AutocompletePortalProps) => {\n  return (\n    <BaseAutocomplete.Portal\n      data-component=\"Autocomplete.Portal\"\n      {...props}\n    />\n  );\n};\n\nAutocompletePortal.displayName = 'Autocomplete.Portal';\n"],"mappings":";;;;;;AASA,MAAa,sBAAsB,UAAmC;CACpE,OACE,oBAACA,aAAiB,QAAlB;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-positioner.d.ts

@@ -0,0 +1,16 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-positioner.d.ts
+export type AutocompletePositionerProps = Autocomplete.Positioner.Props;
+export type AutocompletePositionerState = Autocomplete.Positioner.State;
+/**
+ * Posiciona o popup junto ao `Autocomplete.InputGroup`.
+ *
+ * Com a lista vazia, some, a menos que haja texto no `Autocomplete.Empty` ou no
+ * `Autocomplete.Status`: sem isso, o popup sobraria como uma caixa vazia embaixo do campo.
+ */
+export declare const AutocompletePositioner: {
+  (props: AutocompletePositionerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-positioner.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-positioner.js

@@ -0,0 +1,28 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-positioner.tsx
+/**
+* Posiciona o popup junto ao `Autocomplete.InputGroup`.
+*
+* Com a lista vazia, some, a menos que haja texto no `Autocomplete.Empty` ou no
+* `Autocomplete.Status`: sem isso, o popup sobraria como uma caixa vazia embaixo do campo.
+*/
+const AutocompletePositioner = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+		"data-component": "Autocomplete.Positioner",
+		sideOffset: 6,
+		className: mergeStateClassNames([
+			"select-none",
+			"outline-none",
+			"data-empty:not-has-[:is([data-component='Autocomplete.Empty'],[data-component='Autocomplete.Status']):not(:empty)]:hidden"
+		], className),
+		...rest
+	});
+};
+AutocompletePositioner.displayName = "Autocomplete.Positioner";
+//#endregion
+export { AutocompletePositioner };
+
+//# sourceMappingURL=autocomplete-positioner.js.map

package/dist/components/collections/autocomplete/autocomplete-positioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-positioner.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-positioner.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AutocompletePositionerProps = BaseAutocomplete.Positioner.Props;\n\nexport type AutocompletePositionerState = BaseAutocomplete.Positioner.State;\n\n/**\n * Posiciona o popup junto ao `Autocomplete.InputGroup`.\n *\n * Com a lista vazia, some, a menos que haja texto no `Autocomplete.Empty` ou no\n * `Autocomplete.Status`: sem isso, o popup sobraria como uma caixa vazia embaixo do campo.\n */\nexport const AutocompletePositioner = (props: AutocompletePositionerProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Positioner\n      data-component=\"Autocomplete.Positioner\"\n      sideOffset={6}\n      className={mergeStateClassNames(\n        [\n          'select-none',\n          'outline-none',\n\n          \"data-empty:not-has-[:is([data-component='Autocomplete.Empty'],[data-component='Autocomplete.Status']):not(:empty)]:hidden\",\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompletePositioner.displayName = 'Autocomplete.Positioner';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,0BAA0B,UAAuC;CAC5E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,YAAlB;EACE,kBAAe;EACf,YAAY;EACZ,WAAW,qBACT;GACE;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,uBAAuB,cAAc"}

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

@@ -0,0 +1,66 @@
+import { AutocompleteVariants } from "./use-autocomplete-context.js";
+import React from "react";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-root.d.ts
+export type AutocompleteRootProps<ItemValue> = MergeOverride<Autocomplete.Root.Props<ItemValue>, AutocompleteVariants>;
+export type AutocompleteRootState = Autocomplete.Root.State;
+export type AutocompleteRootActions = Autocomplete.Root.Actions;
+export type AutocompleteRootChangeEventDetails = Autocomplete.Root.ChangeEventDetails;
+export type AutocompleteRootChangeEventReason = Autocomplete.Root.ChangeEventReason;
+export type AutocompleteRootHighlightEventDetails = Autocomplete.Root.HighlightEventDetails;
+export type AutocompleteRootHighlightEventReason = Autocomplete.Root.HighlightEventReason;
+export type AutocompleteRootOpenChangeEventDetails = Autocomplete.Root.OpenChangeEventDetails;
+/**
+ * Estado do autocomplete: um campo de texto livre com sugestões. Não renderiza elemento.
+ *
+ * O valor é o texto digitado (`value` e `onValueChange`), e escolher uma sugestão só o preenche.
+ * Para uma escolha que precisa ser lembrada, use o `Select`.
+ *
+ * - **Filtro:** com `items`, a lista filtra pelo texto. Para filtrar fora (uma busca no servidor),
+ *   passe `filter={null}` e o resultado em `items`.
+ * - **Itens que são objetos:** passe `itemToStringValue` e o item inteiro em `Autocomplete.Item
+ *   value`.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete.Root items={cities}>
+ *   <Autocomplete.InputGroup>
+ *     <Autocomplete.Input placeholder="Cidade" />
+ *     <Autocomplete.Clear />
+ *   </Autocomplete.InputGroup>
+ *   <Autocomplete.Portal>
+ *     <Autocomplete.Positioner>
+ *       <Autocomplete.Popup>
+ *         <Autocomplete.Empty>Nenhuma cidade encontrada</Autocomplete.Empty>
+ *         <Autocomplete.List>
+ *           {(city: string) => (
+ *             <Autocomplete.Item key={city} value={city}>
+ *               {city}
+ *             </Autocomplete.Item>
+ *           )}
+ *         </Autocomplete.List>
+ *       </Autocomplete.Popup>
+ *     </Autocomplete.Positioner>
+ *   </Autocomplete.Portal>
+ * </Autocomplete.Root>
+ * ```
+ */
+/**
+ * Duas assinaturas, como as do Base UI: com `items` agrupados (`{ label, items }`), o tipo do item
+ * vem de dentro dos grupos; com `items` planos, do próprio array. Por isso é uma `function`, e não
+ * uma arrow: só a função aceita sobrecarga.
+ */
+export declare function AutocompleteRoot<Items extends readonly {
+  items: readonly unknown[];
+}[]>(props: MergeOverride<Omit<AutocompleteRootProps<Items[number]['items'][number]>, 'items'>, {
+  items: Items;
+}>): React.JSX.Element;
+export declare function AutocompleteRoot<ItemValue>(props: MergeOverride<Omit<AutocompleteRootProps<ItemValue>, 'items'>, {
+  items?: readonly ItemValue[];
+}>): React.JSX.Element;
+export declare namespace AutocompleteRoot {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=autocomplete-root.d.ts.map

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

@@ -0,0 +1,18 @@
+import { AutocompleteContextProvider } from "./use-autocomplete-context.js";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-root.tsx
+const splitVariantProps = createSplitProps();
+function AutocompleteRoot(props) {
+	const [variantProps, elementProps] = splitVariantProps(props, ["size", "variant"]);
+	return /* @__PURE__ */ jsx(AutocompleteContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Autocomplete.Root, { ...elementProps })
+	});
+}
+AutocompleteRoot.displayName = "Autocomplete.Root";
+//#endregion
+export { AutocompleteRoot };
+
+//# sourceMappingURL=autocomplete-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-root.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-root.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport type React from 'react';\nimport {\n  AutocompleteContextProvider,\n  type AutocompleteVariants,\n} from './use-autocomplete-context';\n\nexport type AutocompleteRootProps<ItemValue> = MergeOverride<\n  BaseAutocomplete.Root.Props<ItemValue>,\n  AutocompleteVariants\n>;\n\nexport type AutocompleteRootState = BaseAutocomplete.Root.State;\n\nexport type AutocompleteRootActions = BaseAutocomplete.Root.Actions;\n\nexport type AutocompleteRootChangeEventDetails =\n  BaseAutocomplete.Root.ChangeEventDetails;\n\nexport type AutocompleteRootChangeEventReason =\n  BaseAutocomplete.Root.ChangeEventReason;\n\nexport type AutocompleteRootHighlightEventDetails =\n  BaseAutocomplete.Root.HighlightEventDetails;\n\nexport type AutocompleteRootHighlightEventReason =\n  BaseAutocomplete.Root.HighlightEventReason;\n\nexport type AutocompleteRootOpenChangeEventDetails =\n  BaseAutocomplete.Root.OpenChangeEventDetails;\n\nconst splitVariantProps = createSplitProps<AutocompleteVariants>();\n\n/**\n * Estado do autocomplete: um campo de texto livre com sugestões. Não renderiza elemento.\n *\n * O valor é o texto digitado (`value` e `onValueChange`), e escolher uma sugestão só o preenche.\n * Para uma escolha que precisa ser lembrada, use o `Select`.\n *\n * - **Filtro:** com `items`, a lista filtra pelo texto. Para filtrar fora (uma busca no servidor),\n *   passe `filter={null}` e o resultado em `items`.\n * - **Itens que são objetos:** passe `itemToStringValue` e o item inteiro em `Autocomplete.Item\n *   value`.\n *\n * @example\n * ```tsx\n * <Autocomplete.Root items={cities}>\n *   <Autocomplete.InputGroup>\n *     <Autocomplete.Input placeholder=\"Cidade\" />\n *     <Autocomplete.Clear />\n *   </Autocomplete.InputGroup>\n *   <Autocomplete.Portal>\n *     <Autocomplete.Positioner>\n *       <Autocomplete.Popup>\n *         <Autocomplete.Empty>Nenhuma cidade encontrada</Autocomplete.Empty>\n *         <Autocomplete.List>\n *           {(city: string) => (\n *             <Autocomplete.Item key={city} value={city}>\n *               {city}\n *             </Autocomplete.Item>\n *           )}\n *         </Autocomplete.List>\n *       </Autocomplete.Popup>\n *     </Autocomplete.Positioner>\n *   </Autocomplete.Portal>\n * </Autocomplete.Root>\n * ```\n */\n/**\n * Duas assinaturas, como as do Base UI: com `items` agrupados (`{ label, items }`), o tipo do item\n * vem de dentro dos grupos; com `items` planos, do próprio array. Por isso é uma `function`, e não\n * uma arrow: só a função aceita sobrecarga.\n */\nexport function AutocompleteRoot<\n  Items extends readonly { items: readonly unknown[] }[],\n>(\n  props: MergeOverride<\n    Omit<AutocompleteRootProps<Items[number]['items'][number]>, 'items'>,\n    { items: Items }\n  >,\n): React.JSX.Element;\nexport function AutocompleteRoot<ItemValue>(\n  props: MergeOverride<\n    Omit<AutocompleteRootProps<ItemValue>, 'items'>,\n    { items?: readonly ItemValue[] }\n  >,\n): React.JSX.Element;\nexport function AutocompleteRoot(props: AutocompleteRootProps<unknown>) {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'size',\n    'variant',\n  ]);\n\n  return (\n    <AutocompleteContextProvider value={variantProps}>\n      <BaseAutocomplete.Root {...elementProps} />\n    </AutocompleteContextProvider>\n  );\n}\n\nAutocompleteRoot.displayName = 'Autocomplete.Root';\n"],"mappings":";;;;;AAmCA,MAAM,oBAAoB,iBAAuC;AAwDjE,SAAgB,iBAAiB,OAAuC;CACtE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,QACA,SACF,CAAC;CAED,OACE,oBAAC,6BAAD;EAA6B,OAAO;EAClC,UAAA,oBAACA,aAAiB,MAAlB,EAAuB,GAAI,aAAe,CAAA;CACf,CAAA;AAEjC;AAEA,iBAAiB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-row.d.ts

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-row.d.ts
+export type AutocompleteRowProps = Autocomplete.Row.Props;
+export type AutocompleteRowState = Autocomplete.Row.State;
+/**
+ * Linha de itens para a lista em grade (`grid` no `Autocomplete.Root`), onde as setas navegam por
+ * linhas e colunas. Sem estilo próprio: o layout da linha é do app.
+ */
+export declare const AutocompleteRow: {
+  (props: AutocompleteRowProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-row.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-row.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-row.tsx
+/**
+* Linha de itens para a lista em grade (`grid` no `Autocomplete.Root`), onde as setas navegam por
+* linhas e colunas. Sem estilo próprio: o layout da linha é do app.
+*/
+const AutocompleteRow = (props) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Row, {
+		"data-component": "Autocomplete.Row",
+		...props
+	});
+};
+AutocompleteRow.displayName = "Autocomplete.Row";
+//#endregion
+export { AutocompleteRow };
+
+//# sourceMappingURL=autocomplete-row.js.map

package/dist/components/collections/autocomplete/autocomplete-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-row.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-row.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\n\nexport type AutocompleteRowProps = BaseAutocomplete.Row.Props;\n\nexport type AutocompleteRowState = BaseAutocomplete.Row.State;\n\n/**\n * Linha de itens para a lista em grade (`grid` no `Autocomplete.Root`), onde as setas navegam por\n * linhas e colunas. Sem estilo próprio: o layout da linha é do app.\n */\nexport const AutocompleteRow = (props: AutocompleteRowProps) => {\n  return (\n    <BaseAutocomplete.Row\n      data-component=\"Autocomplete.Row\"\n      {...props}\n    />\n  );\n};\n\nAutocompleteRow.displayName = 'Autocomplete.Row';\n"],"mappings":";;;;;;;AAUA,MAAa,mBAAmB,UAAgC;CAC9D,OACE,oBAACA,aAAiB,KAAlB;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}

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

@@ -0,0 +1,16 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-separator.d.ts
+export type AutocompleteSeparatorProps = Autocomplete.Separator.Props;
+export type AutocompleteSeparatorState = Autocomplete.Separator.State;
+/**
+ * Linha entre itens ou grupos.
+ *
+ * Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças (tabela no
+ * README de `collections`).
+ */
+export declare const AutocompleteSeparator: {
+  (props: AutocompleteSeparatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-separator.d.ts.map

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

@@ -0,0 +1,28 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-separator.tsx
+/**
+* Linha entre itens ou grupos.
+*
+* Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças (tabela no
+* README de `collections`).
+*/
+const AutocompleteSeparator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Separator, {
+		"data-component": "Autocomplete.Separator",
+		className: mergeStateClassNames([
+			"h-px",
+			"my-1",
+			"mx-2",
+			"bg-gray-6"
+		], className),
+		...rest
+	});
+};
+AutocompleteSeparator.displayName = "Autocomplete.Separator";
+//#endregion
+export { AutocompleteSeparator };
+
+//# sourceMappingURL=autocomplete-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-separator.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-separator.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AutocompleteSeparatorProps = BaseAutocomplete.Separator.Props;\n\nexport type AutocompleteSeparatorState = BaseAutocomplete.Separator.State;\n\n/**\n * Linha entre itens ou grupos.\n *\n * Cópia de `SelectSeparator`, a origem do separador das listas em popup, sem diferenças (tabela no\n * README de `collections`).\n */\nexport const AutocompleteSeparator = (props: AutocompleteSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Separator\n      data-component=\"Autocomplete.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\nAutocompleteSeparator.displayName = 'Autocomplete.Separator';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,WAAlB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,sBAAsB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-status.d.ts

@@ -0,0 +1,17 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-status.d.ts
+export type AutocompleteStatusProps = Autocomplete.Status.Props;
+export type AutocompleteStatusState = Autocomplete.Status.State;
+/**
+ * Aviso do estado da lista, como "Buscando…" ou "3 resultados", anunciado ao leitor de tela sem
+ * tirar o foco do campo. Serve a listas carregadas de fora.
+ *
+ * Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o
+ * anúncio de chegar de forma consistente.
+ */
+export declare const AutocompleteStatus: {
+  (props: AutocompleteStatusProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-status.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-status.js

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAutocompleteContext } from "./use-autocomplete-context.js";
+import { autocompleteMessageVariants } from "./autocomplete-message-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-status.tsx
+/**
+* Aviso do estado da lista, como "Buscando…" ou "3 resultados", anunciado ao leitor de tela sem
+* tirar o foco do campo. Serve a listas carregadas de fora.
+*
+* Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o
+* anúncio de chegar de forma consistente.
+*/
+const AutocompleteStatus = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useAutocompleteContext();
+	return /* @__PURE__ */ jsx(Autocomplete.Status, {
+		"data-component": "Autocomplete.Status",
+		className: mergeStateClassNames(autocompleteMessageVariants({ size }), className),
+		...rest
+	});
+};
+AutocompleteStatus.displayName = "Autocomplete.Status";
+//#endregion
+export { AutocompleteStatus };
+
+//# sourceMappingURL=autocomplete-status.js.map

package/dist/components/collections/autocomplete/autocomplete-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-status.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-status.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompleteMessageVariants } from './autocomplete-message-variants';\nimport { useAutocompleteContext } from './use-autocomplete-context';\n\nexport type AutocompleteStatusProps = BaseAutocomplete.Status.Props;\n\nexport type AutocompleteStatusState = BaseAutocomplete.Status.State;\n\n/**\n * Aviso do estado da lista, como \"Buscando…\" ou \"3 resultados\", anunciado ao leitor de tela sem\n * tirar o foco do campo. Serve a listas carregadas de fora.\n *\n * Fica sempre montado, só com os filhos mudando: esconder ou remover o próprio elemento impede o\n * anúncio de chegar de forma consistente.\n */\nexport const AutocompleteStatus = (props: AutocompleteStatusProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useAutocompleteContext();\n\n  return (\n    <BaseAutocomplete.Status\n      data-component=\"Autocomplete.Status\"\n      className={mergeStateClassNames(\n        autocompleteMessageVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteStatus.displayName = 'Autocomplete.Status';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,uBAAuB;CAExC,OACE,oBAACA,aAAiB,QAAlB;EACE,kBAAe;EACf,WAAW,qBACT,4BAA4B,EAAE,KAAK,CAAC,GACpC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-trigger.d.ts

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-trigger.d.ts
+export type AutocompleteTriggerProps = Autocomplete.Trigger.Props;
+export type AutocompleteTriggerState = Autocomplete.Trigger.State;
+/**
+ * Botão que abre a lista, sobre o fim do campo. Sem filhos, mostra o `Autocomplete.Icon`. O nome
+ * acessível sai como "Mostrar sugestões"; troque com `aria-label`.
+ */
+export declare const AutocompleteTrigger: {
+  (props: AutocompleteTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-trigger.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-trigger.js

@@ -0,0 +1,37 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { AutocompleteIcon } from "./autocomplete-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-trigger.tsx
+/**
+* Botão que abre a lista, sobre o fim do campo. Sem filhos, mostra o `Autocomplete.Icon`. O nome
+* acessível sai como "Mostrar sugestões"; troque com `aria-label`.
+*/
+const AutocompleteTrigger = (props) => {
+	const { className, children, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+		"data-component": "Autocomplete.Trigger",
+		"aria-label": "Mostrar sugestões",
+		className: mergeStateClassNames([
+			"absolute",
+			"inset-y-0",
+			"inset-e-0",
+			"flex",
+			"items-center",
+			"px-(--autocomplete-px)",
+			"[&_svg]:size-(--autocomplete-icon-size)",
+			"text-gray-11",
+			"hover:text-gray-12",
+			"cursor-pointer",
+			"data-disabled:opacity-50",
+			"data-disabled:cursor-not-allowed"
+		], className),
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(AutocompleteIcon, {})
+	});
+};
+AutocompleteTrigger.displayName = "Autocomplete.Trigger";
+//#endregion
+export { AutocompleteTrigger };
+
+//# sourceMappingURL=autocomplete-trigger.js.map

package/dist/components/collections/autocomplete/autocomplete-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-trigger.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-trigger.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { AutocompleteIcon } from './autocomplete-icon';\n\nexport type AutocompleteTriggerProps = BaseAutocomplete.Trigger.Props;\n\nexport type AutocompleteTriggerState = BaseAutocomplete.Trigger.State;\n\n/**\n * Botão que abre a lista, sobre o fim do campo. Sem filhos, mostra o `Autocomplete.Icon`. O nome\n * acessível sai como \"Mostrar sugestões\"; troque com `aria-label`.\n */\nexport const AutocompleteTrigger = (props: AutocompleteTriggerProps) => {\n  const { className, children, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Trigger\n      data-component=\"Autocomplete.Trigger\"\n      aria-label=\"Mostrar sugestões\"\n      className={mergeStateClassNames(\n        [\n          'absolute',\n          'inset-y-0',\n          'inset-e-0',\n\n          'flex',\n          'items-center',\n\n          'px-(--autocomplete-px)',\n          '[&_svg]:size-(--autocomplete-icon-size)',\n\n          'text-gray-11',\n          'hover:text-gray-12',\n\n          'cursor-pointer',\n\n          'data-disabled:opacity-50',\n          'data-disabled:cursor-not-allowed',\n        ],\n        className,\n      )}\n      {...rest}\n    >\n      {children ?? <AutocompleteIcon />}\n    </BaseAutocomplete.Trigger>\n  );\n};\n\nAutocompleteTrigger.displayName = 'Autocomplete.Trigger';\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CAEzC,OACE,oBAACA,aAAiB,SAAlB;EACE,kBAAe;EACf,cAAW;EACX,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;EAEH,UAAA,YAAY,oBAAC,kBAAD,CAAmB,CAAA;CACR,CAAA;AAE9B;AAEA,oBAAoB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-value.d.ts

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-value.d.ts
+export type AutocompleteValueProps = Autocomplete.Value.Props;
+export type AutocompleteValueState = Autocomplete.Value.State;
+/**
+ * Mostra o texto do campo fora do `<input>`, ou o passa a uma função nos filhos. Não renderiza
+ * elemento.
+ */
+export declare const AutocompleteValue: {
+  (props: AutocompleteValueProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-value.d.ts.map

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-value.tsx
+/**
+* Mostra o texto do campo fora do `<input>`, ou o passa a uma função nos filhos. Não renderiza
+* elemento.
+*/
+const AutocompleteValue = (props) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Value, { ...props });
+};
+AutocompleteValue.displayName = "Autocomplete.Value";
+//#endregion
+export { AutocompleteValue };
+
+//# sourceMappingURL=autocomplete-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-value.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-value.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\n\nexport type AutocompleteValueProps = BaseAutocomplete.Value.Props;\n\nexport type AutocompleteValueState = BaseAutocomplete.Value.State;\n\n/**\n * Mostra o texto do campo fora do `<input>`, ou o passa a uma função nos filhos. Não renderiza\n * elemento.\n */\nexport const AutocompleteValue = (props: AutocompleteValueProps) => {\n  return <BaseAutocomplete.Value {...props} />;\n};\n\nAutocompleteValue.displayName = 'Autocomplete.Value';\n"],"mappings":";;;;;;;AAUA,MAAa,qBAAqB,UAAkC;CAClE,OAAO,oBAACA,aAAiB,OAAlB,EAAwB,GAAI,MAAQ,CAAA;AAC7C;AAEA,kBAAkB,cAAc"}

package/dist/components/collections/autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Autocomplete };

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

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Autocomplete };

package/dist/components/collections/autocomplete/index.parts.d.ts

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