@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,29 @@
+import { selectDefaultVariants } from "./use-select-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/select/select-label-variants.ts
+/**
+* Mesma tipografia do `Field.Label`, por `size`: o texto acompanha o do trigger, e a linha é o
+* tamanho do texto mais 2px. Assim, numa grade de formulário, o trigger fica na mesma altura dos
+* campos vizinhos.
+*/
+const selectLabelVariants = cva([
+	"w-fit",
+	"font-medium",
+	"text-gray-12",
+	"data-disabled:opacity-50"
+], {
+	variants: { size: {
+		"2xs": ["text-xs", "leading-3.5"],
+		xs: ["text-xs", "leading-3.5"],
+		sm: ["text-sm", "leading-4"],
+		md: ["text-sm", "leading-4"],
+		lg: ["text-base", "leading-4.5"],
+		xl: ["text-base", "leading-4.5"],
+		"2xl": ["text-lg", "leading-5"]
+	} },
+	defaultVariants: { size: selectDefaultVariants.size }
+});
+//#endregion
+export { selectLabelVariants };
+
+//# sourceMappingURL=select-label-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-label-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-label-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\n/**\n * Mesma tipografia do `Field.Label`, por `size`: o texto acompanha o do trigger, e a linha é o\n * tamanho do texto mais 2px. Assim, numa grade de formulário, o trigger fica na mesma altura dos\n * campos vizinhos.\n */\nexport const selectLabelVariants = cva(\n  [\n    'w-fit',\n\n    'font-medium',\n    'text-gray-12',\n\n    'data-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['text-xs', 'leading-3.5'],\n        xs: ['text-xs', 'leading-3.5'],\n        sm: ['text-sm', 'leading-4'],\n        md: ['text-sm', 'leading-4'],\n        lg: ['text-base', 'leading-4.5'],\n        xl: ['text-base', 'leading-4.5'],\n        '2xl': ['text-lg', 'leading-5'],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;AAQA,MAAa,sBAAsB,IACjC;CACE;CAEA;CACA;CAEA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,WAAW,aAAa;EAChC,IAAI,CAAC,WAAW,aAAa;EAC7B,IAAI,CAAC,WAAW,WAAW;EAC3B,IAAI,CAAC,WAAW,WAAW;EAC3B,IAAI,CAAC,aAAa,aAAa;EAC/B,IAAI,CAAC,aAAa,aAAa;EAC/B,OAAO,CAAC,WAAW,WAAW;CAChC,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

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

