@lucasbernardosn/react-ui 0.1.0 → 0.3.0

package/dist/components/collections/autocomplete/autocomplete-group-label.d.ts

@@ -0,0 +1,13 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-group-label.d.ts
+export type AutocompleteGroupLabelProps = Autocomplete.GroupLabel.Props;
+export type AutocompleteGroupLabelState = Autocomplete.GroupLabel.State;
+/**
+ * Rótulo do grupo, grudado no topo da lista enquanto o grupo rola.
+ */
+export declare const AutocompleteGroupLabel: {
+  (props: AutocompleteGroupLabelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-group-label.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-group-label.js

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAutocompleteContext } from "./use-autocomplete-context.js";
+import { autocompleteGroupLabelVariants } from "./autocomplete-group-label-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-group-label.tsx
+/**
+* Rótulo do grupo, grudado no topo da lista enquanto o grupo rola.
+*/
+const AutocompleteGroupLabel = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useAutocompleteContext();
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		"data-component": "Autocomplete.GroupLabel",
+		className: mergeStateClassNames(autocompleteGroupLabelVariants({ size }), className),
+		...rest
+	});
+};
+AutocompleteGroupLabel.displayName = "Autocomplete.GroupLabel";
+//#endregion
+export { AutocompleteGroupLabel };
+
+//# sourceMappingURL=autocomplete-group-label.js.map

package/dist/components/collections/autocomplete/autocomplete-group-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-group-label.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-group-label.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompleteGroupLabelVariants } from './autocomplete-group-label-variants';\nimport { useAutocompleteContext } from './use-autocomplete-context';\n\nexport type AutocompleteGroupLabelProps = BaseAutocomplete.GroupLabel.Props;\n\nexport type AutocompleteGroupLabelState = BaseAutocomplete.GroupLabel.State;\n\n/**\n * Rótulo do grupo, grudado no topo da lista enquanto o grupo rola.\n */\nexport const AutocompleteGroupLabel = (props: AutocompleteGroupLabelProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useAutocompleteContext();\n\n  return (\n    <BaseAutocomplete.GroupLabel\n      data-component=\"Autocomplete.GroupLabel\"\n      className={mergeStateClassNames(\n        autocompleteGroupLabelVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteGroupLabel.displayName = 'Autocomplete.GroupLabel';\n"],"mappings":";;;;;;;;;AAYA,MAAa,0BAA0B,UAAuC;CAC5E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,uBAAuB;CAExC,OACE,oBAACA,aAAiB,YAAlB;EACE,kBAAe;EACf,WAAW,qBACT,+BAA+B,EAAE,KAAK,CAAC,GACvC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,uBAAuB,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-group.d.ts
+export type AutocompleteGroupProps = Autocomplete.Group.Props;
+export type AutocompleteGroupState = Autocomplete.Group.State;
+/**
+ * Agrupa itens sob um `Autocomplete.GroupLabel`. Com `items` agrupados no `Autocomplete.Root`, os
+ * filhos são uma função que recebe cada grupo.
+ */
+export declare const AutocompleteGroup: {
+  (props: AutocompleteGroupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-group.d.ts.map

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-group.tsx
+/**
+* Agrupa itens sob um `Autocomplete.GroupLabel`. Com `items` agrupados no `Autocomplete.Root`, os
+* filhos são uma função que recebe cada grupo.
+*/
+const AutocompleteGroup = (props) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		"data-component": "Autocomplete.Group",
+		...props
+	});
+};
+AutocompleteGroup.displayName = "Autocomplete.Group";
+//#endregion
+export { AutocompleteGroup };
+
+//# sourceMappingURL=autocomplete-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-group.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-group.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\n\nexport type AutocompleteGroupProps = BaseAutocomplete.Group.Props;\n\nexport type AutocompleteGroupState = BaseAutocomplete.Group.State;\n\n/**\n * Agrupa itens sob um `Autocomplete.GroupLabel`. Com `items` agrupados no `Autocomplete.Root`, os\n * filhos são uma função que recebe cada grupo.\n */\nexport const AutocompleteGroup = (props: AutocompleteGroupProps) => {\n  return (\n    <BaseAutocomplete.Group\n      data-component=\"Autocomplete.Group\"\n      {...props}\n    />\n  );\n};\n\nAutocompleteGroup.displayName = 'Autocomplete.Group';\n"],"mappings":";;;;;;;AAUA,MAAa,qBAAqB,UAAkC;CAClE,OACE,oBAACA,aAAiB,OAAlB;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-icon.d.ts
+export type AutocompleteIconProps = Autocomplete.Icon.Props;
+export type AutocompleteIconState = Autocomplete.Icon.State;
+/**
+ * Ícone de abrir, dentro do `Autocomplete.Trigger`. Troque o ícone com `render`.
+ */
+export declare const AutocompleteIcon: {
+  (props: AutocompleteIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-icon.d.ts.map

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

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-icon.tsx
+/**
+* Ícone de abrir, dentro do `Autocomplete.Trigger`. Troque o ícone com `render`.
+*/
+const AutocompleteIcon = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Autocomplete.Icon, {
+		"data-component": "Autocomplete.Icon",
+		className: mergeStateClassNames(["flex"], className),
+		render: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CaretDownIcon, {}) }),
+		...rest
+	});
+};
+AutocompleteIcon.displayName = "Autocomplete.Icon";
+//#endregion
+export { AutocompleteIcon };
+
+//# sourceMappingURL=autocomplete-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-icon.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-icon.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { CaretDownIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AutocompleteIconProps = BaseAutocomplete.Icon.Props;\n\nexport type AutocompleteIconState = BaseAutocomplete.Icon.State;\n\n/**\n * Ícone de abrir, dentro do `Autocomplete.Trigger`. Troque o ícone com `render`.\n */\nexport const AutocompleteIcon = (props: AutocompleteIconProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAutocomplete.Icon\n      data-component=\"Autocomplete.Icon\"\n      className={mergeStateClassNames(['flex'], className)}\n      render={<Icon render={<CaretDownIcon />} />}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteIcon.displayName = 'Autocomplete.Icon';\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,aAAiB,MAAlB;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,MAAM,GAAG,SAAS;EACnD,QAAQ,oBAAC,MAAD,EAAM,QAAQ,oBAAC,eAAD,CAAgB,CAAA,EAAI,CAAA;EAC1C,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/collections/autocomplete/autocomplete-input-group-variants.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/collections/autocomplete/autocomplete-input-group-variants.d.ts
+/**
+ * Declara no contêiner as medidas que o campo e os botões leem:
+ * - `--autocomplete-px` repete o padding horizontal do `Input` em cada `size`, para o botão ter a
+ *   mesma folga do texto até a borda. Se o padding do `Input` mudar, muda aqui também;
+ * - `--autocomplete-icon-size` é o lado do ícone;
+ * - `--autocomplete-button-width` é a largura de um botão: o ícone com a folga dos dois lados.
+ *
+ * `--autocomplete-trigger-width` e `--autocomplete-clear-width` valem a largura do botão quando a
+ * parte está no contêiner, e 0 quando não está: o campo reserva só o espaço dos que existem, e o
+ * `Clear` se afasta do fim quando há um `Trigger`. O `Clear` fica sempre montado, só invisível
+ * com o campo vazio, para o texto não andar quando ele aparece.
+ */
+export declare const autocompleteInputGroupVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=autocomplete-input-group-variants.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-input-group-variants.js

