@greatapps/common 1.1.169 → 1.1.173

package/dist/components/ui/form/DateRangePicker.mjs

@@ -1,92 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, forwardRef, useEffect } from "react";
-import { format } from "date-fns";
-import { Calendar as CalendarIcon } from "lucide-react";
-import { Calendar } from "./Calendar";
-import { Popover, PopoverContent, PopoverTrigger } from "../overlay/Popover";
-import { cn } from "../../../infra/utils/clsx";
-const isoParaDataLocal = (iso) => {
-  const [ano, mes, dia] = iso.split("-").map(Number);
-  return new Date(ano, mes - 1, dia);
-};
-const DateRangePicker = forwardRef(
-  ({ value, onChange, placeholder = "Selecione o per\xEDodo", className, disabled }, ref) => {
-    const [open, setOpen] = useState(false);
-    const [range, setRange] = useState(() => {
-      if (value?.from && value?.to) {
-        return {
-          from: isoParaDataLocal(value.from),
-          to: isoParaDataLocal(value.to)
-        };
-      }
-      return void 0;
-    });
-    useEffect(() => {
-      if (value?.from && value?.to) {
-        setRange({
-          from: isoParaDataLocal(value.from),
-          to: isoParaDataLocal(value.to)
-        });
-      } else {
-        setRange(void 0);
-      }
-    }, [value]);
-    const handleRangeSelect = (newRange) => {
-      setRange(newRange);
-      if (newRange?.from && newRange?.to) {
-        onChange?.({
-          from: format(newRange.from, "yyyy-MM-dd"),
-          to: format(newRange.to, "yyyy-MM-dd")
-        });
-      } else {
-        onChange?.(void 0);
-      }
-    };
-    const displayText = range?.from && range?.to ? `${format(range.from, "dd/MM/yyyy")} - ${format(range.to, "dd/MM/yyyy")}` : placeholder;
-    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          ref,
-          disabled,
-          className: cn(
-            "flex items-center gap-2 px-4 h-10 border rounded-lg transition-colors w-full justify-start",
-            "border-gray-200 hover:border-gray-400 focus-within:border-gray-950",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
-            className
-          ),
-          children: [
-            /* @__PURE__ */ jsx(CalendarIcon, { size: 20, className: "text-gray-400" }),
-            /* @__PURE__ */ jsx("span", { className: cn(
-              "paragraph-small-medium",
-              range?.from && range?.to ? "text-gray-950" : "text-gray-500"
-            ), children: displayText })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        PopoverContent,
-        {
-          className: "w-auto p-0 bg-white rounded-2xl shadow-md border border-gray-200",
-          align: "start",
-          sideOffset: 8,
-          children: /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(
-            Calendar,
-            {
-              mode: "range",
-              selected: range,
-              onSelect: handleRangeSelect,
-              numberOfMonths: 1
-            }
-          ) })
-        }
-      )
-    ] });
-  }
-);
-DateRangePicker.displayName = "DateRangePicker";
-export {
-  DateRangePicker
-};
-//# sourceMappingURL=DateRangePicker.mjs.map

