@greatapps/common 1.1.173 → 1.1.174

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

@@ -0,0 +1,92 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,103 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,70 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import Image from "next/image";
+import { ChevronDown } from "lucide-react";
+import { Input } from "./Input";
+import { Separator } from "../data-display/Separator";
+import { cn } from "../../../infra/utils/clsx";
+const PHONE_COUNTRIES = [
+  { code: "+55", label: "Brasil", emoji: "\u{1F1E7}\u{1F1F7}" },
+  { code: "+1", label: "EUA", emoji: "\u{1F1FA}\u{1F1F8}" },
+  { code: "+351", label: "Portugal", emoji: "\u{1F1F5}\u{1F1F9}" },
+  { code: "+54", label: "Argentina", emoji: "\u{1F1E6}\u{1F1F7}" },
+  { code: "+56", label: "Chile", emoji: "\u{1F1E8}\u{1F1F1}" },
+  { code: "+52", label: "M\xE9xico", emoji: "\u{1F1F2}\u{1F1FD}" },
+  { code: "+44", label: "Reino Unido", emoji: "\u{1F1EC}\u{1F1E7}" },
+  { code: "+34", label: "Espanha", emoji: "\u{1F1EA}\u{1F1F8}" },
+  { code: "+49", label: "Alemanha", emoji: "\u{1F1E9}\u{1F1EA}" },
+  { code: "+33", label: "Fran\xE7a", emoji: "\u{1F1EB}\u{1F1F7}" },
+  { code: "+57", label: "Col\xF4mbia", emoji: "\u{1F1E8}\u{1F1F4}" },
+  { code: "+598", label: "Uruguai", emoji: "\u{1F1FA}\u{1F1FE}" }
+];
+const PhoneInput = forwardRef(
+  ({
+    label,
+    optional = false,
+    required = false,
+    hintMessage,
+    error = false,
+    errorMessage,
+    countryCode = "+55",
+    countryFlagSrc = "/icons/brazil-flag.svg",
+    countryFlagAlt = "Brazil flag",
+    className,
+    classnameContainer,
+    selectedCountry,
+    onCountryChange,
+    ...props
+  }, ref) => {
+    const finalMessage = error && errorMessage ? errorMessage : hintMessage;
+    const showMessage = finalMessage && finalMessage.trim() !== "";
+    const displayCode = selectedCountry ? selectedCountry.code : countryCode;
+    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: [
+            onCountryChange ? /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-2 px-4 cursor-pointer shrink-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: selectedCountry?.emoji ?? "\u{1F1E7}\u{1F1F7}" }),
+              /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-950", children: displayCode }),
+              /* @__PURE__ */ jsx(ChevronDown, { size: 14, className: "text-gray-500" }),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  className: "absolute inset-0 opacity-0 cursor-pointer w-full",
+                  value: displayCode,
+                  onChange: (e) => {
+                    const country = PHONE_COUNTRIES.find((c) => c.code === e.target.value);
+                    if (country) onCountryChange(country);
+                  },
+                  children: PHONE_COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
+                    c.emoji,
+                    " ",
+                    c.code,
+                    " \u2014 ",
+                    c.label
+                  ] }, c.code))
+                }
+              )
+            ] }) : /* @__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 {
+  PHONE_COUNTRIES,
+  PhoneInput_default as default
+};
+//# sourceMappingURL=PhoneInput.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/form/PhoneInput.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport Image from 'next/image';\nimport { ChevronDown } from 'lucide-react';\nimport { Input } from './Input';\nimport { Separator } from '../data-display/Separator';\nimport { cn } from '../../../infra/utils/clsx';\n\nexport interface PhoneCountry {\n  code: string;\n  label: string;\n  emoji: string;\n}\n\nexport const PHONE_COUNTRIES: PhoneCountry[] = [\n  { code: '+55', label: 'Brasil', emoji: '🇧🇷' },\n  { code: '+1', label: 'EUA', emoji: '🇺🇸' },\n  { code: '+351', label: 'Portugal', emoji: '🇵🇹' },\n  { code: '+54', label: 'Argentina', emoji: '🇦🇷' },\n  { code: '+56', label: 'Chile', emoji: '🇨🇱' },\n  { code: '+52', label: 'México', emoji: '🇲🇽' },\n  { code: '+44', label: 'Reino Unido', emoji: '🇬🇧' },\n  { code: '+34', label: 'Espanha', emoji: '🇪🇸' },\n  { code: '+49', label: 'Alemanha', emoji: '🇩🇪' },\n  { code: '+33', label: 'França', emoji: '🇫🇷' },\n  { code: '+57', label: 'Colômbia', emoji: '🇨🇴' },\n  { code: '+598', label: 'Uruguai', emoji: '🇺🇾' },\n];\n\ninterface PhoneInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type'> {\n  label?: string;\n  optional?: boolean;\n  required?: boolean;\n  hintMessage?: string;\n  error?: boolean;\n  errorMessage?: string;\n  countryCode?: string;\n  countryFlagSrc?: string;\n  countryFlagAlt?: string;\n  classnameContainer?: string;\n  selectedCountry?: PhoneCountry;\n  onCountryChange?: (country: PhoneCountry) => void;\n}\n\nconst PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  (\n    {\n      label,\n      optional = false,\n      required = false,\n      hintMessage,\n      error = false,\n      errorMessage,\n      countryCode = '+55',\n      countryFlagSrc = '/icons/brazil-flag.svg',\n      countryFlagAlt = 'Brazil flag',\n      className,\n      classnameContainer,\n      selectedCountry,\n      onCountryChange,\n      ...props\n    },\n    ref\n  ) => {\n    const finalMessage = error && errorMessage ? errorMessage : hintMessage;\n    const showMessage = finalMessage && finalMessage.trim() !== '';\n\n    const displayCode = selectedCountry ? selectedCountry.code : countryCode;\n\n    return (\n      <div className={cn('flex flex-col gap-1.5')}>\n        {label && (\n          <div className=\"flex items-center gap-1 paragraph-xsmall-semibold\">\n            <span className=\"text-gray-600\">{label}</span>\n            {optional && <span className=\"text-gray-500\">(Opcional)</span>}\n            {required && <span className=\"text-red-600\">*</span>}\n          </div>\n        )}\n\n        <div\n          className={cn(\n            'flex gap-2 items-center border rounded-lg h-10 transition-colors',\n            error\n              ? 'border-red-600 hover:border-red-700'\n              : 'border-gray-200 hover:border-gray-400 focus-within:border-gray-950',\n            classnameContainer\n          )}\n        >\n          {onCountryChange ? (\n            <div className=\"relative flex items-center gap-2 px-4 cursor-pointer shrink-0\">\n              <span className=\"text-base leading-none\">{selectedCountry?.emoji ?? '🇧🇷'}</span>\n              <span className=\"paragraph-small-regular text-gray-950\">{displayCode}</span>\n              <ChevronDown size={14} className=\"text-gray-500\" />\n              <select\n                className=\"absolute inset-0 opacity-0 cursor-pointer w-full\"\n                value={displayCode}\n                onChange={(e) => {\n                  const country = PHONE_COUNTRIES.find((c) => c.code === e.target.value);\n                  if (country) onCountryChange(country);\n                }}\n              >\n                {PHONE_COUNTRIES.map((c) => (\n                  <option key={c.code} value={c.code}>\n                    {c.emoji} {c.code} — {c.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : (\n            <div className=\"flex items-center gap-2 px-4\">\n              <Image\n                src={countryFlagSrc}\n                alt={countryFlagAlt}\n                width={20}\n                height={20}\n                className=\"h-5! w-5! rounded-full\"\n              />\n              <span className=\"paragraph-small-regular text-gray-950\">{countryCode}</span>\n            </div>\n          )}\n\n          <Separator orientation=\"vertical\" />\n\n          <Input\n            ref={ref}\n            type=\"tel\"\n            className={cn(\n              'paragraph-small-medium w-full h-full text-gray-950 border-0 focus-visible:ring-0 focus-visible:ring-offset-0',\n              className\n            )}\n            {...props}\n          />\n        </div>\n\n        {showMessage && (\n          <span className={cn('paragraph-xsmall-medium', error ? 'text-red-600' : 'text-gray-600')}>\n            {finalMessage}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\nexport default PhoneInput;\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1 @@
+{"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":[]}