@@ -0,0 +1,17 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-label.d.ts
+export type SelectLabelProps = Select.Label.Props;
+export type SelectLabelState = Select.Label.State;
+/**
+ * Rótulo do select, ligado ao trigger. Renderiza um `<div>`: o clique foca o trigger sem abrir o
+ * popup.
+ *
+ * Dentro de um `Field.Root`, também é ele o rótulo, e não o `Field.Label`: o `<label>` nativo do
+ * `Field.Label` aciona o trigger, que é um botão, e abre o popup no clique.
+ */
+export declare const SelectLabel: {
+  (props: SelectLabelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-label.d.ts.map

package/dist/components/collections/select/select-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-label.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-label.tsx"],"mappings":";;YAKY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;;qBASnC;GAAsB,OAAA,mCAAgB,IAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useSelectContext } from "./use-select-context.js";
+import { selectLabelVariants } from "./select-label-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-label.tsx
+/**
+* Rótulo do select, ligado ao trigger. Renderiza um `<div>`: o clique foca o trigger sem abrir o
+* popup.
+*
+* Dentro de um `Field.Root`, também é ele o rótulo, e não o `Field.Label`: o `<label>` nativo do
+* `Field.Label` aciona o trigger, que é um botão, e abre o popup no clique.
+*/
+const SelectLabel = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useSelectContext();
+	return /* @__PURE__ */ jsx(Select.Label, {
+		"data-component": "Select.Label",
+		className: mergeStateClassNames(selectLabelVariants({ size }), className),
+		...rest
+	});
+};
+SelectLabel.displayName = "Select.Label";
+//#endregion
+export { SelectLabel };
+
+//# sourceMappingURL=select-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-label.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-label.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\nimport { selectLabelVariants } from './select-label-variants';\nimport { useSelectContext } from './use-select-context';\n\nexport type SelectLabelProps = BaseSelect.Label.Props;\n\nexport type SelectLabelState = BaseSelect.Label.State;\n\n/**\n * Rótulo do select, ligado ao trigger. Renderiza um `<div>`: o clique foca o trigger sem abrir o\n * popup.\n *\n * Dentro de um `Field.Root`, também é ele o rótulo, e não o `Field.Label`: o `<label>` nativo do\n * `Field.Label` aciona o trigger, que é um botão, e abre o popup no clique.\n */\nexport const SelectLabel = (props: SelectLabelProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useSelectContext();\n\n  return (\n    <BaseSelect.Label\n      data-component=\"Select.Label\"\n      className={mergeStateClassNames(selectLabelVariants({ size }), className)}\n      {...rest}\n    />\n  );\n};\n\nSelectLabel.displayName = 'Select.Label';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-list.d.ts
+export type SelectListProps = Select.List.Props;
+export type SelectListState = Select.List.State;
+/**
+ * Lista rolável dos itens, limitada ao espaço disponível na tela.
+ */
+export declare const SelectList: {
+  (props: SelectListProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-list.d.ts.map

package/dist/components/collections/select/select-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-list.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-list.tsx"],"mappings":";;YAGY,kBAAkBA,OAAW,KAAK;YAElC,kBAAkBA,OAAW,KAAK;;;;qBAKjC;GAAqB,OAAA,kCAAe,IAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-list.tsx
+/**
+* Lista rolável dos itens, limitada ao espaço disponível na tela.
+*/
+const SelectList = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.List, {
+		"data-component": "Select.List",
+		className: mergeStateClassNames([
+			"relative",
+			"min-h-0",
+			"max-h-(--available-height)",
+			"scroll-py-6",
+			"py-1",
+			"overflow-y-auto"
+		], className),
+		...rest
+	});
+};
+SelectList.displayName = "Select.List";
+//#endregion
+export { SelectList };
+
+//# sourceMappingURL=select-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-list.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-list.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectListProps = BaseSelect.List.Props;\n\nexport type SelectListState = BaseSelect.List.State;\n\n/**\n * Lista rolável dos itens, limitada ao espaço disponível na tela.\n */\nexport const SelectList = (props: SelectListProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.List\n      data-component=\"Select.List\"\n      className={mergeStateClassNames(\n        [\n          'relative',\n\n          'min-h-0', // Encolhe até a altura máxima do `Select.Popup`\n          'max-h-(--available-height)', // Usa CSS var do espaço disponível\n\n          'scroll-py-6',\n          'py-1',\n\n          'overflow-y-auto',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectList.displayName = 'Select.List';\n"],"mappings":";;;;;;;AAUA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,MAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,23 @@
+//#region src/components/collections/select/select-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 trigger (`--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;
+ * - o modo sobreposto, abaixo.
+ *
+ * No modo sobreposto (`alignItemWithTrigger`, `data-side="none"`) o popup abre sem animação e
+ * cresce, por `size`, a diferença entre o recuo do texto do item (padding + coluna do check + gap)
+ * e o padding do trigger. É o que põe o texto do item escolhido exatamente sobre o do valor; mudar
+ * o espaçamento de um dos dois pede recalcular esta soma.
+ *
+ * A altura máxima fica no popup, e não na lista. No modo sobreposto, o Base UI lê esse
+ * `max-height` em px e cresce o popup até ele enquanto se rola, com a lista em `max-height: 100%`.
+ * Fora dele, o popup é flex em coluna, e a lista (`min-h-0`) encolhe até caber.
+ */
+export declare const selectPopupVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=select-popup-variants.d.ts.map

package/dist/components/collections/select/select-popup-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-popup-variants.ts"],"mappings":";;;;;;;;;;;;;;;;;;qBAoBa,sBAAmB;;6CA4D/B"}

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