package/dist/components/ui/form/DateRangePicker.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/DateRangePicker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, forwardRef, useEffect } from \"react\";\nimport { format } from \"date-fns\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport { DateRange } from \"react-day-picker\";\nimport { Calendar } from \"./Calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlay/Popover\";\nimport { cn } from \"../../../infra/utils/clsx\";\n\n// Converte string ISO (yyyy-MM-dd) para Date no fuso horário local\n// Evita bug de timezone onde new Date(\"2025-08-02\") interpreta como UTC\nconst isoParaDataLocal = (iso: string): Date => {\n  const [ano, mes, dia] = iso.split(\"-\").map(Number);\n  return new Date(ano, mes - 1, dia);\n};\n\ninterface DateRangePickerProps {\n  value?: { from: string; to: string };\n  onChange?: (range: { from: string; to: string } | undefined) => void;\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const DateRangePicker = forwardRef<HTMLButtonElement, DateRangePickerProps>(\n  ({ value, onChange, placeholder = \"Selecione o período\", className, disabled }, ref) => {\n    const [open, setOpen] = useState(false);\n    const [range, setRange] = useState<DateRange | undefined>(() => {\n      if (value?.from && value?.to) {\n        return {\n          from: isoParaDataLocal(value.from),\n          to: isoParaDataLocal(value.to)\n        };\n      }\n      return undefined;\n    });\n\n    useEffect(() => {\n      if (value?.from && value?.to) {\n        setRange({\n          from: isoParaDataLocal(value.from),\n          to: isoParaDataLocal(value.to)\n        });\n      } else {\n        setRange(undefined);\n      }\n    }, [value]);\n\n    const handleRangeSelect = (newRange: DateRange | undefined) => {\n      setRange(newRange);\n\n      if (newRange?.from && newRange?.to) {\n        onChange?.({\n          from: format(newRange.from, \"yyyy-MM-dd\"),\n          to: format(newRange.to, \"yyyy-MM-dd\")\n        });\n      } else {\n        onChange?.(undefined);\n      }\n    };\n\n    const displayText = range?.from && range?.to\n      ? `${format(range.from, \"dd/MM/yyyy\")} - ${format(range.to, \"dd/MM/yyyy\")}`\n      : placeholder;\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            ref={ref}\n            disabled={disabled}\n            className={cn(\n              \"flex items-center gap-2 px-4 h-10 border rounded-lg transition-colors w-full justify-start\",\n              \"border-gray-200 hover:border-gray-400 focus-within:border-gray-950\",\n              \"disabled:opacity-50 disabled:cursor-not-allowed\",\n              className\n            )}\n          >\n            <CalendarIcon size={20} className=\"text-gray-400\" />\n            <span className={cn(\n              \"paragraph-small-medium\",\n              range?.from && range?.to ? \"text-gray-950\" : \"text-gray-500\"\n            )}>\n              {displayText}\n            </span>\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-auto p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n          align=\"start\"\n          sideOffset={8}\n        >\n          <div className=\"p-3\">\n            <Calendar\n              mode=\"range\"\n              selected={range}\n              onSelect={handleRangeSelect}\n              numberOfMonths={1}\n            />\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"mappings":";AAqEU,SAUE,KAVF;AAnEV,SAAS,UAAU,YAAY,iBAAiB;AAChD,SAAS,cAAc;AACvB,SAAS,YAAY,oBAAoB;AAEzC,SAAS,gBAAgB;AACzB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,UAAU;AAInB,MAAM,mBAAmB,CAAC,QAAsB;AAC9C,QAAM,CAAC,KAAK,KAAK,GAAG,IAAI,IAAI,MAAM,GAAG,EAAE,IAAI,MAAM;AACjD,SAAO,IAAI,KAAK,KAAK,MAAM,GAAG,GAAG;AACnC;AAUO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,OAAO,UAAU,cAAc,0BAAuB,WAAW,SAAS,GAAG,QAAQ;AACtF,UAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAgC,MAAM;AAC9D,UAAI,OAAO,QAAQ,OAAO,IAAI;AAC5B,eAAO;AAAA,UACL,MAAM,iBAAiB,MAAM,IAAI;AAAA,UACjC,IAAI,iBAAiB,MAAM,EAAE;AAAA,QAC/B;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAED,cAAU,MAAM;AACd,UAAI,OAAO,QAAQ,OAAO,IAAI;AAC5B,iBAAS;AAAA,UACP,MAAM,iBAAiB,MAAM,IAAI;AAAA,UACjC,IAAI,iBAAiB,MAAM,EAAE;AAAA,QAC/B,CAAC;AAAA,MACH,OAAO;AACL,iBAAS,MAAS;AAAA,MACpB;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,oBAAoB,CAAC,aAAoC;AAC7D,eAAS,QAAQ;AAEjB,UAAI,UAAU,QAAQ,UAAU,IAAI;AAClC,mBAAW;AAAA,UACT,MAAM,OAAO,SAAS,MAAM,YAAY;AAAA,UACxC,IAAI,OAAO,SAAS,IAAI,YAAY;AAAA,QACtC,CAAC;AAAA,MACH,OAAO;AACL,mBAAW,MAAS;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,cAAc,OAAO,QAAQ,OAAO,KACtC,GAAG,OAAO,MAAM,MAAM,YAAY,CAAC,MAAM,OAAO,MAAM,IAAI,YAAY,CAAC,KACvE;AAEJ,WACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,gCAAC,gBAAa,MAAM,IAAI,WAAU,iBAAgB;AAAA,YAClD,oBAAC,UAAK,WAAW;AAAA,cACf;AAAA,cACA,OAAO,QAAQ,OAAO,KAAK,kBAAkB;AAAA,YAC/C,GACG,uBACH;AAAA;AAAA;AAAA,MACF,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAM;AAAA,UACN,YAAY;AAAA,UAEZ,8BAAC,SAAI,WAAU,OACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,UAAU;AAAA,cACV,gBAAgB;AAAA;AAAA,UAClB,GACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;","names":[]}

