@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,36 @@
+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-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página.
+*
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
+* de `overlays`).
+*/
+const SelectBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Backdrop, {
+		"data-component": "Select.Backdrop",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"min-h-dvh",
+			"supports-[-webkit-touch-callout:none]:absolute",
+			"bg-black/40",
+			"not-motion-reduced:transition-opacity",
+			"not-motion-reduced:ease-enter",
+			"not-motion-reduced:duration-150",
+			"not-motion-reduced:data-ending-style:duration-100",
+			"not-motion-reduced:data-ending-style:ease-exit",
+			"data-ending-style:opacity-0",
+			"data-starting-style:opacity-0"
+		], className),
+		...rest
+	});
+};
+SelectBackdrop.displayName = "Select.Backdrop";
+//#endregion
+export { SelectBackdrop };
+
+//# sourceMappingURL=select-backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-backdrop.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-backdrop.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectBackdropProps = BaseSelect.Backdrop.Props;\n\nexport type SelectBackdropState = BaseSelect.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README\n * de `overlays`).\n */\nexport const SelectBackdrop = (props: SelectBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Backdrop\n      data-component=\"Select.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-150',\n          'not-motion-reduced:data-ending-style:duration-100',\n          'not-motion-reduced:data-ending-style:ease-exit',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectBackdrop.displayName = 'Select.Backdrop';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

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