@@ -0,0 +1,66 @@
+import { selectDefaultVariants } from "./use-select-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/select/select-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 trigger (`--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;
+* - o modo sobreposto, abaixo.
+*
+* No modo sobreposto (`alignItemWithTrigger`, `data-side="none"`) o popup abre sem animação e
+* cresce, por `size`, a diferença entre o recuo do texto do item (padding + coluna do check + gap)
+* e o padding do trigger. É o que põe o texto do item escolhido exatamente sobre o do valor; mudar
+* o espaçamento de um dos dois pede recalcular esta soma.
+*
+* A altura máxima fica no popup, e não na lista. No modo sobreposto, o Base UI lê esse
+* `max-height` em px e cresce o popup até ele enquanto se rola, com a lista em `max-height: 100%`.
+* Fora dele, o popup é flex em coluna, e a lista (`min-h-0`) encolhe até caber.
+*/
+const selectPopupVariants = 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",
+	"data-[side=none]:transition-none",
+	"data-[side=none]:data-starting-style:scale-100",
+	"data-[side=none]:data-starting-style:opacity-100"
+], {
+	variants: { size: {
+		"2xs": ["data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]"],
+		xs: ["data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]"],
+		sm: ["data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]"],
+		md: ["data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]"],
+		lg: ["data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]"],
+		xl: ["data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]"],
+		"2xl": ["data-[side=none]:min-w-[calc(var(--anchor-width)+1.875rem)]"]
+	} },
+	defaultVariants: { size: selectDefaultVariants.size }
+});
+//#endregion
+export { selectPopupVariants };
+
+//# sourceMappingURL=select-popup-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\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 trigger (`--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 * - o modo sobreposto, abaixo.\n *\n * No modo sobreposto (`alignItemWithTrigger`, `data-side=\"none\"`) o popup abre sem animação e\n * cresce, por `size`, a diferença entre o recuo do texto do item (padding + coluna do check + gap)\n * e o padding do trigger. É o que põe o texto do item escolhido exatamente sobre o do valor; mudar\n * o espaçamento de um dos dois pede recalcular esta soma.\n *\n * A altura máxima fica no popup, e não na lista. No modo sobreposto, o Base UI lê esse\n * `max-height` em px e cresce o popup até ele enquanto se rola, com a lista em `max-height: 100%`.\n * Fora dele, o popup é flex em coluna, e a lista (`min-h-0`) encolhe até caber.\n */\nexport const selectPopupVariants = cva(\n  [\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 trigger, 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    'data-[side=none]:transition-none',\n    'data-[side=none]:data-starting-style:scale-100',\n    'data-[side=none]:data-starting-style:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        xs: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)]'],\n        sm: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        md: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.375rem)]'],\n        lg: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        xl: ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.75rem)]'],\n        '2xl': ['data-[side=none]:min-w-[calc(var(--anchor-width)+1.875rem)]'],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,sBAAsB,IACjC;CACE;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;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,yDAAyD;EACjE,IAAI,CAAC,yDAAyD;EAC9D,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,6DAA6D;EAClE,IAAI,CAAC,4DAA4D;EACjE,IAAI,CAAC,4DAA4D;EACjE,OAAO,CAAC,6DAA6D;CACvE,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

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