@@ -0,0 +1,38 @@
+import { autocompleteDefaultVariants } from "./use-autocomplete-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/autocomplete/autocomplete-input-group-variants.ts
+/**
+* Declara no contêiner as medidas que o campo e os botões leem:
+* - `--autocomplete-px` repete o padding horizontal do `Input` em cada `size`, para o botão ter a
+*   mesma folga do texto até a borda. Se o padding do `Input` mudar, muda aqui também;
+* - `--autocomplete-icon-size` é o lado do ícone;
+* - `--autocomplete-button-width` é a largura de um botão: o ícone com a folga dos dois lados.
+*
+* `--autocomplete-trigger-width` e `--autocomplete-clear-width` valem a largura do botão quando a
+* parte está no contêiner, e 0 quando não está: o campo reserva só o espaço dos que existem, e o
+* `Clear` se afasta do fim quando há um `Trigger`. O `Clear` fica sempre montado, só invisível
+* com o campo vazio, para o texto não andar quando ele aparece.
+*/
+const autocompleteInputGroupVariants = cva([
+	"relative",
+	"[--autocomplete-button-width:calc(var(--autocomplete-px)*2+var(--autocomplete-icon-size))]",
+	"[--autocomplete-trigger-width:0px]",
+	"[--autocomplete-clear-width:0px]",
+	"has-[[data-component='Autocomplete.Trigger']]:[--autocomplete-trigger-width:var(--autocomplete-button-width)]",
+	"has-[[data-component='Autocomplete.Clear']]:[--autocomplete-clear-width:var(--autocomplete-button-width)]"
+], {
+	variants: { size: {
+		"2xs": ["[--autocomplete-px:--spacing(2)]", "[--autocomplete-icon-size:--spacing(3)]"],
+		xs: ["[--autocomplete-px:--spacing(2)]", "[--autocomplete-icon-size:--spacing(3.5)]"],
+		sm: ["[--autocomplete-px:--spacing(2.5)]", "[--autocomplete-icon-size:--spacing(4)]"],
+		md: ["[--autocomplete-px:--spacing(3)]", "[--autocomplete-icon-size:--spacing(4)]"],
+		lg: ["[--autocomplete-px:--spacing(4)]", "[--autocomplete-icon-size:--spacing(5)]"],
+		xl: ["[--autocomplete-px:--spacing(4.5)]", "[--autocomplete-icon-size:--spacing(5)]"],
+		"2xl": ["[--autocomplete-px:--spacing(5)]", "[--autocomplete-icon-size:--spacing(6)]"]
+	} },
+	defaultVariants: { size: autocompleteDefaultVariants.size }
+});
+//#endregion
+export { autocompleteInputGroupVariants };
+
+//# sourceMappingURL=autocomplete-input-group-variants.js.map

