prometeo-design-system 4.7.0 → 4.7.1

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,116 @@
-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 $, isValidElement as q } from "react";
+import { c as B } from "./index-BOQuZ0gG.js";
+import { H as D } from "./HelperComponent-ljsn0xD6.js";
+const F = B(
+  "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 focus-within:border-primary-default-default",
+        error: "border-error-default-default focus-within:border-error-default",
+        success: "border-success-default-default focus-within:border-success-default"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), N = _(
   ({
     className: t,
-    autoResize: a = !0,
-    userResize: f = !1,
-    minRows: d = 1,
-    maxRows: u,
-    placeholder: H,
-    onChange: v,
+    autoResize: s = !0,
+    userResize: u = !1,
+    minRows: f = 1,
+    maxRows: i,
+    placeholder: C,
+    onChange: A,
     value: S,
-    rows: n,
+    rows: l,
     disabled: k = !1,
-    children: m,
-    ...A
+    children: d,
+    variant: b = "default",
+    helperComponent: m,
+    ...R
     // ← Para pasar las props nativas
-  }, l) => {
-    const y = s.useRef(null), r = s.useRef(null), L = s.useCallback(
+  }, n) => {
+    const y = o.useRef(null), E = o.useRef(null), z = o.useCallback(
       (e) => {
-        y.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+        y.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
       },
-      [l]
-    ), h = s.useCallback(() => {
+      [n]
+    ), h = o.useCallback(() => {
       const e = y.current;
-      if (!e || !a) return;
+      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;
+      const I = e.scrollHeight, p = Number.parseInt(getComputedStyle(e).lineHeight) || 16, L = Math.min((l ?? f) * p, E.current?.clientHeight || 0);
+      let c = Math.max(I, L);
+      if (i || l) {
+        const O = (i || l || 1) * p;
         c = Math.min(c, O);
       }
-      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 = `${c}px`, c > p + 12 && (e.style.alignContent = "start");
+    }, [s, f, i]), M = (e) => {
+      A?.(e), h();
     };
-    s.useEffect(() => {
+    o.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;
+    const T = () => u ? s ? "resize-x" : "resize" : "resize-none", V = typeof d == "function" ? d() : d, w = $.toArray(V);
+    let x = null, g = null;
+    return w.forEach((e) => {
+      if (q(e)) {
+        if (e.type === H && !x) {
+          x = e;
           return;
         }
-        if (e.type === C && !p) {
-          p = e;
+        if (e.type === v && !g) {
+          g = 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", m && "mb-6"), children: [
+      /* @__PURE__ */ r.jsxs("div", { className: a(F({ variant: b, className: t })), children: [
+        x,
+        /* @__PURE__ */ r.jsx(
+          "textarea",
+          {
+            ref: z,
+            "data-slot": "textarea",
+            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",
+              T()
+            ),
+            onChange: M,
+            rows: l ?? f,
+            value: S,
+            placeholder: C,
+            disabled: k,
+            ...R
+          }
+        ),
+        g
+      ] }),
+      m && /* @__PURE__ */ r.jsx(D, { className: "absolute -bottom-1 left-0 translate-y-full", variant: b, children: m })
     ] });
   }
-), 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,
-  RightSlot: C
+), j = (t) => {
+  const { children: s, className: u } = t;
+  return /* @__PURE__ */ r.jsx("div", { className: a("slot", u), children: s });
+}, H = (t) => /* @__PURE__ */ r.jsx(j, { ...t, className: a("left-slot flex gap-1 items-center py-3", t?.className) }), v = (t) => /* @__PURE__ */ r.jsx(j, { ...t, className: a("right-slot flex gap-1 items-end py-3", t?.className) }), G = Object.assign(N, {
+  Root: N,
+  LeftSlot: H,
+  RightSlot: v
 });
-q.displayName = "TextArea";
+G.displayName = "TextArea";
 export {
-  q as default
+  G 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";