@@ -0,0 +1,16 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-popup.d.ts
+export type SelectPopupProps = Select.Popup.Props;
+export type SelectPopupState = Select.Popup.State;
+/**
+ * Caixa da lista. Tem no mínimo a largura do trigger e cresce com o conteúdo até 20rem de altura;
+ * outro teto vem por `className` (`max-h-96`), e a lista rola dentro dele. Leve sempre o
+ * `Select.ScrollUpArrow` e o `Select.ScrollDownArrow` em volta da `Select.List`: qualquer lista
+ * pode passar da altura da tela, e as setas só aparecem quando há itens escondidos.
+ */
+export declare const SelectPopup: {
+  (props: SelectPopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-popup.d.ts.map

package/dist/components/collections/select/select-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-popup.tsx"],"mappings":";;YAKY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;qBAQnC;GAAsB,OAAA,mCAAgB,IAAA"}

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

@@ -0,0 +1,26 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useSelectContext } from "./use-select-context.js";
+import { selectPopupVariants } from "./select-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-popup.tsx
+/**
+* Caixa da lista. Tem no mínimo a largura do trigger e cresce com o conteúdo até 20rem de altura;
+* outro teto vem por `className` (`max-h-96`), e a lista rola dentro dele. Leve sempre o
+* `Select.ScrollUpArrow` e o `Select.ScrollDownArrow` em volta da `Select.List`: qualquer lista
+* pode passar da altura da tela, e as setas só aparecem quando há itens escondidos.
+*/
+const SelectPopup = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useSelectContext();
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		"data-component": "Select.Popup",
+		className: mergeStateClassNames(selectPopupVariants({ size }), className),
+		...rest
+	});
+};
+SelectPopup.displayName = "Select.Popup";
+//#endregion
+export { SelectPopup };
+
+//# sourceMappingURL=select-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-popup.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-popup.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\nimport { selectPopupVariants } from './select-popup-variants';\nimport { useSelectContext } from './use-select-context';\n\nexport type SelectPopupProps = BaseSelect.Popup.Props;\n\nexport type SelectPopupState = BaseSelect.Popup.State;\n\n/**\n * Caixa da lista. Tem no mínimo a largura do trigger 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. Leve sempre o\n * `Select.ScrollUpArrow` e o `Select.ScrollDownArrow` em volta da `Select.List`: qualquer lista\n * pode passar da altura da tela, e as setas só aparecem quando há itens escondidos.\n */\nexport const SelectPopup = (props: SelectPopupProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useSelectContext();\n\n  return (\n    <BaseSelect.Popup\n      data-component=\"Select.Popup\"\n      className={mergeStateClassNames(selectPopupVariants({ size }), className)}\n      {...rest}\n    />\n  );\n};\n\nSelectPopup.displayName = 'Select.Popup';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

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

package/dist/components/collections/select/select-portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-portal.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-portal.tsx"],"mappings":";;YAEY,oBAAoBA,OAAW,OAAO;YAEtC,oBAAoBA,OAAW,OAAO;;;;qBAKrC;GAAuB,OAAA,oCAAiB,IAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-portal.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-portal.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\n\nexport type SelectPortalProps = BaseSelect.Portal.Props;\n\nexport type SelectPortalState = BaseSelect.Portal.State;\n\n/**\n * Leva o popup para o fim do `body`, fora do contexto de empilhamento do trigger.\n */\nexport const SelectPortal = (props: SelectPortalProps) => {\n  return (\n    <BaseSelect.Portal\n      data-component=\"Select.Portal\"\n      {...props}\n    />\n  );\n};\n\nSelectPortal.displayName = 'Select.Portal';\n"],"mappings":";;;;;;AASA,MAAa,gBAAgB,UAA6B;CACxD,OACE,oBAACA,OAAW,QAAZ;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,19 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-positioner.d.ts
+export type SelectPositionerProps = Select.Positioner.Props;
+export type SelectPositionerState = Select.Positioner.State;
+/**
+ * Posiciona o popup junto ao trigger. Por padrão (`alignItemWithTrigger`), com mouse e havendo
+ * espaço, o popup cobre o trigger com o item selecionado sobre o valor; senão, abre ao lado dele.
+ *
+ * O modo sobreposto desiste e abre ao lado quando o popup é aberto pelo toque, quando o trigger
+ * está a menos de 20px do topo ou da base da tela, ou quando sobraria menos que o `min-height`
+ * deste elemento (100px se não declarado). Um `min-h-*` menor faz desistir menos. Enquanto o modo
+ * está ativo, `side`, `align` e os offsets não valem.
+ */
+export declare const SelectPositioner: {
+  (props: SelectPositionerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-positioner.d.ts.map

package/dist/components/collections/select/select-positioner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-positioner.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-positioner.tsx"],"mappings":";;YAGY,wBAAwBA,OAAW,WAAW;YAE9C,wBAAwBA,OAAW,WAAW;;;;;;;;;;qBAW7C;GAA2B,OAAA,wCAAqB,IAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-positioner.tsx
+/**
+* Posiciona o popup junto ao trigger. Por padrão (`alignItemWithTrigger`), com mouse e havendo
+* espaço, o popup cobre o trigger com o item selecionado sobre o valor; senão, abre ao lado dele.
+*
+* O modo sobreposto desiste e abre ao lado quando o popup é aberto pelo toque, quando o trigger
+* está a menos de 20px do topo ou da base da tela, ou quando sobraria menos que o `min-height`
+* deste elemento (100px se não declarado). Um `min-h-*` menor faz desistir menos. Enquanto o modo
+* está ativo, `side`, `align` e os offsets não valem.
+*/
+const SelectPositioner = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		"data-component": "Select.Positioner",
+		sideOffset: 6,
+		className: mergeStateClassNames(["select-none", "outline-none"], className),
+		...rest
+	});
+};
+SelectPositioner.displayName = "Select.Positioner";
+//#endregion
+export { SelectPositioner };
+
+//# sourceMappingURL=select-positioner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-positioner.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-positioner.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectPositionerProps = BaseSelect.Positioner.Props;\n\nexport type SelectPositionerState = BaseSelect.Positioner.State;\n\n/**\n * Posiciona o popup junto ao trigger. Por padrão (`alignItemWithTrigger`), com mouse e havendo\n * espaço, o popup cobre o trigger com o item selecionado sobre o valor; senão, abre ao lado dele.\n *\n * O modo sobreposto desiste e abre ao lado quando o popup é aberto pelo toque, quando o trigger\n * está a menos de 20px do topo ou da base da tela, ou quando sobraria menos que o `min-height`\n * deste elemento (100px se não declarado). Um `min-h-*` menor faz desistir menos. Enquanto o modo\n * está ativo, `side`, `align` e os offsets não valem.\n */\nexport const SelectPositioner = (props: SelectPositionerProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Positioner\n      data-component=\"Select.Positioner\"\n      sideOffset={6}\n      className={mergeStateClassNames(\n        ['select-none', 'outline-none'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectPositioner.displayName = 'Select.Positioner';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,YAAZ;EACE,kBAAe;EACf,YAAY;EACZ,WAAW,qBACT,CAAC,eAAe,cAAc,GAC9B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

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