package/dist/components/collections/autocomplete/autocomplete-input-group-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-input-group-variants.js","names":[],"sources":["../../../../src/components/collections/autocomplete/autocomplete-input-group-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { autocompleteDefaultVariants } from './use-autocomplete-context';\n\n/**\n * Declara no contêiner as medidas que o campo e os botões leem:\n * - `--autocomplete-px` repete o padding horizontal do `Input` em cada `size`, para o botão ter a\n *   mesma folga do texto até a borda. Se o padding do `Input` mudar, muda aqui também;\n * - `--autocomplete-icon-size` é o lado do ícone;\n * - `--autocomplete-button-width` é a largura de um botão: o ícone com a folga dos dois lados.\n *\n * `--autocomplete-trigger-width` e `--autocomplete-clear-width` valem a largura do botão quando a\n * parte está no contêiner, e 0 quando não está: o campo reserva só o espaço dos que existem, e o\n * `Clear` se afasta do fim quando há um `Trigger`. O `Clear` fica sempre montado, só invisível\n * com o campo vazio, para o texto não andar quando ele aparece.\n */\nexport const autocompleteInputGroupVariants = cva(\n  [\n    'relative',\n\n    '[--autocomplete-button-width:calc(var(--autocomplete-px)*2+var(--autocomplete-icon-size))]',\n\n    '[--autocomplete-trigger-width:0px]',\n    '[--autocomplete-clear-width:0px]',\n    \"has-[[data-component='Autocomplete.Trigger']]:[--autocomplete-trigger-width:var(--autocomplete-button-width)]\",\n    \"has-[[data-component='Autocomplete.Clear']]:[--autocomplete-clear-width:var(--autocomplete-button-width)]\",\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': [\n          '[--autocomplete-px:--spacing(2)]',\n          '[--autocomplete-icon-size:--spacing(3)]',\n        ],\n        xs: [\n          '[--autocomplete-px:--spacing(2)]',\n          '[--autocomplete-icon-size:--spacing(3.5)]',\n        ],\n        sm: [\n          '[--autocomplete-px:--spacing(2.5)]',\n          '[--autocomplete-icon-size:--spacing(4)]',\n        ],\n        md: [\n          '[--autocomplete-px:--spacing(3)]',\n          '[--autocomplete-icon-size:--spacing(4)]',\n        ],\n        lg: [\n          '[--autocomplete-px:--spacing(4)]',\n          '[--autocomplete-icon-size:--spacing(5)]',\n        ],\n        xl: [\n          '[--autocomplete-px:--spacing(4.5)]',\n          '[--autocomplete-icon-size:--spacing(5)]',\n        ],\n        '2xl': [\n          '[--autocomplete-px:--spacing(5)]',\n          '[--autocomplete-icon-size:--spacing(6)]',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: autocompleteDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,iCAAiC,IAC5C;CACE;CAEA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CACL,oCACA,yCACF;EACA,IAAI,CACF,oCACA,2CACF;EACA,IAAI,CACF,sCACA,yCACF;EACA,IAAI,CACF,oCACA,yCACF;EACA,IAAI,CACF,oCACA,yCACF;EACA,IAAI,CACF,sCACA,yCACF;EACA,OAAO,CACL,oCACA,yCACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,4BAA4B,KACpC;AACF,CACF"}

package/dist/components/collections/autocomplete/autocomplete-input-group.d.ts

@@ -0,0 +1,15 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-input-group.d.ts
+export type AutocompleteInputGroupProps = Autocomplete.InputGroup.Props;
+export type AutocompleteInputGroupState = Autocomplete.InputGroup.State;
+/**
+ * Contêiner do campo e dos botões sobre ele (`Clear` e `Trigger`), e a âncora do popup: o popup
+ * abre na largura dele. A `className` dá a largura e a posição no layout; o `<input>` ocupa a
+ * largura do contêiner.
+ */
+export declare const AutocompleteInputGroup: {
+  (props: AutocompleteInputGroupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-input-group.d.ts.map

package/dist/components/collections/autocomplete/autocomplete-input-group.js

@@ -0,0 +1,25 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAutocompleteContext } from "./use-autocomplete-context.js";
+import { autocompleteInputGroupVariants } from "./autocomplete-input-group-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-input-group.tsx
+/**
+* Contêiner do campo e dos botões sobre ele (`Clear` e `Trigger`), e a âncora do popup: o popup
+* abre na largura dele. A `className` dá a largura e a posição no layout; o `<input>` ocupa a
+* largura do contêiner.
+*/
+const AutocompleteInputGroup = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useAutocompleteContext();
+	return /* @__PURE__ */ jsx(Autocomplete.InputGroup, {
+		"data-component": "Autocomplete.InputGroup",
+		className: mergeStateClassNames(autocompleteInputGroupVariants({ size }), className),
+		...rest
+	});
+};
+AutocompleteInputGroup.displayName = "Autocomplete.InputGroup";
+//#endregion
+export { AutocompleteInputGroup };
+
+//# sourceMappingURL=autocomplete-input-group.js.map

package/dist/components/collections/autocomplete/autocomplete-input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-input-group.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-input-group.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompleteInputGroupVariants } from './autocomplete-input-group-variants';\nimport { useAutocompleteContext } from './use-autocomplete-context';\n\nexport type AutocompleteInputGroupProps = BaseAutocomplete.InputGroup.Props;\n\nexport type AutocompleteInputGroupState = BaseAutocomplete.InputGroup.State;\n\n/**\n * Contêiner do campo e dos botões sobre ele (`Clear` e `Trigger`), e a âncora do popup: o popup\n * abre na largura dele. A `className` dá a largura e a posição no layout; o `<input>` ocupa a\n * largura do contêiner.\n */\nexport const AutocompleteInputGroup = (props: AutocompleteInputGroupProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useAutocompleteContext();\n\n  return (\n    <BaseAutocomplete.InputGroup\n      data-component=\"Autocomplete.InputGroup\"\n      className={mergeStateClassNames(\n        autocompleteInputGroupVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteInputGroup.displayName = 'Autocomplete.InputGroup';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,0BAA0B,UAAuC;CAC5E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,uBAAuB;CAExC,OACE,oBAACA,aAAiB,YAAlB;EACE,kBAAe;EACf,WAAW,qBACT,+BAA+B,EAAE,KAAK,CAAC,GACvC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,uBAAuB,cAAc"}

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

@@ -0,0 +1,14 @@
+//#region src/components/collections/autocomplete/autocomplete-input-variants.d.ts
+/**
+ * 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á. A diferença é o padding do fim: o
+ * `Autocomplete.Clear` e o `Autocomplete.Trigger` ficam sobre o campo, e o texto reserva a largura
+ * de cada um que existe (`--autocomplete-clear-width` e `--autocomplete-trigger-width`, declaradas
+ * por `autocompleteInputGroupVariants`), sem passar por baixo deles.
+ */
+export declare const autocompleteInputVariants: (props?: ({
+  variant?: "subtle" | "outline" | null | undefined;
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=autocomplete-input-variants.d.ts.map

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

@@ -0,0 +1,123 @@
+import { autocompleteDefaultVariants } from "./use-autocomplete-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/autocomplete/autocomplete-input-variants.ts
+/**
+* O texto não passa por baixo do `Clear` nem do `Trigger`, quando existem. Entra em cada `size`,
+* depois do `px-*`: o `tailwind-merge` descarta um `pe-*` que vem antes do `px-*`.
+*/
+const trailingPadding = "pe-[max(var(--autocomplete-px),calc(var(--autocomplete-clear-width)+var(--autocomplete-trigger-width)))]";
+/**
+* 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á. A diferença é o padding do fim: o
+* `Autocomplete.Clear` e o `Autocomplete.Trigger` ficam sobre o campo, e o texto reserva a largura
+* de cada um que existe (`--autocomplete-clear-width` e `--autocomplete-trigger-width`, declaradas
+* por `autocompleteInputGroupVariants`), sem passar por baixo deles.
+*/
+const autocompleteInputVariants = cva([
+	"relative",
+	"w-full",
+	"appearance-none",
+	"outline-none",
+	"text-start",
+	"font-normal",
+	"text-gray-12",
+	"placeholder:text-gray-11/80",
+	"data-placeholder:text-gray-11/80",
+	"border",
+	"rounded-md",
+	"corner-squircle",
+	"[--autocomplete-focus-color:var(--color-black)]",
+	"dark:[--autocomplete-focus-color:var(--color-white)]",
+	"focus-visible:outline-1",
+	"focus-visible:outline-solid",
+	"focus-visible:-outline-offset-2",
+	"focus-visible:outline-(--autocomplete-focus-color)",
+	"focus-visible:border-(--autocomplete-focus-color)",
+	"data-focused:outline-1",
+	"data-focused:outline-solid",
+	"data-focused:-outline-offset-2",
+	"data-focused:outline-(--autocomplete-focus-color)",
+	"data-focused:border-(--autocomplete-focus-color)",
+	"disabled:opacity-50",
+	"disabled:cursor-not-allowed",
+	"data-disabled:opacity-50",
+	"data-disabled:cursor-not-allowed",
+	"data-invalid:border-red-9",
+	"data-invalid:[--autocomplete-focus-color:var(--color-red-9)]",
+	"aria-invalid:border-red-9",
+	"aria-invalid:[--autocomplete-focus-color:var(--color-red-9)]"
+], {
+	variants: {
+		variant: {
+			outline: [
+				"bg-white/90",
+				"dark:bg-black/90",
+				"border-gray-alpha-7"
+			],
+			subtle: ["bg-gray-4", "border-transparent"]
+		},
+		size: {
+			"2xs": [
+				"h-7",
+				"min-w-7",
+				"px-2",
+				trailingPadding,
+				"text-xs",
+				"any-pointer-coarse:text-base"
+			],
+			xs: [
+				"h-8",
+				"min-w-8",
+				"px-2",
+				trailingPadding,
+				"text-xs",
+				"any-pointer-coarse:text-base"
+			],
+			sm: [
+				"h-9",
+				"min-w-9",
+				"px-2.5",
+				trailingPadding,
+				"text-sm",
+				"any-pointer-coarse:text-base"
+			],
+			md: [
+				"h-10",
+				"min-w-10",
+				"px-3",
+				trailingPadding,
+				"text-sm",
+				"any-pointer-coarse:text-base"
+			],
+			lg: [
+				"h-11",
+				"min-w-11",
+				"px-4",
+				trailingPadding,
+				"text-base"
+			],
+			xl: [
+				"h-12",
+				"min-w-12",
+				"px-4.5",
+				trailingPadding,
+				"text-base"
+			],
+			"2xl": [
+				"h-16",
+				"min-w-16",
+				"px-5",
+				trailingPadding,
+				"text-lg"
+			]
+		}
+	},
+	defaultVariants: {
+		size: autocompleteDefaultVariants.size,
+		variant: autocompleteDefaultVariants.variant
+	}
+});
+//#endregion
+export { autocompleteInputVariants };
+
+//# sourceMappingURL=autocomplete-input-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-input-variants.js","names":[],"sources":["../../../../src/components/collections/autocomplete/autocomplete-input-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { autocompleteDefaultVariants } from './use-autocomplete-context';\n\n/**\n * O texto não passa por baixo do `Clear` nem do `Trigger`, quando existem. Entra em cada `size`,\n * depois do `px-*`: o `tailwind-merge` descarta um `pe-*` que vem antes do `px-*`.\n */\nconst trailingPadding =\n  'pe-[max(var(--autocomplete-px),calc(var(--autocomplete-clear-width)+var(--autocomplete-trigger-width)))]';\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á. A diferença é o padding do fim: o\n * `Autocomplete.Clear` e o `Autocomplete.Trigger` ficam sobre o campo, e o texto reserva a largura\n * de cada um que existe (`--autocomplete-clear-width` e `--autocomplete-trigger-width`, declaradas\n * por `autocompleteInputGroupVariants`), sem passar por baixo deles.\n */\nexport const autocompleteInputVariants = cva(\n  [\n    'relative',\n    'w-full',\n\n    'appearance-none',\n    'outline-none',\n\n    'text-start',\n    'font-normal', // Sem isto, herda o peso do `<label>` em volta\n    'text-gray-12',\n\n    'placeholder:text-gray-11/80',\n    'data-placeholder:text-gray-11/80',\n\n    'border',\n    'rounded-md',\n    'corner-squircle',\n\n    '[--autocomplete-focus-color:var(--color-black)]',\n    'dark:[--autocomplete-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-(--autocomplete-focus-color)',\n    'focus-visible:border-(--autocomplete-focus-color)',\n\n    'data-focused:outline-1',\n    'data-focused:outline-solid',\n    'data-focused:-outline-offset-2',\n    'data-focused:outline-(--autocomplete-focus-color)',\n    'data-focused:border-(--autocomplete-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:[--autocomplete-focus-color:var(--color-red-9)]',\n    'aria-invalid:border-red-9',\n    'aria-invalid:[--autocomplete-focus-color:var(--color-red-9)]',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: [\n          'bg-white/90',\n          'dark:bg-black/90',\n\n          'border-gray-alpha-7',\n        ],\n        subtle: [\n          'bg-gray-4',\n\n          'border-transparent',\n        ],\n      },\n      size: {\n        '2xs': [\n          'h-7',\n          'min-w-7',\n\n          'px-2',\n          trailingPadding,\n\n          'text-xs',\n          // Em tela de toque, 16px: abaixo disso o Safari do iPhone dá zoom ao focar o campo.\n          'any-pointer-coarse:text-base',\n        ],\n        xs: [\n          'h-8',\n          'min-w-8',\n\n          'px-2',\n          trailingPadding,\n\n          'text-xs',\n          'any-pointer-coarse:text-base',\n        ],\n        sm: [\n          'h-9',\n          'min-w-9',\n\n          'px-2.5',\n          trailingPadding,\n\n          'text-sm',\n          'any-pointer-coarse:text-base',\n        ],\n        md: [\n          'h-10',\n          'min-w-10',\n\n          'px-3',\n          trailingPadding,\n\n          'text-sm',\n          'any-pointer-coarse:text-base',\n        ],\n        lg: [\n          'h-11',\n          'min-w-11',\n\n          'px-4',\n          trailingPadding,\n\n          'text-base',\n        ],\n        xl: [\n          'h-12',\n          'min-w-12',\n\n          'px-4.5',\n          trailingPadding,\n\n          'text-base',\n        ],\n        '2xl': [\n          'h-16',\n          'min-w-16',\n\n          'px-5',\n          trailingPadding,\n\n          'text-lg',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: autocompleteDefaultVariants.size,\n      variant: autocompleteDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;AAOA,MAAM,kBACJ;;;;;;;;AASF,MAAa,4BAA4B,IACvC;CACE;CACA;CAEA;CACA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;IACP;IACA;IAEA;GACF;GACA,QAAQ,CACN,aAEA,oBACF;EACF;EACA,MAAM;GACJ,OAAO;IACL;IACA;IAEA;IACA;IAEA;IAEA;GACF;GACA,IAAI;IACF;IACA;IAEA;IACA;IAEA;IACA;GACF;GACA,IAAI;IACF;IACA;IAEA;IACA;IAEA;IACA;GACF;GACA,IAAI;IACF;IACA;IAEA;IACA;IAEA;IACA;GACF;GACA,IAAI;IACF;IACA;IAEA;IACA;IAEA;GACF;GACA,IAAI;IACF;IACA;IAEA;IACA;IAEA;GACF;GACA,OAAO;IACL;IACA;IAEA;IACA;IAEA;GACF;EACF;CACF;CACA,iBAAiB;EACf,MAAM,4BAA4B;EAClC,SAAS,4BAA4B;CACvC;AACF,CACF"}

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

@@ -0,0 +1,16 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-input.d.ts
+export type AutocompleteInputProps = Autocomplete.Input.Props;
+export type AutocompleteInputState = Autocomplete.Input.State;
+/**
+ * Campo de texto que filtra a lista. Liga-se sozinho ao `Field` quando está dentro de um; fora
+ * dele, o nome acessível vem de um `<label>` ou de `aria-label`.
+ *
+ * O visual é o do `Input`, com `size` e `variant` do `Autocomplete.Root`.
+ */
+export declare const AutocompleteInput: {
+  (props: AutocompleteInputProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-input.d.ts.map

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

@@ -0,0 +1,29 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAutocompleteContext } from "./use-autocomplete-context.js";
+import { autocompleteInputVariants } from "./autocomplete-input-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-input.tsx
+/**
+* Campo de texto que filtra a lista. Liga-se sozinho ao `Field` quando está dentro de um; fora
+* dele, o nome acessível vem de um `<label>` ou de `aria-label`.
+*
+* O visual é o do `Input`, com `size` e `variant` do `Autocomplete.Root`.
+*/
+const AutocompleteInput = (props) => {
+	const { className, ...rest } = props;
+	const { size, variant } = useAutocompleteContext();
+	return /* @__PURE__ */ jsx(Autocomplete.Input, {
+		"data-component": "Autocomplete.Input",
+		className: mergeStateClassNames(autocompleteInputVariants({
+			size,
+			variant
+		}), className),
+		...rest
+	});
+};
+AutocompleteInput.displayName = "Autocomplete.Input";
+//#endregion
+export { AutocompleteInput };
+
+//# sourceMappingURL=autocomplete-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-input.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-input.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompleteInputVariants } from './autocomplete-input-variants';\nimport { useAutocompleteContext } from './use-autocomplete-context';\n\nexport type AutocompleteInputProps = BaseAutocomplete.Input.Props;\n\nexport type AutocompleteInputState = BaseAutocomplete.Input.State;\n\n/**\n * Campo de texto que filtra a lista. Liga-se sozinho ao `Field` quando está dentro de um; fora\n * dele, o nome acessível vem de um `<label>` ou de `aria-label`.\n *\n * O visual é o do `Input`, com `size` e `variant` do `Autocomplete.Root`.\n */\nexport const AutocompleteInput = (props: AutocompleteInputProps) => {\n  const { className, ...rest } = props;\n\n  const { size, variant } = useAutocompleteContext();\n\n  return (\n    <BaseAutocomplete.Input\n      data-component=\"Autocomplete.Input\"\n      className={mergeStateClassNames(\n        autocompleteInputVariants({ size, variant }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteInput.displayName = 'Autocomplete.Input';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,MAAM,YAAY,uBAAuB;CAEjD,OACE,oBAACA,aAAiB,OAAlB;EACE,kBAAe;EACf,WAAW,qBACT,0BAA0B;GAAE;GAAM;EAAQ,CAAC,GAC3C,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -0,0 +1,12 @@
+//#region src/components/collections/autocomplete/autocomplete-item-variants.d.ts
+/**
+ * Cópia de `selectItemVariants`, a origem do item das listas em popup, onde o realce está
+ * explicado (tabela no README de `collections`). As diferenças:
+ * - `flex` em linha, sem a coluna do check: o Autocomplete não marca item escolhido;
+ * - o realce aparece também no toque: o clique no item fecha o popup, e não sobra realce preso.
+ */
+export declare const autocompleteItemVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=autocomplete-item-variants.d.ts.map

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

@@ -0,0 +1,85 @@
+import { autocompleteDefaultVariants } from "./use-autocomplete-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/autocomplete/autocomplete-item-variants.ts
+/**
+* Cópia de `selectItemVariants`, a origem do item das listas em popup, onde o realce está
+* explicado (tabela no README de `collections`). As diferenças:
+* - `flex` em linha, sem a coluna do check: o Autocomplete não marca item escolhido;
+* - o realce aparece também no toque: o clique no item fecha o popup, e não sobra realce preso.
+*/
+const autocompleteItemVariants = cva([
+	"flex",
+	"items-start",
+	"relative",
+	"rounded",
+	"cursor-default",
+	"select-none",
+	"outline-none",
+	"data-disabled:pointer-events-none",
+	"data-disabled:opacity-50",
+	"data-highlighted:z-0",
+	"data-highlighted:before:absolute",
+	"data-highlighted:before:inset-x-1",
+	"data-highlighted:before:inset-y-0",
+	"data-highlighted:before:z-[-1]",
+	"data-highlighted:before:rounded",
+	"data-highlighted:before:content-[\"\"]",
+	"data-highlighted:before:bg-gray-4"
+], {
+	variants: { size: {
+		"2xs": [
+			"px-2",
+			"gap-1",
+			"py-1",
+			"pointer-coarse:py-2",
+			"text-xs"
+		],
+		xs: [
+			"px-2",
+			"gap-1",
+			"py-1.25",
+			"pointer-coarse:py-2",
+			"text-xs"
+		],
+		sm: [
+			"px-2.5",
+			"gap-2",
+			"py-1.25",
+			"pointer-coarse:py-2",
+			"text-sm"
+		],
+		md: [
+			"px-3",
+			"gap-2",
+			"py-1.75",
+			"pointer-coarse:py-3",
+			"text-sm"
+		],
+		lg: [
+			"px-4",
+			"gap-3",
+			"py-1.75",
+			"pointer-coarse:py-3",
+			"text-base"
+		],
+		xl: [
+			"px-4.5",
+			"gap-3",
+			"py-2.25",
+			"pointer-coarse:py-4",
+			"text-base"
+		],
+		"2xl": [
+			"px-5",
+			"gap-3",
+			"py-4",
+			"pointer-coarse:py-4",
+			"text-lg"
+		]
+	} },
+	defaultVariants: { size: autocompleteDefaultVariants.size }
+});
+//#endregion
+export { autocompleteItemVariants };
+
+//# sourceMappingURL=autocomplete-item-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-item-variants.js","names":[],"sources":["../../../../src/components/collections/autocomplete/autocomplete-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { autocompleteDefaultVariants } from './use-autocomplete-context';\n\n/**\n * Cópia de `selectItemVariants`, a origem do item das listas em popup, onde o realce está\n * explicado (tabela no README de `collections`). As diferenças:\n * - `flex` em linha, sem a coluna do check: o Autocomplete não marca item escolhido;\n * - o realce aparece também no toque: o clique no item fecha o popup, e não sobra realce preso.\n */\nexport const autocompleteItemVariants = cva(\n  [\n    'flex',\n    'items-start', // Texto que quebra a linha mantém o ícone 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    'data-highlighted:before:bg-gray-4',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['px-2', 'gap-1', 'py-1', 'pointer-coarse:py-2', 'text-xs'],\n        xs: ['px-2', 'gap-1', 'py-1.25', 'pointer-coarse:py-2', 'text-xs'],\n        sm: ['px-2.5', 'gap-2', 'py-1.25', 'pointer-coarse:py-2', 'text-sm'],\n        md: ['px-3', 'gap-2', 'py-1.75', 'pointer-coarse:py-3', 'text-sm'],\n        lg: ['px-4', 'gap-3', 'py-1.75', 'pointer-coarse:py-3', 'text-base'],\n        xl: ['px-4.5', 'gap-3', 'py-2.25', 'pointer-coarse:py-4', 'text-base'],\n        '2xl': ['px-5', 'gap-3', 'py-4', 'pointer-coarse:py-4', 'text-lg'],\n      },\n    },\n    defaultVariants: {\n      size: autocompleteDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;AASA,MAAa,2BAA2B,IACtC;CACE;CACA;CAEA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;GAAC;GAAQ;GAAS;GAAQ;GAAuB;EAAS;EACjE,IAAI;GAAC;GAAQ;GAAS;GAAW;GAAuB;EAAS;EACjE,IAAI;GAAC;GAAU;GAAS;GAAW;GAAuB;EAAS;EACnE,IAAI;GAAC;GAAQ;GAAS;GAAW;GAAuB;EAAS;EACjE,IAAI;GAAC;GAAQ;GAAS;GAAW;GAAuB;EAAW;EACnE,IAAI;GAAC;GAAU;GAAS;GAAW;GAAuB;EAAW;EACrE,OAAO;GAAC;GAAQ;GAAS;GAAQ;GAAuB;EAAS;CACnE,EACF;CACA,iBAAiB,EACf,MAAM,4BAA4B,KACpC;AACF,CACF"}

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

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-item.d.ts
+export type AutocompleteItemProps = Autocomplete.Item.Props;
+export type AutocompleteItemState = Autocomplete.Item.State;
+/**
+ * Sugestão da lista. Escolhê-la preenche o campo com o texto dela. O realce do item sob o
+ * ponteiro ou o teclado vem do `data-highlighted`.
+ */
+export declare const AutocompleteItem: {
+  (props: AutocompleteItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-item.d.ts.map

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

@@ -0,0 +1,24 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useAutocompleteContext } from "./use-autocomplete-context.js";
+import { autocompleteItemVariants } from "./autocomplete-item-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-item.tsx
+/**
+* Sugestão da lista. Escolhê-la preenche o campo com o texto dela. O realce do item sob o
+* ponteiro ou o teclado vem do `data-highlighted`.
+*/
+const AutocompleteItem = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useAutocompleteContext();
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		"data-component": "Autocomplete.Item",
+		className: mergeStateClassNames(autocompleteItemVariants({ size }), className),
+		...rest
+	});
+};
+AutocompleteItem.displayName = "Autocomplete.Item";
+//#endregion
+export { AutocompleteItem };
+
+//# sourceMappingURL=autocomplete-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-item.js","names":["BaseAutocomplete"],"sources":["../../../../src/components/collections/autocomplete/autocomplete-item.tsx"],"sourcesContent":["import { Autocomplete as BaseAutocomplete } from '@base-ui/react/autocomplete';\nimport { mergeStateClassNames } from '#utils';\nimport { autocompleteItemVariants } from './autocomplete-item-variants';\nimport { useAutocompleteContext } from './use-autocomplete-context';\n\nexport type AutocompleteItemProps = BaseAutocomplete.Item.Props;\n\nexport type AutocompleteItemState = BaseAutocomplete.Item.State;\n\n/**\n * Sugestão da lista. Escolhê-la preenche o campo com o texto dela. O realce do item sob o\n * ponteiro ou o teclado vem do `data-highlighted`.\n */\nexport const AutocompleteItem = (props: AutocompleteItemProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useAutocompleteContext();\n\n  return (\n    <BaseAutocomplete.Item\n      data-component=\"Autocomplete.Item\"\n      className={mergeStateClassNames(\n        autocompleteItemVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAutocompleteItem.displayName = 'Autocomplete.Item';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,uBAAuB;CAExC,OACE,oBAACA,aAAiB,MAAlB;EACE,kBAAe;EACf,WAAW,qBACT,yBAAyB,EAAE,KAAK,CAAC,GACjC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/collections/autocomplete/autocomplete-list.d.ts
+export type AutocompleteListProps = Autocomplete.List.Props;
+export type AutocompleteListState = Autocomplete.List.State;
+/**
+ * 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.
+ */
+export declare const AutocompleteList: {
+  (props: AutocompleteListProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=autocomplete-list.d.ts.map