prometeo-design-system 4.7.0 → 4.7.2

package/dist/SelectSearch.es.js

@@ -1,4 +1,4 @@
-import { j as Y } from "./jsx-runtime-DKDX3adD.js";
+import { j as Y } from "./jsx-runtime-GkKLlHH4.js";
 import { g as i } from "./utils-X4-h3cum.js";
 import { useState as A, useRef as E, useEffect as b, useMemo as ee, useCallback as ne } from "react";
 import Z from "./Select.es.js";

package/dist/Skeleton.es.js

@@ -1,4 +1,4 @@
-import { j as E } from "./jsx-runtime-DKDX3adD.js";
+import { j as E } from "./jsx-runtime-GkKLlHH4.js";
 import { c as B } from "./cn-B6yFEsav.js";
 import { memo as N, useRef as R, useCallback as D, useLayoutEffect as M } from "react";
 const y = (n) => {

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-GkKLlHH4.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { c as p } from "./index-BOQuZ0gG.js";
 import { memo as d } from "react";

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/Switch.es.js

@@ -1,8 +1,8 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-GkKLlHH4.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { memo as w, useRef as b } from "react";
-import { motion as c } from "framer-motion";
-const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
+import { motion as l } from "framer-motion";
+const c = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
   const n = b(null), h = (u) => {
     if (!n.current || t) return;
     u.preventDefault(), u.stopPropagation();
@@ -59,7 +59,7 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
           i[e][s].container
         ),
         children: /* @__PURE__ */ a.jsx(
-          c.span,
+          l.span,
           {
             animate: m[e],
             whileHover: t ? {} : {
@@ -70,7 +70,7 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
               "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2"
             ),
             children: /* @__PURE__ */ a.jsx(
-              c.span,
+              l.span,
               {
                 animate: p[e],
                 whileTap: t ? {} : {
@@ -89,8 +89,8 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     )
   ] });
 };
-l.displayName = "Switch";
-const y = w(l);
+c.displayName = "Switch";
+const y = w(c);
 export {
   y as Switch,
   y as default

package/dist/{TabLinks-C0ywjYt-.js → TabLinks-DnoWdrdk.js}

@@ -1,9 +1,9 @@
-import { j as i } from "./jsx-runtime-DKDX3adD.js";
+import { j as i } from "./jsx-runtime-GkKLlHH4.js";
 import { motion as I } from "framer-motion";
 import { memo as $, useId as w, useRef as z, useEffect as E, isValidElement as L } from "react";
 import { c as d } from "./cn-B6yFEsav.js";
 import M from "./PlainTooltip.es.js";
-const R = Symbol.for("react.memo"), S = (e, a, n) => {
+const R = /* @__PURE__ */ Symbol.for("react.memo"), S = (e, a, n) => {
   if (!e)
     return null;
   if (typeof e == "function") {

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { T as f } from "./TabLinks-C0ywjYt-.js";
+import { T as f } from "./TabLinks-DnoWdrdk.js";
 export {
   f as default
 };

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,108 +1,140 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import * as s from "react";
-import { forwardRef as V, Children as _, isValidElement as $ } from "react";
-const b = V(
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { c as a } from "./cn-B6yFEsav.js";
+import * as o from "react";
+import { forwardRef as $, Children as q, isValidElement as B } from "react";
+import { c as y } from "./index-BOQuZ0gG.js";
+import { H as D } from "./HelperComponent-ljsn0xD6.js";
+const F = y(
+  "transition-all duration-300 ease-in-out border px-3 rounded-lg flex gap-1 items-stretch relative overflow-auto prometeo-scrollbar-thin-weak",
+  {
+    variants: {
+      variant: {
+        default: "border-neutral-default-default hover:border-primary-default-default focus-within:border-primary-default-default focus-within:ring-1 focus-within:ring-primary-default-default focus-within:hover:border-primary-default-default",
+        error: "border-error-default-default hover:border-error-strong-default focus-within:border-error-default focus-within:ring-1 focus-within:ring-error-default-default focus-within:hover:border-error-default",
+        success: "border-success-default-default hover:border-success-strong-default focus-within:border-success-default focus-within:ring-1 focus-within:ring-success-default-default focus-within:hover:border-success-default"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), G = y(
+  "",
+  {
+    variants: {
+      disabled: {
+        true: "border-neutral-strong-default hover:border-neutral-strong-default "
+      }
+    }
+  }
+), J = y(
+  "",
+  {
+    variants: {
+      disabled: {
+        true: "placeholder:text-neutral-medium-disabled text-neutral-medium-disabled"
+      }
+    }
+  }
+), j = $(
   ({
     className: t,
-    autoResize: a = !0,
-    userResize: f = !1,
+    autoResize: s = !0,
+    userResize: c = !1,
     minRows: d = 1,
-    maxRows: u,
-    placeholder: H,
-    onChange: v,
-    value: S,
+    maxRows: i,
+    placeholder: A,
+    onChange: S,
+    value: k,
     rows: n,
-    disabled: k = !1,
+    disabled: u = !1,
     children: m,
-    ...A
+    variant: v = "default",
+    helperComponent: h,
+    ...R
     // ← Para pasar las props nativas
   }, l) => {
-    const y = s.useRef(null), r = s.useRef(null), L = s.useCallback(
+    const N = o.useRef(null), V = o.useRef(null), E = o.useCallback(
       (e) => {
-        y.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+        N.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
       },
       [l]
-    ), h = s.useCallback(() => {
-      const e = y.current;
-      if (!e || !a) return;
+    ), g = o.useCallback(() => {
+      const e = N.current;
+      if (!e || !s) return;
       e.style.height = "auto";
-      const F = e.scrollHeight, x = Number.parseInt(getComputedStyle(e).lineHeight) || 16, I = Math.min((n ?? d) * x, r.current?.clientHeight || 0);
-      let c = Math.max(F, I);
-      if (u || n) {
-        const O = (u || n || 1) * x;
-        c = Math.min(c, O);
+      const L = e.scrollHeight, p = Number.parseInt(getComputedStyle(e).lineHeight) || 16, O = Math.min((n ?? d) * p, V.current?.clientHeight || 0);
+      let f = Math.max(L, O);
+      if (i || n) {
+        const _ = (i || n || 1) * p;
+        f = Math.min(f, _);
       }
-      e.style.height = `${c}px`, c > x + 12 && (e.style.alignContent = "start");
-    }, [a, d, u]), R = () => {
-      r.current?.classList.remove("border-neutral-default-default"), r.current?.classList.add("border-primary-default-default");
-    }, E = () => {
-      r.current?.classList.remove("border-primary-default-default"), r.current?.classList.add("border-neutral-default-default");
-    }, z = (e) => {
-      v?.(e), h();
+      e.style.height = `${f}px`, f > p + 12 && (e.style.alignContent = "start");
+    }, [s, d, i]), T = (e) => {
+      S?.(e), g();
     };
-    s.useEffect(() => {
-      h();
-    }, [h]);
-    const M = () => f ? a ? "resize-x" : "resize" : "resize-none", T = typeof m == "function" ? m() : m, B = _.toArray(T);
-    let g = null, p = null;
-    return B.forEach((e) => {
-      if ($(e)) {
-        if (e.type === j && !g) {
-          g = e;
+    o.useEffect(() => {
+      g();
+    }, [g]);
+    const z = () => c ? s ? "resize-x" : "resize" : "resize-none", M = typeof m == "function" ? m() : m, I = q.toArray(M);
+    let x = null, b = null;
+    return I.forEach((e) => {
+      if (B(e)) {
+        if (e.type === w && !x) {
+          x = e;
           return;
         }
-        if (e.type === C && !p) {
-          p = e;
+        if (e.type === C && !b) {
+          b = e;
           return;
         }
       }
-    }), /* @__PURE__ */ o.jsxs("div", { ref: r, className: i(
-      "transition-all duration-300 ease-in-out",
-      "border border-neutral-default-default px-3 rounded-lg",
-      "flex gap-1 items-stretch",
-      "relative",
-      "overflow-auto prometeo-scrollbar-thin-weak"
-    ), children: [
-      g,
-      /* @__PURE__ */ o.jsx(
-        "textarea",
-        {
-          ref: L,
-          "data-slot": "textarea",
-          className: i(
-            // 'border border-amber-400/30',
-            "flex-2 shrink-0 min-w-min h-fit my-3 ",
-            "prometeo-fonts-body-large resize-none",
-            "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none",
-            "content-center",
-            "outline-none",
-            "prometeo-scrollbar-thin-weak",
-            M(),
-            t
-          ),
-          onChange: z,
-          onFocus: R,
-          onBlur: E,
-          rows: n ?? d,
-          value: S,
-          placeholder: H,
-          disabled: k,
-          ...A
-        }
-      ),
-      p
+    }), /* @__PURE__ */ r.jsxs("div", { className: a("relative", h && "mb-6"), children: [
+      /* @__PURE__ */ r.jsxs("div", { className: a(
+        F({ variant: v, className: t }),
+        G({ disabled: u })
+      ), children: [
+        x,
+        /* @__PURE__ */ r.jsx(
+          "textarea",
+          {
+            ref: E,
+            "data-slot": "textarea",
+            "aria-disabled": u,
+            className: a(
+              // 'border border-amber-400/30',
+              "flex-2 shrink-0 min-w-min h-fit my-3 ",
+              "prometeo-fonts-body-large resize-none",
+              "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none",
+              "content-center",
+              "outline-none",
+              "prometeo-scrollbar-thin-weak",
+              "disabled:text-neutral-medium-disabled",
+              z(),
+              J({ disabled: u })
+            ),
+            onChange: T,
+            rows: n ?? d,
+            value: k,
+            placeholder: A,
+            disabled: u,
+            ...R
+          }
+        ),
+        b
+      ] }),
+      h && /* @__PURE__ */ r.jsx(D, { className: "absolute -bottom-1 left-0 translate-y-full", variant: v, children: h })
     ] });
   }
-), N = (t) => {
-  const { children: a, className: f } = t;
-  return /* @__PURE__ */ o.jsx("div", { className: i("slot", f), children: a });
-}, j = (t) => /* @__PURE__ */ o.jsx(N, { ...t, className: i("left-slot flex gap-1 items-center py-3", t?.className) }), C = (t) => /* @__PURE__ */ o.jsx(N, { ...t, className: i("right-slot flex gap-1 items-end py-3", t?.className) }), q = Object.assign(b, {
-  Root: b,
-  LeftSlot: j,
+), H = (t) => {
+  const { children: s, className: c } = t;
+  return /* @__PURE__ */ r.jsx("div", { className: a("slot", c), children: s });
+}, w = (t) => /* @__PURE__ */ r.jsx(H, { ...t, className: a("left-slot flex gap-1 items-center py-3", t?.className) }), C = (t) => /* @__PURE__ */ r.jsx(H, { ...t, className: a("right-slot flex gap-1 items-end py-3", t?.className) }), K = Object.assign(j, {
+  Root: j,
+  LeftSlot: w,
   RightSlot: C
 });
-q.displayName = "TextArea";
+K.displayName = "TextArea";
 export {
-  q as default
+  K as default
 };

package/dist/TicketCard.es.js

@@ -1,4 +1,4 @@
-import { j as l } from "./jsx-runtime-DKDX3adD.js";
+import { j as l } from "./jsx-runtime-GkKLlHH4.js";
 import { g as L } from "./useLabelBackground-D5SzHhl_.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { memo as O, useState as y, useCallback as x, useImperativeHandle as S, Children as A, isValidElement as B, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";

package/dist/Toast.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import I, { useRef as j, useEffect as E } from "react";
 import { toast as y } from "sonner";

package/dist/ToastProvider.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { Toaster as r } from "sonner";
 const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
 export {

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Close as b } from "./Icons/Close.es.js";

package/dist/UserCard.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as d, useCallback as a } from "react";
 import { c as n } from "./cn-B6yFEsav.js";
 import o from "./Avatar.es.js";

package/dist/{badge-CiiB9SGl.js → badge-BEx-0Q-K.js}

@@ -1,4 +1,4 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
 import { c } from "./cn-B6yFEsav.js";
 const g = ({
   count: r,

package/dist/components/DatePicker/DatePicker.d.ts

@@ -23,6 +23,7 @@ interface DatePickerBaseProps {
     min?: number;
     max?: number;
     disabled?: boolean;
+    tabIndex?: number;
 }
 interface DatePickerSingleProps extends DatePickerBaseProps {
     mode?: "single";

package/dist/components/Dialog/Dialog.d.ts

@@ -8,6 +8,7 @@ interface DialogProps<TContext = unknown> {
     debugMode?: boolean;
     safeMarginSize?: number;
     scroll?: 'content' | 'dialog';
+    size?: 'medium' | 'large';
 }
 export interface DialogHandle<TContext = unknown> {
     open: (context?: TContext) => void;

package/dist/components/InputMultiple/InputMultiple.d.ts

@@ -19,7 +19,8 @@ export interface InputMultipleProps {
     onClick?: (e: React.MouseEvent) => void;
     className?: string;
     readonly?: boolean;
+    tabIndex?: number;
     onValueDelete?: (value: string) => void;
 }
-declare const _default: React.MemoExoticComponent<({ label, name, onChange, value, icon, valueSeparator, variant, placeholder, itemClassName, itemIcon, helperText, errorText, disabled, onClick, className, readonly, onValueDelete, ...rest }: InputMultipleProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ label, name, onChange, value, icon, valueSeparator, variant, placeholder, itemClassName, itemIcon, helperText, errorText, disabled, onClick, className, readonly, onValueDelete, tabIndex, ...rest }: InputMultipleProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/TextArea/TextArea.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ComponentVariant } from '../Shared/types';
 import * as React from "react";
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "children"> {
     autoResize?: boolean;
@@ -12,6 +13,8 @@ export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     rows?: number;
     disabled?: boolean;
     children?: ReactNode | (() => ReactNode);
+    variant?: ComponentVariant;
+    helperComponent?: React.ReactNode | string;
 }
 type SlotProps = {
     children: React.ReactNode;

package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-GkKLlHH4.js}

@@ -1,19 +1,10 @@
 import K from "react";
 var v = { exports: {} }, m = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var I;
 function ee() {
   if (I) return m;
   I = 1;
-  var l = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.fragment");
   function c(i, o, s) {
     var f = null;
     if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
@@ -32,15 +23,6 @@ function ee() {
   return m.Fragment = b, m.jsx = c, m.jsxs = c, m;
 }
 var _ = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var $;
 function re() {
   return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -236,7 +218,7 @@ React keys must be passed directly to JSX without using spread:
     function y(e) {
       return typeof e == "object" && e !== null && e.$$typeof === j;
     }
-    var E = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var E = K, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), q = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {

package/dist/prometeo-design-system.es.js

@@ -17,25 +17,25 @@ import { default as te } from "./Select.es.js";
 import { default as oe } from "./Spinner.es.js";
 import { default as se } from "./Steps.es.js";
 import { default as fe } from "./Switch.es.js";
-import { D as ne } from "./DatePicker-n6qm0fey.js";
+import { D as ne } from "./DatePicker-CaeM0ulv.js";
 import { RecurrentDatePicker as me } from "./RecurrentDatePicker.es.js";
 import { RecurrentDatePickerRRule as ie } from "./RecurrentDatePickerRRule.es.js";
 import { default as ce } from "./IconButton.es.js";
 import { Table as De, TableBody as ve, TableCaption as Te, TableCell as ge, TableFooter as ke, TableHead as he, TableHeader as Be, TableRow as Ce } from "./Table.es.js";
-import { T as Ee } from "./TabLinks-C0ywjYt-.js";
+import { T as Ee } from "./TabLinks-DnoWdrdk.js";
 import { default as Re } from "./TextArea.es.js";
 import { default as Ie } from "./Tooltip.es.js";
 import { default as Le } from "./Skeleton.es.js";
 import { default as je } from "./SegmentedButton.es.js";
-import { I as ye } from "./ImageGallery-4DdXqwRy.js";
+import { I as ye } from "./ImageGallery-DG9ovlQ-.js";
 import { default as Oe } from "./Image.es.js";
 import { default as _e, toastpyrion as Ge } from "./Toast.es.js";
 import { default as Ze } from "./ToastProvider.es.js";
 import { default as Je } from "./SelectSearch.es.js";
 import { default as Qe } from "./FAButton.es.js";
 import { default as We } from "./RadioButton.es.js";
-import { B as Ye } from "./badge-CiiB9SGl.js";
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { B as Ye } from "./badge-BEx-0Q-K.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
 import { CloseNavBarDesktop as l } from "./Icons/CloseNavBarDesktop.es.js";
 import { default as Fe } from "./OtpInput.es.js";
 import n, { useRef as p, useEffect as m } from "react";