package/dist/components/ui/form/FormField.mjs

@@ -1,103 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Lock, Eye, EyeOff } from "lucide-react";
-import { Input } from "./Input";
-import { cn } from "../../../infra/utils/clsx";
-const FormField = forwardRef(
-  ({
-    label,
-    optional = false,
-    required = false,
-    leftIcon: LeftIcon,
-    rightIcon: RightIcon,
-    rightIconColor = "var(--color-gray-400)",
-    hintMessage,
-    size = "default",
-    type = "text",
-    error = false,
-    errorMessage,
-    className,
-    classnameContainer,
-    showCharCount = false,
-    showPassword = false,
-    onTogglePassword,
-    ...inputProps
-  }, ref) => {
-    const isPasswordField = type === "password";
-    const inputType = isPasswordField && showPassword ? "text" : type;
-    const containerHeight = size === "large" ? "h-12" : "h-10";
-    const FinalLeftIcon = isPasswordField ? Lock : LeftIcon;
-    const FinalRightIcon = isPasswordField ? !showPassword ? EyeOff : Eye : RightIcon;
-    const finalMessage = error && errorMessage ? errorMessage : hintMessage;
-    const messageColor = error ? "text-red-600" : "text-gray-600";
-    const currentLength = typeof inputProps.value === "string" ? inputProps.value.length : 0;
-    const shouldShowCharCount = showCharCount && inputProps.maxLength;
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 paragraph-xsmall-semibold truncate", children: [
-        label && /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: label }),
-        optional && /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: "(Opcional)" }),
-        required && /* @__PURE__ */ jsx("span", { className: "text-red-600", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex gap-2 px-4 items-center border rounded-lg transition-color",
-            containerHeight,
-            classnameContainer,
-            error ? "border-red-600 hover:border-red-700" : "border-gray-200 hover:border-gray-400 focus-within:border-gray-950"
-          ),
-          children: [
-            FinalLeftIcon && /* @__PURE__ */ jsx(FinalLeftIcon, { size: 20, className: "text-gray-400" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                ref,
-                type: inputType,
-                className: cn(
-                  "paragraph-small-medium w-full h-full text-gray-950",
-                  error && "placeholder:text-red-400",
-                  className
-                ),
-                ...inputProps
-              }
-            ),
-            FinalRightIcon && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: isPasswordField ? onTogglePassword : void 0,
-                className: cn(
-                  "flex items-center justify-center",
-                  isPasswordField && "cursor-pointer hover:opacity-70 transition-opacity"
-                ),
-                "aria-label": isPasswordField ? showPassword ? "Ocultar senha" : "Mostrar senha" : void 0,
-                children: /* @__PURE__ */ jsx(
-                  FinalRightIcon,
-                  {
-                    size: 20,
-                    color: isPasswordField ? "var(--color-gray-950)" : rightIconColor
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      finalMessage && /* @__PURE__ */ jsx("span", { className: cn("paragraph-xsmall-medium", messageColor), children: finalMessage }),
-      shouldShowCharCount && /* @__PURE__ */ jsxs("span", { className: "paragraph-xsmall-medium text-gray-600", children: [
-        currentLength,
-        "/",
-        inputProps.maxLength
-      ] })
-    ] });
-  }
-);
-FormField.displayName = "FormField";
-var FormField_default = FormField;
-export {
-  FormField,
-  FormField_default as default
-};
-//# sourceMappingURL=FormField.mjs.map