@@ -0,0 +1,44 @@
+import { SelectVariants } from "./use-select-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-root.d.ts
+export type SelectRootProps<Value, Multiple extends boolean | undefined = false> = MergeOverride<Select.Root.Props<Value, Multiple>, SelectVariants>;
+export type SelectRootState = Select.Root.State;
+export type SelectRootActions = Select.Root.Actions;
+export type SelectRootChangeEventDetails = Select.Root.ChangeEventDetails;
+export type SelectRootChangeEventReason = Select.Root.ChangeEventReason;
+/**
+ * Estado do select. Não renderiza elemento.
+ *
+ * @example
+ * ```tsx
+ * <Select.Root items={fruits}>
+ *   <Select.Trigger>
+ *     <Select.Value placeholder="Escolha uma fruta" />
+ *     <Select.Icon />
+ *   </Select.Trigger>
+ *   <Select.Portal>
+ *     <Select.Positioner>
+ *       <Select.Popup>
+ *         <Select.ScrollUpArrow />
+ *         <Select.List>
+ *           {fruits.map((fruit) => (
+ *             <Select.Item key={fruit.value} value={fruit.value}>
+ *               <Select.ItemIndicator />
+ *               <Select.ItemText>{fruit.label}</Select.ItemText>
+ *             </Select.Item>
+ *           ))}
+ *         </Select.List>
+ *         <Select.ScrollDownArrow />
+ *       </Select.Popup>
+ *     </Select.Positioner>
+ *   </Select.Portal>
+ * </Select.Root>
+ * ```
+ */
+export declare const SelectRoot: {
+  <Value, Multiple extends boolean | undefined = false>(props: SelectRootProps<Value, Multiple>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-root.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-root.tsx"],"mappings":";;;;YAOY,gBACV,OACA,gDACE,cAAcA,OAAW,KAAK,MAAM,OAAO,WAAW;YAE9C,kBAAkBA,OAAW,KAAK;YAElC,oBAAoBA,OAAW,KAAK;YAEpC,+BAA+BA,OAAW,KAAK;YAE/C,8BAA8BA,OAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiC7C;GAAc,OAAO,8CAAoC,OAC7D,gBAAgB,OAAO,4BAAS,IAAA"}

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

@@ -0,0 +1,47 @@
+import { SelectContextProvider } from "./use-select-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Estado do select. Não renderiza elemento.
+*
+* @example
+* ```tsx
+* <Select.Root items={fruits}>
+*   <Select.Trigger>
+*     <Select.Value placeholder="Escolha uma fruta" />
+*     <Select.Icon />
+*   </Select.Trigger>
+*   <Select.Portal>
+*     <Select.Positioner>
+*       <Select.Popup>
+*         <Select.ScrollUpArrow />
+*         <Select.List>
+*           {fruits.map((fruit) => (
+*             <Select.Item key={fruit.value} value={fruit.value}>
+*               <Select.ItemIndicator />
+*               <Select.ItemText>{fruit.label}</Select.ItemText>
+*             </Select.Item>
+*           ))}
+*         </Select.List>
+*         <Select.ScrollDownArrow />
+*       </Select.Popup>
+*     </Select.Positioner>
+*   </Select.Portal>
+* </Select.Root>
+* ```
+*/
+const SelectRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["size", "variant"]);
+	return /* @__PURE__ */ jsx(SelectContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Select.Root, { ...elementProps })
+	});
+};
+SelectRoot.displayName = "Select.Root";
+//#endregion
+export { SelectRoot };
+
+//# sourceMappingURL=select-root.js.map

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

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

