@accreditation/ui 1.0.0

package/dist/components/molecules/select/components/select.mjs

@@ -0,0 +1,266 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { selectTriggerIconClasses, selectTriggerBaseClasses, selectTriggerSizeClasses, selectTriggerStatusClasses, selectViewportBaseClasses, selectViewportPopperClasses, selectContentBaseClasses, selectContentPopperClasses, selectLabelClasses, selectItemIndicatorWrapperClasses, selectItemIndicatorIconClasses, selectItemDescriptionClasses, selectItemBaseClasses, selectSeparatorClasses, selectScrollButtonClasses, selectFieldLabelClasses, selectFieldRequiredClasses, selectFieldHintClasses } from '../variants';
+
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+Select.displayName = "Select";
+function SelectGroup(props) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+SelectGroup.displayName = "Select.Group";
+function SelectValue(props) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+SelectValue.displayName = "Select.Value";
+function SelectTrigger({
+  className,
+  size = "md",
+  status = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        selectTriggerBaseClasses,
+        // Tamanho via data attribute
+        selectTriggerSizeClasses[size],
+        // Status — sobrescreve a borda padrão
+        selectTriggerStatusClasses[status],
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: selectTriggerIconClasses }) })
+      ]
+    }
+  );
+}
+SelectTrigger.displayName = "Select.Trigger";
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        selectContentBaseClasses,
+        position === "popper" && selectContentPopperClasses,
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              selectViewportBaseClasses,
+              position === "popper" && selectViewportPopperClasses
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+SelectContent.displayName = "Select.Content";
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn(selectLabelClasses, className),
+      ...props
+    }
+  );
+}
+SelectLabel.displayName = "Select.Label";
+function SelectItem({
+  className,
+  children,
+  prefix,
+  description,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(selectItemBaseClasses, description && "items-start py-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: selectItemIndicatorWrapperClasses, children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: selectItemIndicatorIconClasses }) }) }),
+        prefix && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": true, children: prefix }),
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
+          description && /* @__PURE__ */ jsx("span", { className: selectItemDescriptionClasses, children: description })
+        ] })
+      ]
+    }
+  );
+}
+SelectItem.displayName = "Select.Item";
+function SelectSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn(selectSeparatorClasses, className),
+      ...props
+    }
+  );
+}
+SelectSeparator.displayName = "Select.Separator";
+function SelectScrollUpButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(selectScrollButtonClasses, className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+SelectScrollUpButton.displayName = "Select.ScrollUpButton";
+function SelectScrollDownButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(selectScrollButtonClasses, className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+SelectScrollDownButton.displayName = "Select.ScrollDownButton";
+function isGrouped(options) {
+  return options.length > 0 && options[0] !== void 0 && "options" in options[0];
+}
+function SelectField({
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Selecione...",
+  disabled = false,
+  required = false,
+  size = "md",
+  status = "default",
+  fullWidth = true,
+  label,
+  hint,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  className
+}) {
+  const uid = React.useId();
+  const triggerId = id ?? uid;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1.5",
+        fullWidth ? "w-full" : "w-fit",
+        className
+      ),
+      children: [
+        label && /* @__PURE__ */ jsxs("label", { htmlFor: triggerId, className: selectFieldLabelClasses, children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: selectFieldRequiredClasses, "aria-hidden": true, children: " *" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value,
+            defaultValue,
+            onValueChange,
+            disabled,
+            name,
+            required,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  id: triggerId,
+                  size,
+                  status,
+                  "aria-label": !label ? ariaLabel ?? placeholder : void 0,
+                  className: fullWidth ? "w-full" : void 0,
+                  children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: isGrouped(options) ? (
+                // ── Opções agrupadas ──────────────────────────────────────────
+                options.map((group, gi) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                  gi > 0 && /* @__PURE__ */ jsx(SelectSeparator, {}),
+                  /* @__PURE__ */ jsxs(SelectGroup, { children: [
+                    /* @__PURE__ */ jsx(SelectLabel, { children: group.label }),
+                    group.options.map((opt) => /* @__PURE__ */ jsx(
+                      SelectItem,
+                      {
+                        value: opt.value,
+                        disabled: opt.disabled,
+                        prefix: opt.prefix,
+                        description: opt.description,
+                        children: opt.label
+                      },
+                      opt.value
+                    ))
+                  ] })
+                ] }, group.label))
+              ) : (
+                // ── Opções planas ─────────────────────────────────────────────
+                options.map((opt) => /* @__PURE__ */ jsx(
+                  SelectItem,
+                  {
+                    value: opt.value,
+                    disabled: opt.disabled,
+                    prefix: opt.prefix,
+                    description: opt.description,
+                    children: opt.label
+                  },
+                  opt.value
+                ))
+              ) })
+            ]
+          }
+        ),
+        hint && /* @__PURE__ */ jsx("span", { className: selectFieldHintClasses[status], children: hint })
+      ]
+    }
+  );
+}
+SelectField.displayName = "SelectField";
+const SelectNamespace = Object.assign(Select, {
+  Group: SelectGroup,
+  Value: SelectValue,
+  Trigger: SelectTrigger,
+  Content: SelectContent,
+  Label: SelectLabel,
+  Item: SelectItem,
+  Separator: SelectSeparator,
+  ScrollUpButton: SelectScrollUpButton,
+  ScrollDownButton: SelectScrollDownButton
+});
+
+export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectNamespace, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/molecules/select/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components/select";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/select/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var select = require('./components/select');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(select).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return select[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/select/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/select';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/select/select.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/select";
+//# sourceMappingURL=select.d.ts.map