package/dist/components/ui/form/FormField.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/FormField.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, type ComponentPropsWithoutRef } from 'react';\r\nimport { Lock, Eye, EyeOff, type LucideIcon } from 'lucide-react';\r\nimport { Input } from './Input';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\ntype FormFieldSize = 'default' | 'large';\r\n\r\ninterface FormFieldProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {\r\n  label?: string;\r\n  optional?: boolean;\r\n  required?: boolean;\r\n  leftIcon?: LucideIcon;\r\n  rightIcon?: LucideIcon;\r\n  rightIconColor?: string;\r\n  hintMessage?: string;\r\n  classnameContainer?: string;\r\n  size?: FormFieldSize;\r\n  error?: boolean;\r\n  errorMessage?: string;\r\n  showCharCount?: boolean;\r\n  showPassword?: boolean;\r\n  onTogglePassword?: () => void;\r\n}\r\n\r\nexport const FormField = forwardRef<HTMLInputElement, FormFieldProps>(\r\n  (\r\n    {\r\n      label,\r\n      optional = false,\r\n      required = false,\r\n      leftIcon: LeftIcon,\r\n      rightIcon: RightIcon,\r\n      rightIconColor = 'var(--color-gray-400)',\r\n      hintMessage,\r\n      size = 'default',\r\n      type = 'text',\r\n      error = false,\r\n      errorMessage,\r\n      className,\r\n      classnameContainer,\r\n      showCharCount = false,\r\n      showPassword = false,\r\n      onTogglePassword,\r\n      ...inputProps\r\n    },\r\n    ref\r\n  ) => {\r\n    const isPasswordField = type === 'password';\r\n    const inputType = isPasswordField && showPassword ? 'text' : type;\r\n    const containerHeight = size === 'large' ? 'h-12' : 'h-10';\r\n\r\n    const FinalLeftIcon = isPasswordField ? Lock : LeftIcon;\r\n    const FinalRightIcon = isPasswordField ? (!showPassword ? EyeOff : Eye) : RightIcon;\r\n\r\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\r\n    const messageColor = error ? 'text-red-600' : 'text-gray-600';\r\n\r\n    const currentLength = typeof inputProps.value === 'string' ? inputProps.value.length : 0;\r\n    const shouldShowCharCount = showCharCount && inputProps.maxLength;\r\n\r\n    return (\r\n      <div className=\"flex flex-col gap-1.5 w-full\">\r\n        <div className=\"flex items-center gap-1 paragraph-xsmall-semibold truncate\">\r\n          {label && <span className=\"text-gray-600\">{label}</span>}\r\n          {optional && <span className=\"text-gray-500\">(Opcional)</span>}\r\n          {required && <span className=\"text-red-600\">*</span>}\r\n        </div>\r\n\r\n        <div\r\n          className={cn(\r\n            'flex gap-2 px-4 items-center border rounded-lg transition-color',\r\n            containerHeight,\r\n            classnameContainer,\r\n            error\r\n              ? 'border-red-600 hover:border-red-700'\r\n              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950'\r\n          )}\r\n        >\r\n          {FinalLeftIcon && <FinalLeftIcon size={20} className=\"text-gray-400\" />}\r\n\r\n          <Input\r\n            ref={ref}\r\n            type={inputType}\r\n            className={cn(\r\n              'paragraph-small-medium w-full h-full text-gray-950',\r\n              error && 'placeholder:text-red-400',\r\n              className\r\n            )}\r\n            {...inputProps}\r\n          />\r\n\r\n          {FinalRightIcon && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={isPasswordField ? onTogglePassword : undefined}\r\n              className={cn(\r\n                'flex items-center justify-center',\r\n                isPasswordField && 'cursor-pointer hover:opacity-70 transition-opacity'\r\n              )}\r\n              aria-label={\r\n                isPasswordField ? (showPassword ? 'Ocultar senha' : 'Mostrar senha') : undefined\r\n              }\r\n            >\r\n              <FinalRightIcon\r\n                size={20}\r\n                color={isPasswordField ? 'var(--color-gray-950)' : rightIconColor}\r\n              />\r\n            </button>\r\n          )}\r\n        </div>\r\n\r\n        {finalMessage && (\r\n          <span className={cn('paragraph-xsmall-medium', messageColor)}>{finalMessage}</span>\r\n        )}\r\n\r\n        {shouldShowCharCount && (\r\n          <span className=\"paragraph-xsmall-medium text-gray-600\">\r\n            {currentLength}/{inputProps.maxLength}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nFormField.displayName = 'FormField';\r\n\r\nexport default FormField;\r\n"],"mappings":";AAgEQ,SACY,KADZ;AA9DR,SAAS,kBAAiD;AAC1D,SAAS,MAAM,KAAK,cAA+B;AACnD,SAAS,aAAa;AACtB,SAAS,UAAU;AAqBZ,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,kBAAkB,SAAS;AACjC,UAAM,YAAY,mBAAmB,eAAe,SAAS;AAC7D,UAAM,kBAAkB,SAAS,UAAU,SAAS;AAEpD,UAAM,gBAAgB,kBAAkB,OAAO;AAC/C,UAAM,iBAAiB,kBAAmB,CAAC,eAAe,SAAS,MAAO;AAE1E,UAAM,eAAe,SAAS,eAAe,eAAe;AAC5D,UAAM,eAAe,QAAQ,iBAAiB;AAE9C,UAAM,gBAAgB,OAAO,WAAW,UAAU,WAAW,WAAW,MAAM,SAAS;AACvF,UAAM,sBAAsB,iBAAiB,WAAW;AAExD,WACE,qBAAC,SAAI,WAAU,gCACb;AAAA,2BAAC,SAAI,WAAU,8DACZ;AAAA,iBAAS,oBAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,QAChD,YAAY,oBAAC,UAAK,WAAU,iBAAgB,wBAAU;AAAA,QACtD,YAAY,oBAAC,UAAK,WAAU,gBAAe,eAAC;AAAA,SAC/C;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,QACI,wCACA;AAAA,UACN;AAAA,UAEC;AAAA,6BAAiB,oBAAC,iBAAc,MAAM,IAAI,WAAU,iBAAgB;AAAA,YAErE;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,gBACF;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA,YAEC,kBACC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,kBAAkB,mBAAmB;AAAA,gBAC9C,WAAW;AAAA,kBACT;AAAA,kBACA,mBAAmB;AAAA,gBACrB;AAAA,gBACA,cACE,kBAAmB,eAAe,kBAAkB,kBAAmB;AAAA,gBAGzE;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAM;AAAA,oBACN,OAAO,kBAAkB,0BAA0B;AAAA;AAAA,gBACrD;AAAA;AAAA,YACF;AAAA;AAAA;AAAA,MAEJ;AAAA,MAEC,gBACC,oBAAC,UAAK,WAAW,GAAG,2BAA2B,YAAY,GAAI,wBAAa;AAAA,MAG7E,uBACC,qBAAC,UAAK,WAAU,yCACb;AAAA;AAAA,QAAc;AAAA,QAAE,WAAW;AAAA,SAC9B;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ;","names":[]}

package/dist/components/ui/form/Input.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../../infra/utils/clsx";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "outline-none",
-        className
-      ),
-      ...props
-    }
-  );
-}
-export {
-  Input
-};
-//# sourceMappingURL=Input.mjs.map