package/dist/components/collections/select/select-scroll-down-arrow-variants.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/collections/select/select-scroll-down-arrow-variants.d.ts
+export declare const selectScrollDownArrowVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=select-scroll-down-arrow-variants.d.ts.map

package/dist/components/collections/select/select-scroll-down-arrow-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-scroll-down-arrow-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow-variants.ts"],"mappings":";qBAGa,gCAA6B;;6CA+CzC"}

package/dist/components/collections/select/select-scroll-down-arrow-variants.js

@@ -0,0 +1,39 @@
+import { selectDefaultVariants } from "./use-select-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/select/select-scroll-down-arrow-variants.ts
+const selectScrollDownArrowVariants = cva([
+	"flex",
+	"items-center",
+	"justify-center",
+	"bottom-0",
+	"z-2",
+	"w-full",
+	"rounded-md",
+	"corner-squircle",
+	"bg-white",
+	"dark:bg-gray-2",
+	"text-center",
+	"text-xs",
+	"cursor-default",
+	"before:absolute",
+	"before:left-0",
+	"before:h-full",
+	"before:w-full",
+	"before:content-['']",
+	"data-[side=none]:before:-bottom-full"
+], {
+	variants: { size: {
+		"2xs": ["h-3.5", "[&_svg]:size-2.5"],
+		xs: ["h-4", "[&_svg]:size-3"],
+		sm: ["h-4.5", "[&_svg]:size-3.5"],
+		md: ["h-5", "[&_svg]:size-3.5"],
+		lg: ["h-5.5", "[&_svg]:size-4"],
+		xl: ["h-6", "[&_svg]:size-4"],
+		"2xl": ["h-7", "[&_svg]:size-4.5"]
+	} },
+	defaultVariants: { size: selectDefaultVariants.size }
+});
+//#endregion
+export { selectScrollDownArrowVariants };
+
+//# sourceMappingURL=select-scroll-down-arrow-variants.js.map

package/dist/components/collections/select/select-scroll-down-arrow-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-scroll-down-arrow-variants.js","names":[],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { selectDefaultVariants } from './use-select-context';\n\nexport const selectScrollDownArrowVariants = cva(\n  [\n    'flex',\n    'items-center',\n    'justify-center',\n\n    'bottom-0',\n    'z-2',\n\n    'w-full',\n\n    'rounded-md',\n    'corner-squircle',\n\n    // Mesmo fundo do popup, para a seta não formar uma faixa de outro tom.\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'text-center',\n    'text-xs',\n\n    'cursor-default',\n\n    'before:absolute',\n    'before:left-0',\n    'before:h-full',\n    'before:w-full',\n    \"before:content-['']\",\n\n    'data-[side=none]:before:-bottom-full',\n  ],\n  {\n    variants: {\n      size: {\n        '2xs': ['h-3.5', '[&_svg]:size-2.5'],\n        xs: ['h-4', '[&_svg]:size-3'],\n        sm: ['h-4.5', '[&_svg]:size-3.5'],\n        md: ['h-5', '[&_svg]:size-3.5'],\n        lg: ['h-5.5', '[&_svg]:size-4'],\n        xl: ['h-6', '[&_svg]:size-4'],\n        '2xl': ['h-7', '[&_svg]:size-4.5'],\n      },\n    },\n    defaultVariants: {\n      size: selectDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,gCAAgC,IAC3C;CACE;CACA;CACA;CAEA;CACA;CAEA;CAEA;CACA;CAGA;CACA;CAEA;CACA;CAEA;CAEA;CACA;CACA;CACA;CACA;CAEA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,SAAS,kBAAkB;EACnC,IAAI,CAAC,OAAO,gBAAgB;EAC5B,IAAI,CAAC,SAAS,kBAAkB;EAChC,IAAI,CAAC,OAAO,kBAAkB;EAC9B,IAAI,CAAC,SAAS,gBAAgB;EAC9B,IAAI,CAAC,OAAO,gBAAgB;EAC5B,OAAO,CAAC,OAAO,kBAAkB;CACnC,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