@@ -0,0 +1,19 @@
+import { SelectVariants } from "./use-select-context.js";
+import React from "react";
+//#region src/components/collections/select/select-context.d.ts
+export type SelectContextProps = {
+  /**
+   * Função que recebe as variantes do Select e devolve o conteúdo a renderizar.
+   */
+  children: (context: SelectVariants) => React.ReactNode;
+};
+/**
+ * Expõe as variantes do Select (`size` e `variant`) por render prop, para montar uma parte customizada no
+ * mesmo tamanho das outras.
+ */
+export declare const SelectContext: {
+  (props: SelectContextProps): React.ReactNode;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-context.tsx"],"mappings":";;;YAGY;;;;EAIV,WAAW,SAAS,mBAAmB,MAAM;;;;;;qBAOlC;GAAwB,OAAA,qBAAkB,MAAA"}

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

@@ -0,0 +1,12 @@
+import { useSelectContext } from "./use-select-context.js";
+//#region src/components/collections/select/select-context.tsx
+/**
+* Expõe as variantes do Select (`size` e `variant`) por render prop, para montar uma parte customizada no
+* mesmo tamanho das outras.
+*/
+const SelectContext = (props) => props.children(useSelectContext());
+SelectContext.displayName = "Select.Context";
+//#endregion
+export { SelectContext };
+
+//# sourceMappingURL=select-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.js","names":[],"sources":["../../../../src/components/collections/select/select-context.tsx"],"sourcesContent":["import type React from 'react';\nimport { type SelectVariants, useSelectContext } from './use-select-context';\n\nexport type SelectContextProps = {\n  /**\n   * Função que recebe as variantes do Select e devolve o conteúdo a renderizar.\n   */\n  children: (context: SelectVariants) => React.ReactNode;\n};\n\n/**\n * Expõe as variantes do Select (`size` e `variant`) por render prop, para montar uma parte customizada no\n * mesmo tamanho das outras.\n */\nexport const SelectContext = (props: SelectContextProps) =>\n  props.children(useSelectContext());\n\nSelectContext.displayName = 'Select.Context';\n"],"mappings":";;;;;;AAcA,MAAa,iBAAiB,UAC5B,MAAM,SAAS,iBAAiB,CAAC;AAEnC,cAAc,cAAc"}

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

@@ -0,0 +1,14 @@
+//#region src/components/collections/select/select-group-label-variants.d.ts
+/**
+ * Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` copia estas classes (tabela
+ * no README de `collections`).
+ *
+ * O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
+ * gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede
+ * recalcular este valor.
+ */
+export declare const selectGroupLabelVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=select-group-label-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-group-label-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-group-label-variants.ts"],"mappings":";;;;;;;;;qBAWa,2BAAwB;;6CAqEpC"}

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

@@ -0,0 +1,67 @@
+import { selectDefaultVariants } from "./use-select-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/select/select-group-label-variants.ts
+/**
+* Origem do rótulo de grupo das listas em popup: o `Menu.GroupLabel` copia estas classes (tabela
+* no README de `collections`).
+*
+* O recuo inicial de cada `size` é o recuo do texto do `Select.Item` (padding + coluna do check +
+* gap), para o rótulo alinhar com o texto dos itens do grupo. Mudar o espaçamento do item pede
+* recalcular este valor.
+*/
+const selectGroupLabelVariants = cva([
+	"sticky",
+	"top-0",
+	"z-1",
+	"bg-white",
+	"dark:bg-gray-2",
+	"pt-2",
+	"pb-1",
+	"text-gray-11",
+	"font-bold",
+	"uppercase",
+	"tracking-wider"
+], {
+	variants: { size: {
+		"2xs": [
+			"ps-6",
+			"pe-2",
+			"text-[0.6875rem]"
+		],
+		xs: [
+			"ps-6",
+			"pe-2",
+			"text-[0.6875rem]"
+		],
+		sm: [
+			"ps-8",
+			"pe-2.5",
+			"text-[0.6875rem]"
+		],
+		md: [
+			"ps-8.5",
+			"pe-3",
+			"text-[0.6875rem]"
+		],
+		lg: [
+			"ps-11",
+			"pe-4",
+			"text-[0.8125rem]"
+		],
+		xl: [
+			"ps-11.5",
+			"pe-4.5",
+			"text-[0.8125rem]"
+		],
+		"2xl": [
+			"ps-12.5",
+			"pe-5",
+			"text-sm"
+		]
+	} },
+	defaultVariants: { size: selectDefaultVariants.size }
+});
+//#endregion
+export { selectGroupLabelVariants };
+
+//# sourceMappingURL=select-group-label-variants.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-group-label.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-group-label.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\nimport { selectGroupLabelVariants } from './select-group-label-variants';\nimport { useSelectContext } from './use-select-context';\n\nexport type SelectGroupLabelProps = BaseSelect.GroupLabel.Props;\n\nexport type SelectGroupLabelState = BaseSelect.GroupLabel.State;\n\n/**\n * Rótulo do grupo, grudado no topo da lista enquanto o grupo rola.\n */\nexport const SelectGroupLabel = (props: SelectGroupLabelProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useSelectContext();\n\n  return (\n    <BaseSelect.GroupLabel\n      data-component=\"Select.GroupLabel\"\n      className={mergeStateClassNames(\n        selectGroupLabelVariants({ size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectGroupLabel.displayName = 'Select.GroupLabel';\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,YAAZ;EACE,kBAAe;EACf,WAAW,qBACT,yBAAyB,EAAE,KAAK,CAAC,GACjC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-group.d.ts
+export type SelectGroupProps = Select.Group.Props;
+export type SelectGroupState = Select.Group.State;
+/**
+ * Agrupa itens relacionados. Nomeie o grupo com `Select.GroupLabel`.
+ */
+export declare const SelectGroup: {
+  (props: SelectGroupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-group.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+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-group.tsx
+/**
+* Agrupa itens relacionados. Nomeie o grupo com `Select.GroupLabel`.
+*/
+const SelectGroup = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Group, {
+		"data-component": "Select.Group",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+SelectGroup.displayName = "Select.Group";
+//#endregion
+export { SelectGroup };
+
+//# sourceMappingURL=select-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-group.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-group.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectGroupProps = BaseSelect.Group.Props;\n\nexport type SelectGroupState = BaseSelect.Group.State;\n\n/**\n * Agrupa itens relacionados. Nomeie o grupo com `Select.GroupLabel`.\n */\nexport const SelectGroup = (props: SelectGroupProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Group\n      data-component=\"Select.Group\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nSelectGroup.displayName = 'Select.Group';\n"],"mappings":";;;;;;;AAUA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-icon.d.ts
+export type SelectIconProps = Select.Icon.Props;
+export type SelectIconState = Select.Icon.State;
+/**
+ * Ícone de abrir ao lado do valor, dentro do trigger. Troque o ícone com `render`.
+ */
+export declare const SelectIcon: {
+  (props: SelectIconProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-icon.d.ts.map

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

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

package/dist/components/collections/select/select-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 { CaretUpDownIcon } from "@phosphor-icons/react";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-icon.tsx
+/**
+* Ícone de abrir ao lado do valor, dentro do trigger. Troque o ícone com `render`.
+*/
+const SelectIcon = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		"data-component": "Select.Icon",
+		className: mergeStateClassNames(["text-gray-11"], className),
+		render: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CaretUpDownIcon, {}) }),
+		...rest
+	});
+};
+SelectIcon.displayName = "Select.Icon";
+//#endregion
+export { SelectIcon };
+
+//# sourceMappingURL=select-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-icon.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-icon.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { CaretUpDownIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectIconProps = BaseSelect.Icon.Props;\n\nexport type SelectIconState = BaseSelect.Icon.State;\n\n/**\n * Ícone de abrir ao lado do valor, dentro do trigger. Troque o ícone com `render`.\n */\nexport const SelectIcon = (props: SelectIconProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.Icon\n      data-component=\"Select.Icon\"\n      className={mergeStateClassNames(['text-gray-11'], className)}\n      render={<Icon render={<CaretUpDownIcon />} />}\n      {...rest}\n    />\n  );\n};\n\nSelectIcon.displayName = 'Select.Icon';\n"],"mappings":";;;;;;;;;AAYA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,MAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,cAAc,GAAG,SAAS;EAC3D,QAAQ,oBAAC,MAAD,EAAM,QAAQ,oBAAC,iBAAD,CAAkB,CAAA,EAAI,CAAA;EAC5C,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-item-indicator.d.ts
+export type SelectItemIndicatorProps = Select.ItemIndicator.Props;
+export type SelectItemIndicatorState = Select.ItemIndicator.State;
+/**
+ * Check do item selecionado. Só existe no DOM quando o item está selecionado.
+ */
+export declare const SelectItemIndicator: {
+  (props: SelectItemIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-item-indicator.d.ts.map

package/dist/components/collections/select/select-item-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-indicator.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-indicator.tsx"],"mappings":";;YAKY,2BAA2BA,OAAW,cAAc;YAEpD,2BAA2BA,OAAW,cAAc;;;;qBAKnD;GAA8B,OAAA,2CAAwB,IAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "@phosphor-icons/react";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-item-indicator.tsx
+/**
+* Check do item selecionado. Só existe no DOM quando o item está selecionado.
+*/
+const SelectItemIndicator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		"data-component": "Select.ItemIndicator",
+		className: mergeStateClassNames([
+			"shrink-0",
+			"col-start-1",
+			"mt-[calc((1lh-1em)/2)]"
+		], className),
+		render: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+		...rest
+	});
+};
+SelectItemIndicator.displayName = "Select.ItemIndicator";
+//#endregion
+export { SelectItemIndicator };
+
+//# sourceMappingURL=select-item-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-indicator.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-indicator.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { CheckIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectItemIndicatorProps = BaseSelect.ItemIndicator.Props;\n\nexport type SelectItemIndicatorState = BaseSelect.ItemIndicator.State;\n\n/**\n * Check do item selecionado. Só existe no DOM quando o item está selecionado.\n */\nexport const SelectItemIndicator = (props: SelectItemIndicatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.ItemIndicator\n      data-component=\"Select.ItemIndicator\"\n      className={mergeStateClassNames(\n        [\n          'shrink-0',\n          'col-start-1',\n          // O ícone mede `1em`: centraliza na primeira linha do texto, que pode quebrar.\n          'mt-[calc((1lh-1em)/2)]',\n        ],\n        className,\n      )}\n      render={<Icon render={<CheckIcon />} />}\n      {...rest}\n    />\n  );\n};\n\nSelectItemIndicator.displayName = 'Select.ItemIndicator';\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,eAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;EACF,GACA,SACF;EACA,QAAQ,oBAAC,MAAD,EAAM,QAAQ,oBAAC,WAAD,CAAY,CAAA,EAAI,CAAA;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,oBAAoB,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-item-text.d.ts
+export type SelectItemTextProps = Select.ItemText.Props;
+export type SelectItemTextState = Select.ItemText.State;
+/**
+ * Texto do item, na segunda coluna, ao lado do `Select.ItemIndicator`. Texto longo quebra a linha
+ * e aparece inteiro, até uma palavra sem espaço (um e-mail, uma URL).
+ */
+export declare const SelectItemText: {
+  (props: SelectItemTextProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-item-text.d.ts.map

package/dist/components/collections/select/select-item-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-text.d.ts","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-text.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;qBAMzC;GAAyB,OAAA,sCAAmB,IAAA"}

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

@@ -0,0 +1,25 @@
+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-item-text.tsx
+/**
+* Texto do item, na segunda coluna, ao lado do `Select.ItemIndicator`. Texto longo quebra a linha
+* e aparece inteiro, até uma palavra sem espaço (um e-mail, uma URL).
+*/
+const SelectItemText = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		"data-component": "Select.ItemText",
+		className: mergeStateClassNames([
+			"col-start-2",
+			"min-w-0",
+			"wrap-break-word"
+		], className),
+		...rest
+	});
+};
+SelectItemText.displayName = "Select.ItemText";
+//#endregion
+export { SelectItemText };
+
+//# sourceMappingURL=select-item-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-text.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item-text.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\n\nexport type SelectItemTextProps = BaseSelect.ItemText.Props;\n\nexport type SelectItemTextState = BaseSelect.ItemText.State;\n\n/**\n * Texto do item, na segunda coluna, ao lado do `Select.ItemIndicator`. Texto longo quebra a linha\n * e aparece inteiro, até uma palavra sem espaço (um e-mail, uma URL).\n */\nexport const SelectItemText = (props: SelectItemTextProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSelect.ItemText\n      data-component=\"Select.ItemText\"\n      className={mergeStateClassNames(\n        ['col-start-2', 'min-w-0', 'wrap-break-word'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nSelectItemText.displayName = 'Select.ItemText';\n"],"mappings":";;;;;;;;AAWA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAe;GAAW;EAAiB,GAC5C,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

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