package/dist/components/ui/form/Input.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/Input.tsx"],"sourcesContent":["'use client';\n\nimport * as React from \"react\"\nimport { cn } from \"../../../infra/utils/clsx\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"outline-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";AAOI;AAJJ,SAAS,UAAU;AAEnB,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,MAAM,GAAkC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/ui/form/InputOtp.mjs

@@ -1,70 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { MinusIcon } from "lucide-react";
-import { cn } from "../../../infra/utils/clsx";
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: cn("disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}) {
-  const inputOTPContext = React.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
-      className: cn(
-        "relative flex h-9 w-9 items-center justify-center border text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md",
-        "border-gray-200 hover:border-gray-400 data-[active=true]:border-gray-950",
-        "data-[active=true]:z-10",
-        className
-      ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
-      ]
-    }
-  );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
-}
-export {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSeparator,
-  InputOTPSlot
-};
-//# sourceMappingURL=InputOtp.mjs.map

package/dist/components/ui/form/InputOtp.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/InputOtp.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\n\nimport * as React from \"react\"\nimport { OTPInput, OTPInputContext } from \"input-otp\"\nimport { MinusIcon } from \"lucide-react\"\nimport { cn } from \"../../../infra/utils/clsx\"\n\nfunction InputOTP({\n  className,\n  containerClassName,\n  ...props\n}: React.ComponentProps<typeof OTPInput> & {\n  containerClassName?: string\n}) {\n  return (\n    <OTPInput\n      data-slot=\"input-otp\"\n      containerClassName={cn(\n        \"flex items-center gap-2 has-disabled:opacity-50\",\n        containerClassName\n      )}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-group\"\n      className={cn(\"flex items-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n}) {\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={isActive}\n      className={cn(\n        \"relative flex h-9 w-9 items-center justify-center border text-sm transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md\",\n        \"border-gray-200 hover:border-gray-400 data-[active=true]:border-gray-950\",\n        \"data-[active=true]:z-10\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-foreground h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"input-otp-separator\" role=\"separator\" {...props}>\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";AAiBI,cAiCA,YAjCA;AAbJ,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAEnB,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAoB;AAAA,QAClB;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,kBAAkB,MAAM,WAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,iBAAiB,MAAM,KAAK,KAAK,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,gBACC,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,4DAA2D,GAC5E;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,kBAAkB,EAAE,GAAG,MAAM,GAAgC;AACpE,SACE,oBAAC,SAAI,aAAU,uBAAsB,MAAK,aAAa,GAAG,OACxD,8BAAC,aAAU,GACb;AAEJ;","names":[]}