package/dist/components/molecules/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/select.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/components/molecules/select/select.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var select = require('./components/select');
+
+
+
+Object.keys(select).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return select[k]; }
+	});
+});

package/dist/components/molecules/select/select.mjs

@@ -0,0 +1 @@
+export * from './components/select';

package/dist/components/molecules/select/types.d.ts

@@ -0,0 +1,64 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+export type SelectSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type SelectStatus = "default" | "error" | "warning" | "success";
+export type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
+export type SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>;
+export type SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>;
+export type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    /**
+     * Tamanho do trigger — alinhado com InputSize.
+     * xs=h-7 | sm=h-8 | md=h-9 | lg=h-10 | xl=h-12
+     * @default "md"
+     */
+    size?: SelectSize;
+    /**
+     * Estado de validação visual — aplica borda colorida igual ao Input.
+     * @default "default"
+     */
+    status?: SelectStatus;
+};
+export type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content>;
+export type SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>;
+export type SelectItemProps = Omit<React.ComponentProps<typeof SelectPrimitive.Item>, "prefix"> & {
+    /** Elemento exibido à esquerda do label (ícone, avatar, cor, etc.). */
+    prefix?: React.ReactNode;
+    /** Descrição secundária exibida abaixo do label. */
+    description?: string;
+};
+export type SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>;
+export type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+export type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+export interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    prefix?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SelectOptionGroup {
+    label: string;
+    options: SelectOption[];
+}
+export interface SelectFieldProps {
+    /** Opções planas ou agrupadas. */
+    options: SelectOption[] | SelectOptionGroup[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    size?: SelectSize;
+    status?: SelectStatus;
+    /** Ocupa 100% da largura do container. @default true */
+    fullWidth?: boolean;
+    label?: string;
+    /** Texto auxiliar abaixo do trigger. */
+    hint?: string;
+    id?: string;
+    name?: string;
+    "aria-label"?: string;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/types.ts"],"names":[],"mappings":"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"}

package/dist/components/molecules/select/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/select/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/select/variants.d.ts

@@ -0,0 +1,36 @@
+import type { SelectSize, SelectStatus } from "./types";
+/**
+ * Base do trigger — flat, sem rounded, tokens do DS.
+ * Altura controlada por data-[size=*] para evitar conflito com classes utilitárias.
+ * Mesma estrutura do Input.Root: border-input, focus-within ring, transition.
+ */
+export declare const selectTriggerBaseClasses: string;
+/** Alturas por tamanho — via data attribute para não conflitar com h-* externo. */
+export declare const selectTriggerSizeClasses: Record<SelectSize, string>;
+/**
+ * Bordas por status — espelha getInputBorderByStatus do Input.
+ * Aplicadas no trigger via className condicional.
+ */
+export declare const selectTriggerStatusClasses: Record<SelectStatus, string>;
+/** Ícone chevron no trigger. */
+export declare const selectTriggerIconClasses = "size-4 shrink-0 opacity-50";
+/**
+ * rounded-md — padrão dos floating elements do DS (Dropdown, Popover).
+ * O trigger é flat, o floating tem curvatura leve — distinção funcional.
+ */
+export declare const selectContentBaseClasses: string;
+export declare const selectContentPopperClasses = "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1";
+export declare const selectViewportBaseClasses = "p-1";
+export declare const selectViewportPopperClasses = "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1";
+export declare const selectLabelClasses = "px-2 py-1.5 text-xs font-medium text-muted-foreground";
+export declare const selectItemBaseClasses: string;
+export declare const selectItemIndicatorWrapperClasses = "absolute right-2 flex size-3.5 items-center justify-center";
+export declare const selectItemIndicatorIconClasses = "size-3.5";
+/** Descrição secundária abaixo do label do item. */
+export declare const selectItemDescriptionClasses = "text-xs text-muted-foreground leading-tight";
+export declare const selectSeparatorClasses = "pointer-events-none -mx-1 my-1 h-px bg-border";
+export declare const selectScrollButtonClasses = "flex cursor-default items-center justify-center py-1 text-muted-foreground";
+export declare const selectFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+export declare const selectFieldRequiredClasses = "ml-0.5 text-destructive";
+export declare const selectFieldHintClasses: Record<SelectStatus, string>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/select/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/select/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAIxD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,QA4B1B,CAAC;AAEZ,mFAAmF;AACnF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAM/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAQnE,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,wBAAwB,+BAA+B,CAAC;AAIrE;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAa1B,CAAC;AAEZ,eAAO,MAAM,0BAA0B,oIAC4F,CAAC;AAEpI,eAAO,MAAM,yBAAyB,QAAQ,CAAC;AAE/C,eAAO,MAAM,2BAA2B,wGAC+D,CAAC;AAIxG,eAAO,MAAM,kBAAkB,0DAC0B,CAAC;AAI1D,eAAO,MAAM,qBAAqB,QAQvB,CAAC;AAEZ,eAAO,MAAM,iCAAiC,+DACgB,CAAC;AAE/D,eAAO,MAAM,8BAA8B,aAAa,CAAC;AAEzD,oDAAoD;AACpD,eAAO,MAAM,4BAA4B,gDACM,CAAC;AAIhD,eAAO,MAAM,sBAAsB,kDACc,CAAC;AAIlD,eAAO,MAAM,yBAAyB,+EACwC,CAAC;AAI/E,eAAO,MAAM,uBAAuB,qDACgB,CAAC;AAErD,eAAO,MAAM,0BAA0B,4BACZ,CAAC;AAE5B,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK/D,CAAC"}

package/dist/components/molecules/select/variants.js

@@ -0,0 +1,104 @@
+'use strict';
+
+const selectTriggerBaseClasses = [
+  // Layout
+  "relative flex w-fit items-center justify-between gap-2 whitespace-nowrap",
+  // Visual flat — mesmos tokens do Input.Root
+  "rounded-none border border-input bg-background px-3",
+  // Texto
+  "text-sm text-foreground",
+  // Placeholder via data attribute do Radix
+  "data-[placeholder]:text-muted-foreground",
+  // Focus ring — idêntico ao Input.Root
+  "outline-none transition-[border-color,box-shadow] duration-150",
+  "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+  // Aria invalid — integração com RHF/Formik sem status prop
+  "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+  "dark:aria-invalid:ring-destructive/40",
+  // Dark mode input bg
+  "dark:bg-input/30 dark:hover:bg-input/50",
+  // Disabled
+  "disabled:cursor-not-allowed disabled:opacity-50",
+  // SVG icon (ChevronDown)
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "[&_svg:not([class*='size-'])]:size-4",
+  "[&_svg:not([class*='text-'])]:text-muted-foreground",
+  // SelectValue slot
+  "*:data-[slot=select-value]:line-clamp-1",
+  "*:data-[slot=select-value]:flex",
+  "*:data-[slot=select-value]:items-center",
+  "*:data-[slot=select-value]:gap-2"
+].join(" ");
+const selectTriggerSizeClasses = {
+  xs: "data-[size=xs]:h-7  data-[size=xs]:text-xs  data-[size=xs]:px-2",
+  sm: "data-[size=sm]:h-8  data-[size=sm]:text-xs",
+  md: "data-[size=md]:h-9  data-[size=md]:text-sm",
+  lg: "data-[size=lg]:h-10 data-[size=lg]:text-sm",
+  xl: "data-[size=xl]:h-12 data-[size=xl]:text-base data-[size=xl]:px-4"
+};
+const selectTriggerStatusClasses = {
+  default: "",
+  error: "border-destructive ring-destructive/20 focus-visible:border-destructive focus-visible:ring-destructive/30",
+  warning: "border-warning ring-warning/20 focus-visible:border-warning focus-visible:ring-warning/30",
+  success: "border-success ring-success/20 focus-visible:border-success focus-visible:ring-success/30"
+};
+const selectTriggerIconClasses = "size-4 shrink-0 opacity-50";
+const selectContentBaseClasses = [
+  // Posicionamento
+  "relative z-50 overflow-x-hidden overflow-y-auto",
+  "min-w-[8rem] max-h-(--radix-select-content-available-height)",
+  "origin-(--radix-select-content-transform-origin)",
+  // Visual — floating element
+  "rounded-md border bg-popover text-popover-foreground shadow-md",
+  // Animações Radix
+  "data-[state=open]:animate-in data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+  "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+].join(" ");
+const selectContentPopperClasses = "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1";
+const selectViewportBaseClasses = "p-1";
+const selectViewportPopperClasses = "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1";
+const selectLabelClasses = "px-2 py-1.5 text-xs font-medium text-muted-foreground";
+const selectItemBaseClasses = [
+  "relative flex w-full cursor-default select-none items-center gap-2",
+  "rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none",
+  "focus:bg-accent focus:text-accent-foreground",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "[&_svg:not([class*='size-'])]:size-4",
+  "[&_svg:not([class*='text-'])]:text-muted-foreground"
+].join(" ");
+const selectItemIndicatorWrapperClasses = "absolute right-2 flex size-3.5 items-center justify-center";
+const selectItemIndicatorIconClasses = "size-3.5";
+const selectItemDescriptionClasses = "text-xs text-muted-foreground leading-tight";
+const selectSeparatorClasses = "pointer-events-none -mx-1 my-1 h-px bg-border";
+const selectScrollButtonClasses = "flex cursor-default items-center justify-center py-1 text-muted-foreground";
+const selectFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+const selectFieldRequiredClasses = "ml-0.5 text-destructive";
+const selectFieldHintClasses = {
+  default: "text-xs text-muted-foreground",
+  error: "text-xs text-destructive",
+  warning: "text-xs text-warning",
+  success: "text-xs text-success"
+};
+
+exports.selectContentBaseClasses = selectContentBaseClasses;
+exports.selectContentPopperClasses = selectContentPopperClasses;
+exports.selectFieldHintClasses = selectFieldHintClasses;
+exports.selectFieldLabelClasses = selectFieldLabelClasses;
+exports.selectFieldRequiredClasses = selectFieldRequiredClasses;
+exports.selectItemBaseClasses = selectItemBaseClasses;
+exports.selectItemDescriptionClasses = selectItemDescriptionClasses;
+exports.selectItemIndicatorIconClasses = selectItemIndicatorIconClasses;
+exports.selectItemIndicatorWrapperClasses = selectItemIndicatorWrapperClasses;
+exports.selectLabelClasses = selectLabelClasses;
+exports.selectScrollButtonClasses = selectScrollButtonClasses;
+exports.selectSeparatorClasses = selectSeparatorClasses;
+exports.selectTriggerBaseClasses = selectTriggerBaseClasses;
+exports.selectTriggerIconClasses = selectTriggerIconClasses;
+exports.selectTriggerSizeClasses = selectTriggerSizeClasses;
+exports.selectTriggerStatusClasses = selectTriggerStatusClasses;
+exports.selectViewportBaseClasses = selectViewportBaseClasses;
+exports.selectViewportPopperClasses = selectViewportPopperClasses;

package/dist/components/molecules/select/variants.mjs

@@ -0,0 +1,85 @@
+const selectTriggerBaseClasses = [
+  // Layout
+  "relative flex w-fit items-center justify-between gap-2 whitespace-nowrap",
+  // Visual flat — mesmos tokens do Input.Root
+  "rounded-none border border-input bg-background px-3",
+  // Texto
+  "text-sm text-foreground",
+  // Placeholder via data attribute do Radix
+  "data-[placeholder]:text-muted-foreground",
+  // Focus ring — idêntico ao Input.Root
+  "outline-none transition-[border-color,box-shadow] duration-150",
+  "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+  // Aria invalid — integração com RHF/Formik sem status prop
+  "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+  "dark:aria-invalid:ring-destructive/40",
+  // Dark mode input bg
+  "dark:bg-input/30 dark:hover:bg-input/50",
+  // Disabled
+  "disabled:cursor-not-allowed disabled:opacity-50",
+  // SVG icon (ChevronDown)
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "[&_svg:not([class*='size-'])]:size-4",
+  "[&_svg:not([class*='text-'])]:text-muted-foreground",
+  // SelectValue slot
+  "*:data-[slot=select-value]:line-clamp-1",
+  "*:data-[slot=select-value]:flex",
+  "*:data-[slot=select-value]:items-center",
+  "*:data-[slot=select-value]:gap-2"
+].join(" ");
+const selectTriggerSizeClasses = {
+  xs: "data-[size=xs]:h-7  data-[size=xs]:text-xs  data-[size=xs]:px-2",
+  sm: "data-[size=sm]:h-8  data-[size=sm]:text-xs",
+  md: "data-[size=md]:h-9  data-[size=md]:text-sm",
+  lg: "data-[size=lg]:h-10 data-[size=lg]:text-sm",
+  xl: "data-[size=xl]:h-12 data-[size=xl]:text-base data-[size=xl]:px-4"
+};
+const selectTriggerStatusClasses = {
+  default: "",
+  error: "border-destructive ring-destructive/20 focus-visible:border-destructive focus-visible:ring-destructive/30",
+  warning: "border-warning ring-warning/20 focus-visible:border-warning focus-visible:ring-warning/30",
+  success: "border-success ring-success/20 focus-visible:border-success focus-visible:ring-success/30"
+};
+const selectTriggerIconClasses = "size-4 shrink-0 opacity-50";
+const selectContentBaseClasses = [
+  // Posicionamento
+  "relative z-50 overflow-x-hidden overflow-y-auto",
+  "min-w-[8rem] max-h-(--radix-select-content-available-height)",
+  "origin-(--radix-select-content-transform-origin)",
+  // Visual — floating element
+  "rounded-md border bg-popover text-popover-foreground shadow-md",
+  // Animações Radix
+  "data-[state=open]:animate-in data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+  "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+].join(" ");
+const selectContentPopperClasses = "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1";
+const selectViewportBaseClasses = "p-1";
+const selectViewportPopperClasses = "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1";
+const selectLabelClasses = "px-2 py-1.5 text-xs font-medium text-muted-foreground";
+const selectItemBaseClasses = [
+  "relative flex w-full cursor-default select-none items-center gap-2",
+  "rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none",
+  "focus:bg-accent focus:text-accent-foreground",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "[&_svg:not([class*='size-'])]:size-4",
+  "[&_svg:not([class*='text-'])]:text-muted-foreground"
+].join(" ");
+const selectItemIndicatorWrapperClasses = "absolute right-2 flex size-3.5 items-center justify-center";
+const selectItemIndicatorIconClasses = "size-3.5";
+const selectItemDescriptionClasses = "text-xs text-muted-foreground leading-tight";
+const selectSeparatorClasses = "pointer-events-none -mx-1 my-1 h-px bg-border";
+const selectScrollButtonClasses = "flex cursor-default items-center justify-center py-1 text-muted-foreground";
+const selectFieldLabelClasses = "text-sm font-medium text-foreground leading-none";
+const selectFieldRequiredClasses = "ml-0.5 text-destructive";
+const selectFieldHintClasses = {
+  default: "text-xs text-muted-foreground",
+  error: "text-xs text-destructive",
+  warning: "text-xs text-warning",
+  success: "text-xs text-success"
+};
+
+export { selectContentBaseClasses, selectContentPopperClasses, selectFieldHintClasses, selectFieldLabelClasses, selectFieldRequiredClasses, selectItemBaseClasses, selectItemDescriptionClasses, selectItemIndicatorIconClasses, selectItemIndicatorWrapperClasses, selectLabelClasses, selectScrollButtonClasses, selectSeparatorClasses, selectTriggerBaseClasses, selectTriggerIconClasses, selectTriggerSizeClasses, selectTriggerStatusClasses, selectViewportBaseClasses, selectViewportPopperClasses };