@@ -0,0 +1,14 @@
+//#region src/components/collections/select/select-item-variants.d.ts
+/**
+ * Origem do item das listas em popup: o `Menu.Item` copia estas classes (tabela no README de
+ * `collections`). Uma mudança aqui vale para a cópia na mesma rodada.
+ *
+ * O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
+ * `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a
+ * área de clique indo até a borda.
+ */
+export declare const selectItemVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=select-item-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-variants.d.ts","names":[],"sources":["../../../../src/components/collections/select/select-item-variants.ts"],"mappings":";;;;;;;;;qBAWa,qBAAkB;;6CA+G9B"}

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

@@ -0,0 +1,94 @@
+import { selectDefaultVariants } from "./use-select-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/collections/select/select-item-variants.ts
+/**
+* Origem do item das listas em popup: o `Menu.Item` copia estas classes (tabela no README de
+* `collections`). Uma mudança aqui vale para a cópia na mesma rodada.
+*
+* O realce é um `::before` recuado 4px das laterais, atrás do texto (`z-[-1]`, com o item em
+* `z-0`): o fundo não encosta na borda do popup, e o item continua com a largura toda, com a
+* área de clique indo até a borda.
+*/
+const selectItemVariants = cva([
+	"grid",
+	"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-[\"\"]",
+	"[@media(hover:hover)]:data-highlighted:before:bg-gray-4"
+], {
+	variants: { size: {
+		"2xs": [
+			"grid-cols-[0.75rem_1fr]",
+			"px-2",
+			"gap-1",
+			"py-1",
+			"pointer-coarse:py-2.5",
+			"text-xs"
+		],
+		xs: [
+			"grid-cols-[0.75rem_1fr]",
+			"px-2",
+			"gap-1",
+			"py-1.25",
+			"pointer-coarse:py-2.5",
+			"text-xs"
+		],
+		sm: [
+			"grid-cols-[0.875rem_1fr]",
+			"px-2.5",
+			"gap-2",
+			"py-1.25",
+			"pointer-coarse:py-2.5",
+			"text-sm"
+		],
+		md: [
+			"grid-cols-[0.875rem_1fr]",
+			"px-3",
+			"gap-2",
+			"py-1.75",
+			"pointer-coarse:py-3",
+			"text-sm"
+		],
+		lg: [
+			"grid-cols-[1rem_1fr]",
+			"px-4",
+			"gap-3",
+			"py-1.75",
+			"pointer-coarse:py-3",
+			"text-base"
+		],
+		xl: [
+			"grid-cols-[1rem_1fr]",
+			"px-4.5",
+			"gap-3",
+			"py-2.25",
+			"pointer-coarse:py-4",
+			"text-base"
+		],
+		"2xl": [
+			"grid-cols-[1.125rem_1fr]",
+			"px-5",
+			"gap-3",
+			"py-3",
+			"pointer-coarse:py-5",
+			"text-lg"
+		]
+	} },
+	defaultVariants: { size: selectDefaultVariants.size }
+});
+//#endregion
+export { selectItemVariants };
+
+//# sourceMappingURL=select-item-variants.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-item.d.ts
+export type SelectItemProps = Select.Item.Props;
+export type SelectItemState = Select.Item.State;
+/**
+ * Opção da lista. O realce do item sob o ponteiro ou o teclado vem do `data-highlighted`.
+ */
+export declare const SelectItem: {
+  (props: SelectItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=select-item.d.ts.map

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

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

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

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useSelectContext } from "./use-select-context.js";
+import { selectItemVariants } from "./select-item-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/collections/select/select-item.tsx
+/**
+* Opção da lista. O realce do item sob o ponteiro ou o teclado vem do `data-highlighted`.
+*/
+const SelectItem = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useSelectContext();
+	return /* @__PURE__ */ jsx(Select.Item, {
+		"data-component": "Select.Item",
+		className: mergeStateClassNames(selectItemVariants({ size }), className),
+		...rest
+	});
+};
+SelectItem.displayName = "Select.Item";
+//#endregion
+export { SelectItem };
+
+//# sourceMappingURL=select-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.js","names":["BaseSelect"],"sources":["../../../../src/components/collections/select/select-item.tsx"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select';\nimport { mergeStateClassNames } from '#utils';\nimport { selectItemVariants } from './select-item-variants';\nimport { useSelectContext } from './use-select-context';\n\nexport type SelectItemProps = BaseSelect.Item.Props;\n\nexport type SelectItemState = BaseSelect.Item.State;\n\n/**\n * Opção da lista. O realce do item sob o ponteiro ou o teclado vem do `data-highlighted`.\n */\nexport const SelectItem = (props: SelectItemProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useSelectContext();\n\n  return (\n    <BaseSelect.Item\n      data-component=\"Select.Item\"\n      className={mergeStateClassNames(selectItemVariants({ size }), className)}\n      {...rest}\n    />\n  );\n};\n\nSelectItem.displayName = 'Select.Item';\n"],"mappings":";;;;;;;;;AAYA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,MAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,11 @@
+//#region src/components/collections/select/select-label-variants.d.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.
+ */
+export declare const selectLabelVariants: (props?: ({
+  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=select-label-variants.d.ts.map

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

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