@agroshine/ags-web-ui-kit 1.0.0

package/dist/chunk-5PEOJVY7.cjs

@@ -0,0 +1,1502 @@
+'use strict';
+
+var chunkUAXKB6IH_cjs = require('./chunk-UAXKB6IH.cjs');
+var chunkERGKCXM2_cjs = require('./chunk-ERGKCXM2.cjs');
+var chunkA3A7PJWG_cjs = require('./chunk-A3A7PJWG.cjs');
+var React5 = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var TogglePrimitive = require('@radix-ui/react-toggle');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
+
+var avatarVariants = classVarianceAuthority.cva(
+  "relative flex shrink-0 overflow-hidden bg-default-200 text-default-700",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8 text-xs",
+        md: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base",
+        xl: "h-16 w-16 text-lg"
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded-md"
+      }
+    },
+    defaultVariants: { size: "md", shape: "circle" }
+  }
+);
+var Avatar2 = React5__namespace.forwardRef(
+  ({ src, alt, fallback, size = "md", shape = "circle", className }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(chunkERGKCXM2_cjs.Avatar, { ref, className: chunkA3A7PJWG_cjs.cn(avatarVariants({ size, shape }), className), children: [
+    src ? /* @__PURE__ */ jsxRuntime.jsx(chunkERGKCXM2_cjs.AvatarImage, { src, alt }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkERGKCXM2_cjs.AvatarFallback,
+      {
+        className: chunkA3A7PJWG_cjs.cn(
+          "flex h-full w-full items-center justify-center bg-default-200 text-default-700 font-medium",
+          shape === "circle" ? "rounded-full" : "rounded-md"
+        ),
+        children: fallback
+      }
+    )
+  ] })
+);
+Avatar2.displayName = "Avatar";
+var Checkbox2 = ({
+  isSelected,
+  defaultSelected,
+  isDisabled,
+  isIndeterminate,
+  onValueChange,
+  children,
+  className,
+  classNames,
+  name,
+  value,
+  id
+}) => {
+  const checkedProp = isIndeterminate === true ? "indeterminate" : isSelected !== void 0 ? isSelected : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: chunkA3A7PJWG_cjs.cn(
+        "inline-flex items-center gap-2 cursor-pointer select-none",
+        isDisabled && "cursor-not-allowed opacity-60",
+        classNames?.base,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkERGKCXM2_cjs.Checkbox,
+          {
+            id,
+            name,
+            value,
+            disabled: isDisabled,
+            defaultChecked: defaultSelected,
+            checked: checkedProp,
+            onCheckedChange: (c) => onValueChange?.(Boolean(c)),
+            className: classNames?.wrapper
+          }
+        ),
+        children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkA3A7PJWG_cjs.cn("text-sm", classNames?.label), children })
+      ]
+    }
+  );
+};
+var ROW_PADDING = {
+  small: "py-1.5",
+  default: "py-2.5",
+  // canon (10px)
+  middle: "py-2.5",
+  // alias compat
+  large: "py-3.5"
+};
+var LABEL_TEXT = {
+  small: "text-[12px]",
+  default: "text-[13px]",
+  // canon
+  middle: "text-[13px]",
+  large: "text-sm"
+};
+var VALUE_TEXT = {
+  small: "text-[13px]",
+  default: "text-sm",
+  // canon (14px)
+  middle: "text-sm",
+  large: "text-base"
+};
+function DescRow({ label, value, size, layout, bordered, isLast }) {
+  const rowBorder = bordered ? "border-b border-border last:border-b-0" : chunkA3A7PJWG_cjs.cn("border-b border-border", isLast && "border-b-0");
+  if (layout === "vertical") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkA3A7PJWG_cjs.cn(ROW_PADDING[size], rowBorder, bordered && "px-3"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkA3A7PJWG_cjs.cn("mb-1 font-normal text-muted-foreground", LABEL_TEXT[size]), children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkA3A7PJWG_cjs.cn("font-medium text-foreground", VALUE_TEXT[size]), children: value })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkA3A7PJWG_cjs.cn(
+        "grid grid-cols-[140px_1fr] items-baseline gap-3",
+        ROW_PADDING[size],
+        rowBorder
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkA3A7PJWG_cjs.cn(
+              "font-normal text-muted-foreground",
+              LABEL_TEXT[size],
+              bordered && "-my-2.5 bg-muted/40 px-3 py-2.5"
+            ),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkA3A7PJWG_cjs.cn("font-medium text-foreground", VALUE_TEXT[size], bordered && "pr-3"), children: value })
+      ]
+    }
+  );
+}
+var Descriptions = React5.forwardRef(function Descriptions2({
+  title,
+  column = 1,
+  layout = "horizontal",
+  size = "default",
+  bordered = false,
+  items,
+  className
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: chunkA3A7PJWG_cjs.cn(
+        "w-full",
+        bordered && "overflow-hidden rounded-md border border-border",
+        className
+      ),
+      children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkA3A7PJWG_cjs.cn(
+              "mb-3 text-base font-semibold text-foreground",
+              bordered && "mb-0 border-b border-border bg-muted/40 px-3 py-2.5"
+            ),
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkA3A7PJWG_cjs.cn(column === 1 ? "flex flex-col" : "grid"),
+            style: column > 1 ? { gridTemplateColumns: `repeat(${column}, minmax(0, 1fr))`, columnGap: "24px" } : void 0,
+            children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(React5.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              DescRow,
+              {
+                label: item.label,
+                value: item.children,
+                size,
+                layout,
+                bordered,
+                isLast: idx === items.length - 1
+              }
+            ) }, idx))
+          }
+        )
+      ]
+    }
+  );
+});
+Descriptions.displayName = "Descriptions";
+var sizeClasses = {
+  small: "h-7 text-[13px] px-2.5",
+  default: "h-9 text-sm px-3",
+  large: "h-10 text-[15px] px-4"
+};
+var statusBorderClasses = {
+  error: "border-destructive focus-visible:ring-destructive",
+  success: "border-success-500 focus-visible:ring-success-500",
+  warning: "border-warning-500 focus-visible:ring-warning-500",
+  default: ""
+};
+var Input2 = React5.forwardRef(function Input3({
+  variant = "default",
+  prefix,
+  suffix,
+  allowClear = false,
+  status = "default",
+  showPasswordToggle = false,
+  type = "text",
+  disabled,
+  className,
+  name,
+  touched,
+  error,
+  externalLabel,
+  help,
+  errorMessage,
+  onChange,
+  value,
+  defaultValue,
+  ...rest
+}, ref) {
+  const [internalValue, setInternalValue] = React5.useState(defaultValue ?? "");
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const [showPassword, setShowPassword] = React5.useState(false);
+  const isPasswordType = type === "password";
+  const inputType = isPasswordType && showPasswordToggle ? showPassword ? "text" : "password" : type;
+  const showClearButton = allowClear && !disabled && Boolean(currentValue);
+  const showPasswordButton = isPasswordType && showPasswordToggle && !disabled;
+  const hasRightAffix = Boolean(suffix) || showClearButton || showPasswordButton;
+  const hasLeftAffix = Boolean(prefix);
+  const messageColor2 = status === "error" ? "text-destructive" : status === "warning" ? "text-warning-700" : "";
+  const handleChange = (e) => {
+    if (!isControlled) setInternalValue(e.target.value);
+    onChange?.(e);
+  };
+  const handleClear = () => {
+    if (!isControlled) setInternalValue("");
+    onChange?.({ target: { value: "" } });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkUAXKB6IH_cjs.FormItem,
+    {
+      help: touched || error ? help : "",
+      validateStatus: touched && error ? "error" : "default",
+      label: externalLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkA3A7PJWG_cjs.cn("relative w-full", className), children: [
+          hasLeftAffix && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "pointer-events-none absolute inset-y-0 left-0 flex items-center px-2.5 text-muted-foreground",
+              "aria-hidden": "true",
+              children: prefix
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkERGKCXM2_cjs.Input,
+            {
+              ref,
+              name,
+              type: inputType,
+              disabled,
+              value: currentValue,
+              onChange: handleChange,
+              "aria-invalid": status === "error" || touched && Boolean(error) || void 0,
+              className: chunkA3A7PJWG_cjs.cn(
+                sizeClasses[variant],
+                statusBorderClasses[status],
+                hasLeftAffix && "pl-9",
+                hasRightAffix && "pr-9"
+              ),
+              ...rest
+            }
+          ),
+          hasRightAffix && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute inset-y-0 right-0 flex items-center gap-1 px-2.5 text-muted-foreground", children: [
+            showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleClear,
+                "aria-label": "Limpiar",
+                className: "inline-flex items-center justify-center text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            showPasswordButton && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowPassword((v) => !v),
+                "aria-label": showPassword ? "Ocultar contrase\xF1a" : "Mostrar contrase\xF1a",
+                "aria-pressed": showPassword,
+                className: "inline-flex items-center justify-center text-muted-foreground hover:text-foreground",
+                children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" })
+              }
+            ),
+            suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none flex items-center text-muted-foreground", children: suffix })
+          ] })
+        ] }),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunkA3A7PJWG_cjs.cn("mt-1 text-xs", messageColor2),
+            role: status === "error" ? "alert" : void 0,
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
+});
+var inputNumberRootVariants = classVarianceAuthority.cva(
+  "inline-flex items-center w-full rounded border bg-background text-default-900 transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background",
+  {
+    variants: {
+      size: {
+        sm: "text-xs h-8",
+        md: "text-sm h-10",
+        lg: "text-base h-12"
+      },
+      disabled: {
+        true: "opacity-60 cursor-not-allowed bg-default-100",
+        false: ""
+      }
+    },
+    defaultVariants: { size: "md", disabled: false }
+  }
+);
+var inputNumberButtonVariants = classVarianceAuthority.cva(
+  "flex items-center justify-center text-default-700 hover:bg-default-100 disabled:opacity-40 disabled:cursor-not-allowed border-default-200",
+  {
+    variants: {
+      size: {
+        sm: "w-7 h-full",
+        md: "w-8 h-full",
+        lg: "w-10 h-full"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function clamp(v, min, max) {
+  return Math.min(max, Math.max(min, v));
+}
+function format(v, precision) {
+  if (precision === void 0) return String(v);
+  return v.toFixed(precision);
+}
+var InputNumber = React5__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    min = Number.NEGATIVE_INFINITY,
+    max = Number.POSITIVE_INFINITY,
+    step = 1,
+    size = "md",
+    disabled,
+    precision,
+    placeholder,
+    name,
+    id,
+    className
+  }, ref) => {
+    const [internal, setInternal] = React5__namespace.useState(defaultValue);
+    const current = value ?? internal;
+    const update = (next) => {
+      const c = clamp(next, min, max);
+      if (value === void 0) setInternal(c);
+      onChange?.(c);
+    };
+    const increment = () => update((current ?? 0) + step);
+    const decrement = () => update((current ?? 0) - step);
+    const handleInput = (e) => {
+      const raw = e.target.value;
+      if (raw === "") {
+        if (value === void 0) setInternal(void 0);
+        return;
+      }
+      const num = Number(raw);
+      if (Number.isNaN(num)) return;
+      update(num);
+    };
+    const display = current === void 0 ? "" : format(current, precision);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkA3A7PJWG_cjs.cn(inputNumberRootVariants({ size, disabled: !!disabled }), className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          id,
+          name,
+          type: "number",
+          value: display,
+          onChange: handleInput,
+          disabled,
+          placeholder,
+          className: "flex-1 bg-transparent outline-none px-3 disabled:cursor-not-allowed [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full border-l border-default-200", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: increment,
+            disabled: disabled || current !== void 0 && current >= max,
+            className: chunkA3A7PJWG_cjs.cn(inputNumberButtonVariants({ size }), "border-b h-1/2"),
+            tabIndex: -1,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: decrement,
+            disabled: disabled || current !== void 0 && current <= min,
+            className: chunkA3A7PJWG_cjs.cn(inputNumberButtonVariants({ size }), "h-1/2"),
+            tabIndex: -1,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-3 w-3" })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+InputNumber.displayName = "InputNumber";
+var progressTrackVariants = classVarianceAuthority.cva(
+  "relative w-full overflow-hidden rounded-full bg-default-200",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var progressIndicatorVariants = classVarianceAuthority.cva("h-full flex-1 transition-all", {
+  variants: {
+    color: {
+      primary: "bg-primary",
+      success: "bg-success",
+      warning: "bg-warning",
+      danger: "bg-destructive"
+    }
+  },
+  defaultVariants: { color: "primary" }
+});
+var Progress = React5__namespace.forwardRef(
+  ({ value = 0, color = "primary", size = "md", showLabel, label, className }, ref) => {
+    const clamped = Math.max(0, Math.min(100, value));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkA3A7PJWG_cjs.cn("w-full", className), children: [
+      (label !== void 0 || showLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs text-default-500 mb-1", children: [
+        label !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+        showLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto", children: [
+          clamped,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { value: clamped, className: progressTrackVariants({ size }), children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          className: progressIndicatorVariants({ color }),
+          style: { transform: `translateX(-${100 - clamped}%)` }
+        }
+      ) })
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+var radioItemVariants = classVarianceAuthority.cva(
+  "aspect-square h-4 w-4 rounded-full border ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      color: {
+        primary: "border-primary text-primary data-[state=checked]:border-primary",
+        secondary: "border-secondary text-secondary data-[state=checked]:border-secondary",
+        success: "border-success text-success data-[state=checked]:border-success",
+        warning: "border-warning text-warning data-[state=checked]:border-warning",
+        danger: "border-destructive text-destructive data-[state=checked]:border-destructive"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+var Radio = React5__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    options,
+    onChange,
+    orientation = "vertical",
+    color = "primary",
+    className,
+    name,
+    disabled
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkERGKCXM2_cjs.RadioGroup,
+    {
+      ref,
+      value,
+      defaultValue,
+      onValueChange: onChange,
+      name,
+      disabled,
+      className: chunkA3A7PJWG_cjs.cn(orientation === "horizontal" ? "flex flex-row gap-4" : "grid gap-2", className),
+      children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          className: chunkA3A7PJWG_cjs.cn(
+            "inline-flex items-center gap-2 text-sm cursor-pointer select-none",
+            (opt.disabled || disabled) && "cursor-not-allowed opacity-60"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkERGKCXM2_cjs.RadioGroupItem,
+              {
+                value: opt.value,
+                disabled: opt.disabled || disabled,
+                className: radioItemVariants({ color })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
+          ]
+        },
+        opt.value
+      ))
+    }
+  )
+);
+Radio.displayName = "Radio";
+var rateStarVariants = classVarianceAuthority.cva("transition-colors cursor-pointer", {
+  variants: {
+    size: {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-7 w-7"
+    },
+    active: {
+      true: "fill-warning text-warning",
+      false: "fill-transparent text-default-300"
+    },
+    disabled: {
+      true: "cursor-not-allowed",
+      false: ""
+    }
+  },
+  defaultVariants: { size: "md", active: false, disabled: false }
+});
+var Rate = React5__namespace.forwardRef(
+  ({ value, defaultValue = 0, onChange, count = 5, allowHalf, disabled, size = "md", className }, ref) => {
+    const [internal, setInternal] = React5__namespace.useState(defaultValue);
+    const [hover, setHover] = React5__namespace.useState(null);
+    const current = value ?? internal;
+    const display = hover ?? current;
+    const setValue = (next) => {
+      if (disabled) return;
+      if (value === void 0) setInternal(next);
+      onChange?.(next);
+    };
+    const handleClick = (e, index) => {
+      if (!allowHalf) return setValue(index + 1);
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isFirstHalf = e.clientX - rect.left < rect.width / 2;
+      setValue(index + (isFirstHalf ? 0.5 : 1));
+    };
+    const handleHover = (e, index) => {
+      if (disabled) return;
+      if (!allowHalf) return setHover(index + 1);
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isFirstHalf = e.clientX - rect.left < rect.width / 2;
+      setHover(index + (isFirstHalf ? 0.5 : 1));
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkA3A7PJWG_cjs.cn("inline-flex items-center gap-1", className),
+        onMouseLeave: () => setHover(null),
+        children: Array.from({ length: count }).map((_, i) => {
+          const filled = display >= i + 1;
+          const half = !filled && allowHalf && display >= i + 0.5;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              disabled,
+              onClick: (e) => handleClick(e, i),
+              onMouseMove: (e) => handleHover(e, i),
+              className: chunkA3A7PJWG_cjs.cn(
+                "p-0 bg-transparent border-0 leading-none",
+                disabled && "cursor-not-allowed"
+              ),
+              "aria-label": `Rate ${i + 1}`,
+              children: half ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StarHalf, { className: rateStarVariants({ size, active: true, disabled }) }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Star, { className: rateStarVariants({ size, active: filled, disabled }) })
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+Rate.displayName = "Rate";
+
+// src/atoms/Select/utils.ts
+var sizeClasses2 = {
+  sm: "h-8 text-[13.5px] pl-[11px] pr-8",
+  default: "h-10 text-sm pl-[14px] pr-9",
+  lg: "h-[46px] text-[15px] pl-4 pr-10"
+};
+var statusBorder = {
+  error: "border-destructive focus:ring-destructive/30",
+  warning: "border-warning-500 focus:ring-warning-500/30",
+  success: "border-success-500 focus:ring-success-500/30",
+  "": "border-input hover:border-primary-200 focus:ring-ring/30"
+};
+var statusBorderWithin = {
+  error: "border-destructive focus-within:ring-destructive/30",
+  warning: "border-warning-500 focus-within:ring-warning-500/30",
+  success: "border-success-500 focus-within:ring-success-500/30",
+  "": "border-input hover:border-primary-200 focus-within:ring-ring/30"
+};
+var messageColor = {
+  error: "text-destructive",
+  warning: "text-warning-600",
+  success: "text-success-600",
+  "": ""
+};
+var dotColorClass = {
+  primary: "bg-primary-700",
+  success: "bg-success-700",
+  warning: "bg-warning-800",
+  danger: "bg-danger-700"
+};
+var chipColorClass = {
+  primary: "bg-primary-50 text-primary-700 border-primary-100",
+  success: "bg-success-50 text-success-700 border-success-200",
+  warning: "bg-warning-50 text-warning-800 border-warning-100",
+  danger: "bg-danger-50 text-danger-700 border-danger-100"
+};
+var leadingIconBoxClass = "flex h-[22px] w-[22px] flex-shrink-0 items-center justify-center rounded bg-primary-50 text-[11px] font-bold text-primary-700";
+var richIconBoxClass = "flex h-[26px] w-[26px] flex-shrink-0 items-center justify-center rounded-md text-[11.5px] font-bold";
+var metaPillClass = "ml-auto flex-shrink-0 rounded-full bg-muted px-2 py-0.5 font-mono text-[11.5px] text-muted-foreground";
+var dropdownClass = "absolute left-0 right-0 top-[calc(100%+6px)] z-20 max-h-80 overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground";
+function Chip({ option, disabled, onRemove }) {
+  const dot = option.dotColor ?? "primary";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: chunkA3A7PJWG_cjs.cn(
+        "inline-flex h-7 items-center gap-1.5 rounded-full border pl-2.5 pr-1.5 text-[13px] font-medium",
+        chipColorClass[dot]
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkA3A7PJWG_cjs.cn("h-1.5 w-1.5 rounded-full", dotColorClass[dot]) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[180px]", children: option.label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Quitar",
+            onClick: (e) => {
+              e.stopPropagation();
+              if (!disabled) onRemove(option.value);
+            },
+            className: "ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full opacity-70 transition hover:bg-black/10 hover:opacity-100",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+function EmptyState({
+  title = "Sin resultados",
+  subtitle = "Prueba otro t\xE9rmino de b\xFAsqueda"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-7 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Inbox, { className: "mx-auto mb-1.5 h-7 w-7 text-muted-foreground/40" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13.5px] font-medium text-foreground", children: title }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: subtitle })
+  ] });
+}
+function OptionItem({
+  option,
+  isActive,
+  isHighlighted = false,
+  variant = "select",
+  onMouseEnter,
+  onClick
+}) {
+  const dot = option.dotColor ?? "primary";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      role: "option",
+      "aria-selected": isActive,
+      onMouseEnter,
+      onClick,
+      className: chunkA3A7PJWG_cjs.cn(
+        "flex cursor-pointer items-center gap-2.5 rounded-sm px-2.5 py-2 text-sm text-foreground",
+        variant === "multiselect" && "hover:bg-accent",
+        isHighlighted && "bg-accent",
+        isActive && (variant === "select" ? "bg-primary-50 font-semibold text-primary-700" : "bg-primary-50 font-medium text-primary-700"),
+        option.disabled && "cursor-not-allowed text-muted-foreground opacity-60"
+      ),
+      children: [
+        option.leadingIcon ? variant === "select" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkA3A7PJWG_cjs.cn(
+              richIconBoxClass,
+              isActive ? "bg-primary-700 text-white" : "bg-gradient-to-br from-primary-50 to-primary-100 text-primary-700"
+            ),
+            children: option.leadingIcon
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: leadingIconBoxClass, children: option.leadingIcon }) : option.dotColor && variant === "multiselect" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkA3A7PJWG_cjs.cn("h-2 w-2 rounded-full", dotColorClass[dot]) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium", children: option.label }),
+          option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-normal text-muted-foreground", children: option.description })
+        ] }),
+        option.meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: metaPillClass, children: option.meta }),
+        isActive && variant === "multiselect" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "ml-auto h-4 w-4 flex-shrink-0 text-primary-700" }),
+        isActive && variant === "select" && !option.meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-primary-700", "aria-hidden": true, children: "\u2713" })
+      ]
+    }
+  );
+}
+function MultiSelectInner(props, ref) {
+  const {
+    options,
+    value,
+    onChange,
+    placeholder = "Selecciona una opci\xF3n",
+    touched,
+    error,
+    help,
+    externalLabel,
+    isSearchable = false,
+    searchable = false,
+    errorMessage,
+    status = "",
+    disabled,
+    className,
+    maxTagCount = 3,
+    onBlur
+  } = props;
+  const [open, setOpen] = React5.useState(false);
+  const [search, setSearch] = React5.useState("");
+  const rootRef = React5.useRef(null);
+  React5.useImperativeHandle(ref, () => rootRef.current);
+  const enableSearch = searchable || isSearchable;
+  React5.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        if (open) {
+          setOpen(false);
+          onBlur?.();
+        }
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open, onBlur]);
+  const filteredOptions = React5.useMemo(
+    () => enableSearch && search ? options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : options,
+    [options, search, enableSearch]
+  );
+  const toggleValue = (v) => {
+    if (value.includes(v)) onChange(value.filter((item) => item !== v));
+    else onChange([...value, v]);
+  };
+  const selectedOptions = React5.useMemo(
+    () => value.map((v) => options.find((o) => o.value === v)).filter(Boolean),
+    [value, options]
+  );
+  const visibleChips = selectedOptions.slice(0, maxTagCount);
+  const overflowCount = selectedOptions.length - visibleChips.length;
+  const showError = touched && error || status === "error";
+  const effectiveStatus = showError ? "error" : status;
+  const isEmpty = filteredOptions.length === 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkUAXKB6IH_cjs.FormItem,
+    {
+      help: touched || error ? help : "",
+      validateStatus: showError ? "error" : "default",
+      label: externalLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: chunkA3A7PJWG_cjs.cn("relative w-full", className), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "combobox",
+              "aria-expanded": open,
+              "aria-disabled": disabled,
+              onClick: () => !disabled && setOpen(true),
+              className: chunkA3A7PJWG_cjs.cn(
+                "relative flex min-h-[40px] w-full cursor-text flex-wrap items-center gap-1.5 rounded-md border bg-background py-1 pl-2 pr-9 text-sm transition-colors",
+                "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-background",
+                statusBorderWithin[effectiveStatus],
+                open && !disabled && "border-ring",
+                disabled && "bg-muted text-muted-foreground cursor-not-allowed opacity-70"
+              ),
+              children: [
+                visibleChips.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(Chip, { option: opt, disabled, onRemove: toggleValue }, String(opt.value))),
+                overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex h-[26px] items-center rounded-full bg-muted px-2 text-[12.5px] font-medium text-muted-foreground", children: [
+                  "+",
+                  overflowCount,
+                  " m\xE1s"
+                ] }),
+                enableSearch ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: "h-7 min-w-[80px] flex-1 border-0 bg-transparent px-1.5 text-sm outline-none placeholder:text-muted-foreground",
+                    value: search,
+                    placeholder: selectedOptions.length === 0 ? placeholder : "",
+                    disabled,
+                    onChange: (e) => {
+                      setSearch(e.target.value);
+                      if (!open) setOpen(true);
+                    },
+                    onFocus: () => setOpen(true)
+                  }
+                ) : selectedOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1.5 text-muted-foreground", children: placeholder }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.ChevronDown,
+                  {
+                    className: chunkA3A7PJWG_cjs.cn(
+                      "pointer-events-none absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground transition-transform",
+                      open && "rotate-180 text-primary-700"
+                    ),
+                    "aria-hidden": true
+                  }
+                )
+              ]
+            }
+          ),
+          open && !disabled && /* @__PURE__ */ jsxRuntime.jsx("div", { role: "listbox", className: dropdownClass, children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, {}) : /* @__PURE__ */ jsxRuntime.jsx("ul", { children: filteredOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+            OptionItem,
+            {
+              option,
+              variant: "multiselect",
+              isActive: value.includes(option.value),
+              onClick: () => {
+                if (option.disabled) return;
+                toggleValue(option.value);
+              }
+            },
+            String(option.value)
+          )) }) })
+        ] }),
+        errorMessage && effectiveStatus === "error" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-destructive", children: errorMessage })
+      ]
+    }
+  );
+}
+var MultiSelect = React5.forwardRef(MultiSelectInner);
+function SelectInner(props, ref) {
+  const {
+    options,
+    value,
+    onChange,
+    placeholder = "Selecciona una opci\xF3n",
+    touched,
+    error,
+    help,
+    externalLabel,
+    isSearchable = false,
+    errorMessage,
+    status = "",
+    size = "default",
+    leadingIcon,
+    disabled,
+    className,
+    onBlur
+  } = props;
+  const [open, setOpen] = React5.useState(false);
+  const [search, setSearch] = React5.useState("");
+  const [activeIndex, setActiveIndex] = React5.useState(-1);
+  const rootRef = React5.useRef(null);
+  React5.useImperativeHandle(ref, () => rootRef.current);
+  const selectedOption = options.find((opt) => opt.value === value);
+  React5.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        if (open) {
+          setOpen(false);
+          onBlur?.();
+        }
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open, onBlur]);
+  const filteredOptions = React5.useMemo(
+    () => isSearchable && search ? options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase())) : options,
+    [options, search, isSearchable]
+  );
+  const commitSelection = (opt) => {
+    if (opt.disabled) return;
+    onChange(opt.value);
+    setOpen(false);
+    setSearch("");
+    setActiveIndex(-1);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (!open && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown")) {
+      e.preventDefault();
+      setOpen(true);
+      return;
+    }
+    if (!open) return;
+    if (e.key === "Escape") {
+      e.preventDefault();
+      setOpen(false);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.min(filteredOptions.length - 1, i + 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.max(0, i - 1));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const opt = filteredOptions[activeIndex];
+      if (opt) commitSelection(opt);
+    }
+  };
+  const showError = touched && error || status === "error";
+  const effectiveStatus = showError ? "error" : status;
+  const isEmpty = filteredOptions.length === 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkUAXKB6IH_cjs.FormItem,
+    {
+      help: touched || error ? help : "",
+      validateStatus: showError ? "error" : "default",
+      label: externalLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: rootRef,
+            className: chunkA3A7PJWG_cjs.cn("relative w-full", className),
+            onKeyDown: handleKeyDown,
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  disabled,
+                  onClick: () => !disabled && setOpen((o) => !o),
+                  "aria-haspopup": "listbox",
+                  "aria-expanded": open,
+                  className: chunkA3A7PJWG_cjs.cn(
+                    "w-full flex items-center gap-2 rounded-md border bg-background text-left transition-colors",
+                    "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background",
+                    sizeClasses2[size],
+                    statusBorder[effectiveStatus],
+                    open && !disabled && "border-ring",
+                    disabled && "bg-muted text-muted-foreground cursor-not-allowed opacity-70"
+                  ),
+                  children: [
+                    leadingIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: leadingIconBoxClass, children: leadingIcon }),
+                    selectedOption ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2 truncate font-medium text-foreground", children: [
+                      selectedOption.leadingIcon && !leadingIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: leadingIconBoxClass, children: selectedOption.leadingIcon }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: selectedOption.label }),
+                      selectedOption.meta && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 text-[12.5px] font-normal text-muted-foreground", children: [
+                        "\xB7 ",
+                        selectedOption.meta
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-muted-foreground", children: placeholder }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      lucideReact.ChevronDown,
+                      {
+                        className: chunkA3A7PJWG_cjs.cn(
+                          "absolute right-3 h-4 w-4 text-muted-foreground transition-transform",
+                          open && "rotate-180 text-primary-700"
+                        ),
+                        "aria-hidden": true
+                      }
+                    )
+                  ]
+                }
+              ),
+              open && !disabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "listbox", className: dropdownClass, children: [
+                isSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-[-4px] z-10 -mx-1 mb-1 border-b border-border bg-popover px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    autoFocus: true,
+                    value: search,
+                    onChange: (e) => {
+                      setSearch(e.target.value);
+                      setActiveIndex(0);
+                    },
+                    className: "w-full rounded-sm border border-transparent bg-muted px-2.5 py-1.5 text-[13.5px] outline-none focus:border-primary-500 focus:bg-background",
+                    placeholder: "Buscar..."
+                  }
+                ) }),
+                isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, {}) : /* @__PURE__ */ jsxRuntime.jsx("ul", { children: filteredOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                  OptionItem,
+                  {
+                    option,
+                    isActive: option.value === value,
+                    isHighlighted: idx === activeIndex,
+                    onMouseEnter: () => setActiveIndex(idx),
+                    onClick: () => commitSelection(option)
+                  },
+                  String(option.value)
+                )) })
+              ] })
+            ]
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkA3A7PJWG_cjs.cn("mt-1 text-xs", messageColor[effectiveStatus]), children: errorMessage })
+      ]
+    }
+  );
+}
+var Select = React5.forwardRef(SelectInner);
+var Separator2 = React5__namespace.forwardRef(
+  ({ orientation = "horizontal", text, className }, ref) => {
+    if (text && orientation === "horizontal") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkA3A7PJWG_cjs.cn("relative flex items-center w-full my-2", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkERGKCXM2_cjs.Separator, { orientation: "horizontal", className: "flex-1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 text-xs text-muted-foreground uppercase tracking-wider bg-background", children: text }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkERGKCXM2_cjs.Separator, { orientation: "horizontal", className: "flex-1" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkERGKCXM2_cjs.Separator,
+      {
+        ref,
+        orientation,
+        className: chunkA3A7PJWG_cjs.cn(orientation === "vertical" ? "mx-2 h-4 inline-block" : "", className)
+      }
+    );
+  }
+);
+Separator2.displayName = "Separator";
+function roundedClass(r) {
+  if (r === "sm") return "rounded-sm";
+  if (r === "full") return "rounded-full";
+  return "rounded-md";
+}
+function toCss(v) {
+  if (typeof v === "number") return `${v}px`;
+  return v;
+}
+var Skeleton2 = React5__namespace.forwardRef(
+  ({ width, height, rounded = "md", lines, className }, ref) => {
+    if (lines && lines > 1) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkA3A7PJWG_cjs.cn("flex flex-col gap-2", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkERGKCXM2_cjs.Skeleton,
+        {
+          className: chunkA3A7PJWG_cjs.cn(roundedClass(rounded), "h-3"),
+          style: {
+            width: i === lines - 1 ? "60%" : toCss(width) ?? "100%"
+          }
+        },
+        i
+      )) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkERGKCXM2_cjs.Skeleton,
+      {
+        ref,
+        className: chunkA3A7PJWG_cjs.cn(roundedClass(rounded), className),
+        style: { width: toCss(width), height: toCss(height) }
+      }
+    );
+  }
+);
+Skeleton2.displayName = "Skeleton";
+var sliderRangeVariants = classVarianceAuthority.cva("absolute h-full", {
+  variants: {
+    color: {
+      primary: "bg-primary",
+      secondary: "bg-secondary",
+      success: "bg-success",
+      warning: "bg-warning",
+      danger: "bg-destructive"
+    }
+  },
+  defaultVariants: { color: "primary" }
+});
+var sliderThumbVariants = classVarianceAuthority.cva(
+  "block h-3.5 w-3.5 rounded-full border-2 bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      color: {
+        primary: "border-primary",
+        secondary: "border-secondary",
+        success: "border-success",
+        warning: "border-warning",
+        danger: "border-destructive"
+      }
+    },
+    defaultVariants: { color: "primary" }
+  }
+);
+function toArray(v) {
+  if (v === void 0) return void 0;
+  return Array.isArray(v) ? v : [v];
+}
+var Slider = React5__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    min = 0,
+    max = 100,
+    step = 1,
+    color = "primary",
+    disabled,
+    showTooltip,
+    className
+  }, ref) => {
+    const valueArr = toArray(value);
+    const defaultArr = toArray(defaultValue);
+    const [internal, setInternal] = React5__namespace.useState(defaultArr ?? [min]);
+    const display = valueArr ?? internal;
+    const handleChange = (next) => {
+      if (valueArr === void 0) setInternal(next);
+      if (!onChange) return;
+      onChange(next.length === 1 ? next[0] : next);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      SliderPrimitive__namespace.Root,
+      {
+        ref,
+        value: valueArr,
+        defaultValue: defaultArr,
+        onValueChange: handleChange,
+        min,
+        max,
+        step,
+        disabled,
+        className: chunkA3A7PJWG_cjs.cn(
+          "relative flex w-full touch-none select-none items-center",
+          disabled && "opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: sliderRangeVariants({ color }) }) }),
+          display.map((v, i) => /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: sliderThumbVariants({ color }), children: showTooltip && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-7 left-1/2 -translate-x-1/2 rounded bg-default-900 text-default-50 px-1.5 py-0.5 text-xs whitespace-nowrap", children: v }) }, i))
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+var switchRootVariants = classVarianceAuthority.cva(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=unchecked]:bg-default-200",
+  {
+    variants: {
+      color: {
+        primary: "data-[state=checked]:bg-primary",
+        secondary: "data-[state=checked]:bg-secondary",
+        success: "data-[state=checked]:bg-success",
+        warning: "data-[state=checked]:bg-warning",
+        danger: "data-[state=checked]:bg-destructive"
+      },
+      size: {
+        sm: "h-5 w-9",
+        md: "h-6 w-11",
+        lg: "h-7 w-14"
+      }
+    },
+    defaultVariants: { color: "primary", size: "md" }
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  "pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4 data-[state=checked]:translate-x-4",
+        md: "h-5 w-5 data-[state=checked]:translate-x-5",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-7"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Switch = React5__namespace.forwardRef(
+  ({
+    checked,
+    defaultChecked,
+    onChange,
+    color = "primary",
+    size = "md",
+    label,
+    disabled,
+    className,
+    name,
+    id
+  }, ref) => {
+    const control = /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Root,
+      {
+        ref,
+        id,
+        name,
+        checked,
+        defaultChecked,
+        onCheckedChange: onChange,
+        disabled,
+        className: chunkA3A7PJWG_cjs.cn(switchRootVariants({ color, size }), !label && className),
+        children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: switchThumbVariants({ size }) })
+      }
+    );
+    if (!label) return control;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: chunkA3A7PJWG_cjs.cn(
+          "inline-flex items-center gap-2 text-sm cursor-pointer select-none",
+          disabled && "cursor-not-allowed opacity-60",
+          className
+        ),
+        children: [
+          control,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+var variantMap = {
+  default: "bg-default-100 text-foreground border-default-200",
+  success: "bg-success-50 text-success-800 border-success-200",
+  warning: "bg-warning-50 text-warning-800 border-warning-200",
+  danger: "bg-danger-50 text-danger-800 border-danger-200"
+};
+var Tag = ({ icon, onClose, variant, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkERGKCXM2_cjs.Badge,
+    {
+      variant: "outline",
+      className: chunkA3A7PJWG_cjs.cn("gap-2 px-3 py-1 text-sm rounded-md border", variantMap[variant]),
+      children: [
+        icon,
+        children,
+        onClose && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "ml-1 inline-flex items-center justify-center rounded hover:bg-black/10",
+            "aria-label": "close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  );
+};
+var sizeClasses3 = {
+  small: "text-[13px] py-1.5 px-2.5",
+  default: "text-sm py-2 px-3",
+  large: "text-[15px] py-2.5 px-4"
+};
+var statusBorderClasses2 = {
+  error: "border-destructive focus-visible:ring-destructive",
+  success: "border-success-500 focus-visible:ring-success-500",
+  warning: "border-warning-500 focus-visible:ring-warning-500",
+  default: ""
+};
+var Textarea2 = React5.forwardRef(function Textarea3({
+  size = "default",
+  allowClear = false,
+  status = "default",
+  autoSize = false,
+  disabled,
+  className,
+  name,
+  touched,
+  error,
+  externalLabel,
+  help,
+  errorMessage,
+  onChange,
+  value,
+  defaultValue,
+  rows = 3,
+  ...rest
+}, ref) {
+  const [internalValue, setInternalValue] = React5.useState(defaultValue ?? "");
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const innerRef = React5.useRef(null);
+  const setRefs = React5.useCallback(
+    (node) => {
+      innerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  React5.useEffect(() => {
+    if (autoSize && innerRef.current) {
+      innerRef.current.style.height = "auto";
+      innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;
+    }
+  }, [currentValue, autoSize]);
+  const showClearButton = allowClear && !disabled && Boolean(currentValue);
+  const messageColor2 = status === "error" ? "text-destructive" : status === "warning" ? "text-warning-700" : "";
+  const handleChange = (e) => {
+    if (!isControlled) setInternalValue(e.target.value);
+    onChange?.(e);
+  };
+  const handleClear = () => {
+    if (!isControlled) setInternalValue("");
+    onChange?.({ target: { value: "" } });
+    innerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkUAXKB6IH_cjs.FormItem,
+    {
+      help: touched || error ? help : "",
+      validateStatus: touched && error ? "error" : "default",
+      label: externalLabel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkA3A7PJWG_cjs.cn("relative w-full", className), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkERGKCXM2_cjs.Textarea,
+            {
+              ref: setRefs,
+              name,
+              disabled,
+              rows,
+              value: currentValue,
+              onChange: handleChange,
+              "aria-invalid": status === "error" || touched && Boolean(error) || void 0,
+              className: chunkA3A7PJWG_cjs.cn(
+                sizeClasses3[size],
+                statusBorderClasses2[status],
+                autoSize && "resize-none overflow-hidden",
+                showClearButton && "pr-9"
+              ),
+              ...rest
+            }
+          ),
+          showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClear,
+              "aria-label": "Limpiar",
+              className: "absolute right-2 top-2 inline-flex items-center justify-center text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunkA3A7PJWG_cjs.cn("mt-1 text-xs", messageColor2),
+            role: status === "error" ? "alert" : void 0,
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
+});
+function mapSize(size) {
+  if (size === "sm") return "sm";
+  if (size === "lg") return "lg";
+  return "default";
+}
+var Toggle = React5__namespace.forwardRef(
+  ({
+    pressed,
+    defaultPressed,
+    onChange,
+    variant = "default",
+    size = "md",
+    disabled,
+    className,
+    children,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TogglePrimitive__namespace.Root,
+    {
+      ref,
+      pressed,
+      defaultPressed,
+      onPressedChange: onChange,
+      disabled,
+      className: chunkA3A7PJWG_cjs.cn(chunkERGKCXM2_cjs.toggleVariants({ variant, size: mapSize(size) }), className),
+      ...rest,
+      children
+    }
+  )
+);
+Toggle.displayName = "Toggle";
+function mapSize2(size) {
+  if (size === "sm") return "sm";
+  if (size === "lg") return "lg";
+  return "default";
+}
+var ToggleGroup2 = React5__namespace.forwardRef((props, ref) => {
+  const { options, variant = "default", size = "md", disabled, className } = props;
+  const sharedItems = options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(chunkERGKCXM2_cjs.ToggleGroupItem, { value: opt.value, disabled: opt.disabled || disabled, children: opt.label }, opt.value));
+  if (props.type === "single") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkERGKCXM2_cjs.ToggleGroup,
+      {
+        ref,
+        type: "single",
+        value: props.value,
+        defaultValue: props.defaultValue,
+        onValueChange: (v) => props.onChange?.(v),
+        variant,
+        size: mapSize2(size),
+        disabled,
+        className: chunkA3A7PJWG_cjs.cn(className),
+        children: sharedItems
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkERGKCXM2_cjs.ToggleGroup,
+    {
+      ref,
+      type: "multiple",
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onValueChange: (v) => props.onChange?.(v),
+      variant,
+      size: mapSize2(size),
+      disabled,
+      className: chunkA3A7PJWG_cjs.cn(className),
+      children: sharedItems
+    }
+  );
+});
+ToggleGroup2.displayName = "ToggleGroup";
+
+exports.Avatar = Avatar2;
+exports.Checkbox = Checkbox2;
+exports.Descriptions = Descriptions;
+exports.Input = Input2;
+exports.InputNumber = InputNumber;
+exports.MultiSelect = MultiSelect;
+exports.Progress = Progress;
+exports.Radio = Radio;
+exports.Rate = Rate;
+exports.Select = Select;
+exports.Separator = Separator2;
+exports.Skeleton = Skeleton2;
+exports.Slider = Slider;
+exports.Switch = Switch;
+exports.Tag = Tag;
+exports.Textarea = Textarea2;
+exports.Toggle = Toggle;
+exports.ToggleGroup = ToggleGroup2;
+//# sourceMappingURL=chunk-5PEOJVY7.cjs.map
+//# sourceMappingURL=chunk-5PEOJVY7.cjs.map