package/dist/components/collections/select/select-scroll-down-arrow.d.ts

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-scroll-down-arrow.d.ts
+export type SelectScrollDownArrowProps = Select.ScrollDownArrow.Props;
+export type SelectScrollDownArrowState = Select.ScrollDownArrow.State;
+/**
+ * Seta que rola a lista para baixo ao passar o ponteiro. Só aparece quando há conteúdo abaixo.
+ */
+export declare const SelectScrollDownArrow: {
+  (props: SelectScrollDownArrowProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-scroll-down-arrow.d.ts.map

package/dist/components/collections/select/select-scroll-down-arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-scroll-down-arrow.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow.tsx"],"mappings":";;YAOY,6BAA6BA,OAAW,gBAAgB;YAExD,6BAA6BA,OAAW,gBAAgB;;;;qBAKvD;GAAgC,OAAA,6CAA0B,IAAA"}

package/dist/components/collections/select/select-scroll-down-arrow.js

@@ -0,0 +1,26 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { useSelectContext } from "./use-select-context.js";
+import { selectScrollDownArrowVariants } from "./select-scroll-down-arrow-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-scroll-down-arrow.tsx
+/**
+* Seta que rola a lista para baixo ao passar o ponteiro. Só aparece quando há conteúdo abaixo.
+*/
+const SelectScrollDownArrow = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useSelectContext();
+	return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+		"data-component": "Select.ScrollDownArrow",
+		className: mergeStateClassNames(selectScrollDownArrowVariants({ size }), className),
+		...rest,
+		children: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CaretDownIcon, {}) })
+	});
+};
+SelectScrollDownArrow.displayName = "Select.ScrollDownArrow";
+//#endregion
+export { SelectScrollDownArrow };
+
+//# sourceMappingURL=select-scroll-down-arrow.js.map

package/dist/components/collections/select/select-scroll-down-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-scroll-down-arrow.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-scroll-down-arrow.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { CaretDownIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\nimport { selectScrollDownArrowVariants } from './select-scroll-down-arrow-variants';\nimport { useSelectContext } from './use-select-context';\n\nexport type SelectScrollDownArrowProps = BaseSelect.ScrollDownArrow.Props;\n\nexport type SelectScrollDownArrowState = BaseSelect.ScrollDownArrow.State;\n\n/**\n * Seta que rola a lista para baixo ao passar o ponteiro. Só aparece quando há conteúdo abaixo.\n */\nexport const SelectScrollDownArrow = (props: SelectScrollDownArrowProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useSelectContext();\n\n  return (\n    <BaseSelect.ScrollDownArrow\n      data-component=\"Select.ScrollDownArrow\"\n      className={mergeStateClassNames(\n        selectScrollDownArrowVariants({ size }),\n        className,\n      )}\n      {...rest}\n    >\n      <Icon render={<CaretDownIcon />} />\n    </BaseSelect.ScrollDownArrow>\n  );\n};\n\nSelectScrollDownArrow.displayName = 'Select.ScrollDownArrow';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,yBAAyB,UAAsC;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,iBAAZ;EACE,kBAAe;EACf,WAAW,qBACT,8BAA8B,EAAE,KAAK,CAAC,GACtC,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,MAAD,EAAM,QAAQ,oBAAC,eAAD,CAAgB,CAAA,EAAI,CAAA;CACR,CAAA;AAEhC;AAEA,sBAAsB,cAAc"}