@lucasbernardosn/react-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,31 @@
+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-list.tsx
+/**
+* Lista rolável dos itens, limitada ao espaço disponível na tela. Os filhos podem ser uma função,
+* que recebe cada item filtrado.
+*/
+const AutocompleteList = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		"data-component": "Autocomplete.List",
+		className: mergeStateClassNames([
+			"relative",
+			"min-h-0",
+			"max-h-(--available-height)",
+			"scroll-py-1",
+			"py-1",
+			"data-empty:p-0",
+			"overflow-y-auto",
+			"overscroll-contain",
+			"outline-none"
+		], className),
+		...rest
+	});
+};
+AutocompleteList.displayName = "Autocomplete.List";
+//#endregion
+export { AutocompleteList };
+
+//# sourceMappingURL=autocomplete-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-list.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-list.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AutocompleteListProps = BaseAutocomplete.List.Props;\n\nexport type AutocompleteListState = BaseAutocomplete.List.State;\n\n/**\n * Lista rolável dos itens, limitada ao espaço disponível na tela. Os filhos podem ser uma função,\n * que recebe cada item filtrado.\n */\nexport const AutocompleteList = (props: AutocompleteListProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.List\n      data-component=\"Autocomplete.List\"\n      className={mergeStateClassNames(\n        [\n          'relative',\n\n          'min-h-0', // Encolhe até a altura máxima do `Autocomplete.Popup`\n          'max-h-(--available-height)', // Usa CSS var do espaço disponível\n\n          'scroll-py-1',\n          'py-1',\n          'data-empty:p-0',\n\n          'overflow-y-auto',\n          'overscroll-contain',\n          'outline-none',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteList.displayName = 'Autocomplete.List';\n"],"mappings":";;;;;;;;AAWA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,MAAlB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-message-variants.d.ts

@@ -0,0 +1,13 @@
+//#region src/components/collections/autocomplete/autocomplete-message-variants.d.ts
+/**
+ * Texto de aviso dentro do popup, o `Autocomplete.Status` ("Buscando…") e o `Autocomplete.Empty`
+ * ("Nenhum resultado"). O recuo é o do item em cada `size`, para o texto alinhar com os itens.
+ *
+ * Os dois elementos ficam sempre no DOM, porque o leitor de tela só anuncia a mudança de um aviso
+ * que já existe: sem texto, o `empty:p-0` tira o espaço.
+ */
+export declare const autocompleteMessageVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=autocomplete-message-variants.d.ts.map

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

@@ -0,0 +1,54 @@
+import { autocompleteDefaultVariants } from "./use-autocomplete-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/autocomplete/autocomplete-message-variants.ts
+/**
+* Texto de aviso dentro do popup, o `Autocomplete.Status` ("Buscando…") e o `Autocomplete.Empty`
+* ("Nenhum resultado"). O recuo é o do item em cada `size`, para o texto alinhar com os itens.
+*
+* Os dois elementos ficam sempre no DOM, porque o leitor de tela só anuncia a mudança de um aviso
+* que já existe: sem texto, o `empty:p-0` tira o espaço.
+*/
+const autocompleteMessageVariants = cva(["text-gray-11", "empty:p-0"], {
+	variants: { size: {
+		"2xs": [
+			"px-2",
+			"py-2",
+			"text-xs"
+		],
+		xs: [
+			"px-2",
+			"py-2",
+			"text-xs"
+		],
+		sm: [
+			"px-2.5",
+			"py-2",
+			"text-sm"
+		],
+		md: [
+			"px-3",
+			"py-2.5",
+			"text-sm"
+		],
+		lg: [
+			"px-4",
+			"py-3",
+			"text-base"
+		],
+		xl: [
+			"px-4.5",
+			"py-3",
+			"text-base"
+		],
+		"2xl": [
+			"px-5",
+			"py-4",
+			"text-lg"
+		]
+	} },
+	defaultVariants: { size: autocompleteDefaultVariants.size }
+});
+//#endregion
+export { autocompleteMessageVariants };
+
+//# sourceMappingURL=autocomplete-message-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-message-variants.js","names":[],"sources":["../../../../src/components/collections/autocomplete/autocomplete-message-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { autocompleteDefaultVariants } from './use-autocomplete-context';\n\n/**\n * Texto de aviso dentro do popup, o `Autocomplete.Status` (\"Buscando…\") e o `Autocomplete.Empty`\n * (\"Nenhum resultado\"). O recuo é o do item em cada `size`, para o texto alinhar com os itens.\n *\n * Os dois elementos ficam sempre no DOM, porque o leitor de tela só anuncia a mudança de um aviso\n * que já existe: sem texto, o `empty:p-0` tira o espaço.\n */\nexport const autocompleteMessageVariants = cva(['text-gray-11', 'empty:p-0'], {\n  variants: {\n    size: {\n      '2xs': ['px-2', 'py-2', 'text-xs'],\n      xs: ['px-2', 'py-2', 'text-xs'],\n      sm: ['px-2.5', 'py-2', 'text-sm'],\n      md: ['px-3', 'py-2.5', 'text-sm'],\n      lg: ['px-4', 'py-3', 'text-base'],\n      xl: ['px-4.5', 'py-3', 'text-base'],\n      '2xl': ['px-5', 'py-4', 'text-lg'],\n    },\n  },\n  defaultVariants: {\n    size: autocompleteDefaultVariants.size,\n  },\n});\n"],"mappings":";;;;;;;;;;AAUA,MAAa,8BAA8B,IAAI,CAAC,gBAAgB,WAAW,GAAG;CAC5E,UAAU,EACR,MAAM;EACJ,OAAO;GAAC;GAAQ;GAAQ;EAAS;EACjC,IAAI;GAAC;GAAQ;GAAQ;EAAS;EAC9B,IAAI;GAAC;GAAU;GAAQ;EAAS;EAChC,IAAI;GAAC;GAAQ;GAAU;EAAS;EAChC,IAAI;GAAC;GAAQ;GAAQ;EAAW;EAChC,IAAI;GAAC;GAAU;GAAQ;EAAW;EAClC,OAAO;GAAC;GAAQ;GAAQ;EAAS;CACnC,EACF;CACA,iBAAiB,EACf,MAAM,4BAA4B,KACpC;AACF,CAAC"}

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

@@ -0,0 +1,13 @@
+//#region src/components/collections/autocomplete/autocomplete-popup-variants.d.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`.
+ */
+export declare const autocompletePopupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+//# sourceMappingURL=autocomplete-popup-variants.d.ts.map

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"}