package/dist/components/ui/form/PhoneInput.mjs

@@ -1,78 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import Image from "next/image";
-import { Input } from "./Input";
-import { Separator } from "../data-display/Separator";
-import { cn } from "../../../infra/utils/clsx";
-const PhoneInput = forwardRef(
-  ({
-    label,
-    optional = false,
-    required = false,
-    hintMessage,
-    error = false,
-    errorMessage,
-    countryCode = "+55",
-    countryFlagSrc = "/icons/brazil-flag.svg",
-    countryFlagAlt = "Brazil flag",
-    className,
-    classnameContainer,
-    ...props
-  }, ref) => {
-    const finalMessage = error && errorMessage ? errorMessage : hintMessage;
-    const showMessage = finalMessage && finalMessage.trim() !== "";
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5"), children: [
-      label && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 paragraph-xsmall-semibold", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: label }),
-        optional && /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: "(Opcional)" }),
-        required && /* @__PURE__ */ jsx("span", { className: "text-red-600", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex gap-2 items-center border rounded-lg h-10 transition-colors",
-            error ? "border-red-600 hover:border-red-700" : "border-gray-200 hover:border-gray-400 focus-within:border-gray-950",
-            classnameContainer
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4", children: [
-              /* @__PURE__ */ jsx(
-                Image,
-                {
-                  src: countryFlagSrc,
-                  alt: countryFlagAlt,
-                  width: 20,
-                  height: 20,
-                  className: "h-5! w-5! rounded-full"
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-950", children: countryCode })
-            ] }),
-            /* @__PURE__ */ jsx(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                ref,
-                type: "tel",
-                className: cn(
-                  "paragraph-small-medium w-full h-full text-gray-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
-                  className
-                ),
-                ...props
-              }
-            )
-          ]
-        }
-      ),
-      showMessage && /* @__PURE__ */ jsx("span", { className: cn("paragraph-xsmall-medium", error ? "text-red-600" : "text-gray-600"), children: finalMessage })
-    ] });
-  }
-);
-PhoneInput.displayName = "PhoneInput";
-var PhoneInput_default = PhoneInput;
-export {
-  PhoneInput_default as default
-};
-//# sourceMappingURL=PhoneInput.mjs.map

package/dist/components/ui/form/PhoneInput.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/PhoneInput.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\r\nimport Image from 'next/image';\r\nimport { Input } from './Input';\r\nimport { Separator } from '../data-display/Separator';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\ninterface PhoneInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type'> {\r\n  label?: string;\r\n  optional?: boolean;\r\n  required?: boolean;\r\n  hintMessage?: string;\r\n  error?: boolean;\r\n  errorMessage?: string;\r\n  countryCode?: string;\r\n  countryFlagSrc?: string;\r\n  countryFlagAlt?: string;\r\n  classnameContainer?: string;\r\n}\r\n\r\nconst PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\r\n  (\r\n    {\r\n      label,\r\n      optional = false,\r\n      required = false,\r\n      hintMessage,\r\n      error = false,\r\n      errorMessage,\r\n      countryCode = '+55',\r\n      countryFlagSrc = '/icons/brazil-flag.svg',\r\n      countryFlagAlt = 'Brazil flag',\r\n      className,\r\n      classnameContainer,\r\n      ...props\r\n    },\r\n    ref\r\n  ) => {\r\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\r\n    const showMessage = finalMessage && finalMessage.trim() !== '';\r\n\r\n    return (\r\n      <div className={cn('flex flex-col gap-1.5')}>\r\n        {label && (\r\n          <div className=\"flex items-center gap-1 paragraph-xsmall-semibold\">\r\n            <span className=\"text-gray-600\">{label}</span>\r\n            {optional && <span className=\"text-gray-500\">(Opcional)</span>}\r\n            {required && <span className=\"text-red-600\">*</span>}\r\n          </div>\r\n        )}\r\n\r\n        <div\r\n          className={cn(\r\n            'flex gap-2 items-center border rounded-lg h-10 transition-colors',\r\n            error\r\n              ? 'border-red-600 hover:border-red-700'\r\n              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950',\r\n            classnameContainer\r\n          )}\r\n        >\r\n          <div className=\"flex items-center gap-2 px-4\">\r\n            <Image\r\n              src={countryFlagSrc}\r\n              alt={countryFlagAlt}\r\n              width={20}\r\n              height={20}\r\n              className=\"h-5! w-5! rounded-full\"\r\n            />\r\n            <span className=\"paragraph-small-regular text-gray-950\">{countryCode}</span>\r\n          </div>\r\n\r\n          <Separator orientation=\"vertical\" />\r\n\r\n          <Input\r\n            ref={ref}\r\n            type=\"tel\"\r\n            className={cn(\r\n              'paragraph-small-medium w-full h-full text-gray-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0',\r\n              className\r\n            )}\r\n            {...props}\r\n          />\r\n        </div>\r\n\r\n        {showMessage && (\r\n          <span className={cn('paragraph-xsmall-medium', error ? 'text-red-600' : 'text-gray-600')}>\r\n            {finalMessage}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nPhoneInput.displayName = 'PhoneInput';\r\n\r\nexport default PhoneInput;\r\n"],"mappings":";AA6CU,SACE,KADF;AA3CV,SAAmC,kBAAkB;AACrD,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAenB,MAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,eAAe,SAAS,eAAe,eAAe;AAC5D,UAAM,cAAc,gBAAgB,aAAa,KAAK,MAAM;AAE5D,WACE,qBAAC,SAAI,WAAW,GAAG,uBAAuB,GACvC;AAAA,eACC,qBAAC,SAAI,WAAU,qDACb;AAAA,4BAAC,UAAK,WAAU,iBAAiB,iBAAM;AAAA,QACtC,YAAY,oBAAC,UAAK,WAAU,iBAAgB,wBAAU;AAAA,QACtD,YAAY,oBAAC,UAAK,WAAU,gBAAe,eAAC;AAAA,SAC/C;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,QACI,wCACA;AAAA,YACJ;AAAA,UACF;AAAA,UAEA;AAAA,iCAAC,SAAI,WAAU,gCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAU;AAAA;AAAA,cACZ;AAAA,cACA,oBAAC,UAAK,WAAU,yCAAyC,uBAAY;AAAA,eACvE;AAAA,YAEA,oBAAC,aAAU,aAAY,YAAW;AAAA,YAElC;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBACC,GAAG;AAAA;AAAA,YACN;AAAA;AAAA;AAAA,MACF;AAAA,MAEC,eACC,oBAAC,UAAK,WAAW,GAAG,2BAA2B,QAAQ,iBAAiB,eAAe,GACpF,wBACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}

package/dist/components/ui/form/RadioGroup.mjs

@@ -1,37 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
-import { cn } from "../../../infra/utils/clsx";
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      className: cn("grid gap-2", className),
-      ...props,
-      ref
-    }
-  );
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-gray-300 text-gray-950 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
-    }
-  );
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-export {
-  RadioGroup,
-  RadioGroupItem
-};
-//# sourceMappingURL=RadioGroup.mjs.map

package/dist/components/ui/form/RadioGroup.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ui/form/RadioGroup.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\n\nimport * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\nimport { cn } from \"../../../infra/utils/clsx\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square h-4 w-4 rounded-full border border-gray-300 text-gray-950 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Circle className=\"h-2.5 w-2.5 fill-current text-current\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";AAcI;AAVJ,YAAY,WAAW;AACvB,YAAY,yBAAyB;AACrC,SAAS,cAAc;AACvB,SAAS,UAAU;AAEnB,MAAM,aAAa,MAAM,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,oBAAoB,WAApB,EAA8B,WAAU,oCACvC,8BAAC,UAAO,WAAU,yCAAwC,GAC5D;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,eAAe,cAAc,oBAAoB,KAAK;","names":[]}

package/dist/components/ui/form/Select.mjs

@@ -1,179 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn } from "../../../infra/utils/clsx";
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  icon,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "group/data-select border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: icon ?? /* @__PURE__ */ jsx(
-          ChevronDownIcon,
-          {
-            className: "\n            size-4 opacity-50 transition-all duration-200\n            group-data-[state=open]/data-select:rotate-180\n            group-data-[state=open]/data-select:opacity-100\n            group-data-[state=open]/data-select:text-gray-950!\n          "
-          }
-        ) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground 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 relative z-[1001] max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
-      ...props
-    }
-  );
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 cursor-pointer",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { className: "cursor-pointer", children })
-      ]
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-};
-//# sourceMappingURL=Select.mjs.map