prometeo-design-system 8.3.0 → 8.3.1

package/dist/ChipSelect.es.js

@@ -1,12 +1,12 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as I } from "./cn-B6yFEsav.js";
-import { g as n } from "./utils-X4-h3cum.js";
+import { g as o } from "./utils-X4-h3cum.js";
 import { useRef as m, useState as Q, useMemo as re, useEffect as le } from "react";
 import ae from "./Popover.es.js";
-import { Search as ne } from "./Icon-Search.es.js";
-import { CheckSmall as oe } from "./Icon-CheckSmall.es.js";
+import { Search as oe } from "./Icon-Search.es.js";
+import { CheckSmall as ne } from "./Icon-CheckSmall.es.js";
 function se({
-  label: o,
+  label: n,
   icon: T,
   display: G,
   error: U,
@@ -16,7 +16,7 @@ function se({
   emptyMessage: V = "No hay opciones disponibles",
   options: s,
   optionValue: $,
-  optionLabel: b,
+  optionLabel: h,
   optionGroup: N,
   optionLeading: k,
   selectedValues: C,
@@ -28,16 +28,16 @@ function se({
   limitReached: D,
   limitMessage: A,
   searchValue: X,
-  onSearchChange: h,
+  onSearchChange: b,
   className: Y
 }) {
-  const g = m(null), q = m(null), v = m(null), j = m(null), [u, B] = Q(!1), [c, E] = Q(""), w = C.length > 0, i = h !== void 0, Z = i ? X ?? "" : c, R = re(() => {
+  const g = m(null), q = m(null), v = m(null), j = m(null), [u, B] = Q(!1), [c, E] = Q(""), w = C.length > 0, i = b !== void 0, Z = i ? X ?? "" : c, R = re(() => {
     if (i || !c.trim()) return s;
     const e = c.trim().toLowerCase();
     return s.filter(
-      (r) => n(r, b).toLowerCase().includes(e)
+      (r) => o(r, h).toLowerCase().includes(e)
     );
-  }, [s, c, i, b]);
+  }, [s, c, i, h]);
   le(() => {
     u && requestAnimationFrame(() => {
       if (y && j.current) {
@@ -75,7 +75,7 @@ function se({
         ref: g,
         type: "button",
         disabled: O,
-        "aria-label": o,
+        "aria-label": n,
         "aria-haspopup": "listbox",
         "aria-expanded": u,
         title: x ? M : void 0,
@@ -84,7 +84,7 @@ function se({
           "inline-flex h-8 items-center gap-1.5 rounded-full border px-3 transition-colors",
           "pyrion-fonts-label-medium",
           O ? "cursor-default" : "cursor-pointer",
-          w ? "bg-neutral-secondary-default border-neutral-default-default text-neutral-secondary-default" : "border-dashed border-neutral-default-default bg-transparent text-neutral-tertiary-default",
+          w ? "bg-neutral-secondary-default hover:bg-neutral-secondary-hover border-neutral-default-default hover:border-neutral-default-hover text-neutral-secondary-default" : "border-dashed border-neutral-default-default hover:border-neutral-default-hover bg-transparent hover:bg-neutral-primary-hover text-neutral-tertiary-default",
           U && "border-dashed border-(--text-semantic-error-onneutral-default) text-semantic-error-onneutral-default",
           // En lectura el chip no se apaga: el valor tiene que seguir legible.
           // El que se atenúa es el deshabilitado, que sí es un bloqueo temporal.
@@ -93,7 +93,7 @@ function se({
         ),
         children: [
           T,
-          w ? G : o
+          w ? G : n
         ]
       }
     ),
@@ -107,7 +107,7 @@ function se({
         zIndex: 60,
         onOpen: () => B(!0),
         onClose: () => {
-          B(!1), E(""), h?.("");
+          B(!1), E(""), b?.("");
         },
         className: "p-0!",
         children: /* @__PURE__ */ t.jsxs(
@@ -117,14 +117,14 @@ function se({
             className: "bg-neutral-primary-default border-neutral-default-default radius-large flex w-72 flex-col overflow-hidden border",
             children: [
               y && /* @__PURE__ */ t.jsxs("div", { className: "border-neutral-default-default flex items-center gap-2 border-b px-3 py-2", children: [
-                /* @__PURE__ */ t.jsx(ne, { size: 16, className: "text-neutral-tertiary-default shrink-0" }),
+                /* @__PURE__ */ t.jsx(oe, { size: 16, className: "text-neutral-tertiary-default shrink-0" }),
                 /* @__PURE__ */ t.jsx(
                   "input",
                   {
                     ref: j,
                     value: Z,
-                    onChange: (e) => i ? h?.(e.target.value) : E(e.target.value),
-                    placeholder: `Buscar ${o.toLowerCase()}…`,
+                    onChange: (e) => i ? b?.(e.target.value) : E(e.target.value),
+                    placeholder: `Buscar ${n.toLowerCase()}…`,
                     className: "pyrion-fonts-body-small text-neutral-primary-default placeholder:text-neutral-tertiary-default w-full bg-transparent outline-none"
                   }
                 )
@@ -134,13 +134,13 @@ function se({
                 {
                   ref: v,
                   role: "listbox",
-                  "aria-label": o,
+                  "aria-label": n,
                   className: "max-h-72 overflow-y-auto p-1",
                   children: [
                     a && /* @__PURE__ */ t.jsx("p", { className: "pyrion-fonts-body-small text-neutral-tertiary-default px-3 py-2", children: "Cargando…" }),
                     !a && R.length === 0 && /* @__PURE__ */ t.jsx("p", { className: "pyrion-fonts-body-small text-neutral-tertiary-default px-3 py-2", children: V }),
                     !a && R.map((e) => {
-                      const r = n(e, $), f = n(e, b), l = N ? n(e, N) : void 0, z = k ? n(e, k) : void 0, p = C.includes(r), F = !!D && !p, te = l !== void 0 && l !== P;
+                      const r = o(e, $), f = o(e, h), l = N ? o(e, N) : void 0, z = k ? o(e, k) : void 0, p = C.includes(r), F = !!D && !p, te = l !== void 0 && l !== P;
                       return P = l, /* @__PURE__ */ t.jsxs("div", { children: [
                         te && /* @__PURE__ */ t.jsx("p", { className: "pyrion-fonts-label-small text-neutral-tertiary-default px-3 pt-2 pb-1", children: l }),
                         /* @__PURE__ */ t.jsxs(
@@ -161,7 +161,7 @@ function se({
                             children: [
                               z,
                               /* @__PURE__ */ t.jsx("span", { className: "flex-1 truncate", children: f }),
-                              p && /* @__PURE__ */ t.jsx(oe, { size: 16, className: "shrink-0" })
+                              p && /* @__PURE__ */ t.jsx(ne, { size: 16, className: "shrink-0" })
                             ]
                           }
                         )

package/dist/DatePickerPill.es.js

@@ -1,29 +1,29 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { c as k } from "./cn-B6yFEsav.js";
-import { useRef as p, useState as D } from "react";
-import { D as P } from "./DatePicker-CdLqTQWn.js";
-import w from "./Popover.es.js";
-import { CalendarToday as N } from "./Icon-CalendarToday.es.js";
-import { CloseSmall as R } from "./Icon-CloseSmall.es.js";
-const I = new Intl.DateTimeFormat("es-AR", { day: "numeric", month: "short" });
-function K({
+import { c as v } from "./cn-B6yFEsav.js";
+import { useRef as p, useState as k } from "react";
+import { D } from "./DatePicker-CdLqTQWn.js";
+import P from "./Popover.es.js";
+import { CalendarToday as w } from "./Icon-CalendarToday.es.js";
+import { CloseSmall as N } from "./Icon-CloseSmall.es.js";
+const R = new Intl.DateTimeFormat("es-AR", { day: "numeric", month: "short" });
+function I({
   label: s,
   value: t,
-  onChange: i,
+  onChange: d,
   error: m,
   disabled: a,
-  disabledReason: x,
+  disabledReason: h,
   readOnly: n,
-  disabledDates: b,
-  clearLabel: y = "Quitar fecha",
-  className: g
+  disabledDates: x,
+  clearLabel: b = "Quitar fecha",
+  className: y
 }) {
-  const l = p(null), d = p(null), [c, u] = D(!1), f = !!a || !!n, o = () => {
-    d.current?.close(), l.current?.focus();
-  }, h = (r) => {
+  const l = p(null), i = p(null), [u, c] = k(!1), f = !!a || !!n, o = () => {
+    i.current?.close(), l.current?.focus();
+  }, g = (r) => {
     r.key === "Escape" && (r.stopPropagation(), o());
   }, j = (r) => {
-    r.key === "Escape" && c && (r.stopPropagation(), o());
+    r.key === "Escape" && u && (r.stopPropagation(), o());
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -34,53 +34,53 @@ function K({
         disabled: f,
         "aria-label": s,
         "aria-haspopup": "dialog",
-        "aria-expanded": c,
-        title: a ? x : void 0,
+        "aria-expanded": u,
+        title: a ? h : void 0,
         onKeyDown: j,
-        className: k(
+        className: v(
           "inline-flex h-8 items-center gap-1.5 rounded-full border px-3 transition-colors",
           "pyrion-fonts-label-medium",
           f ? "cursor-default" : "cursor-pointer",
-          t ? "bg-neutral-secondary-default border-neutral-default-default text-neutral-secondary-default" : "border-dashed border-neutral-default-default bg-transparent text-neutral-tertiary-default",
+          t ? "bg-neutral-secondary-default hover:bg-neutral-secondary-hover border-neutral-default-default hover:border-neutral-default-hover text-neutral-secondary-default" : "border-dashed border-neutral-default-default hover:border-neutral-default-hover bg-transparent hover:bg-neutral-primary-hover text-neutral-tertiary-default",
           m && "border-dashed border-(--text-semantic-error-onneutral-default) text-semantic-error-onneutral-default",
           // En lectura el chip no se apaga: el valor tiene que seguir legible.
           // El que se atenúa es el deshabilitado, que sí es un bloqueo temporal.
           a && "opacity-50",
-          g
+          y
         ),
         children: t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(N, { size: 14, className: "shrink-0" }),
-          I.format(t)
+          /* @__PURE__ */ e.jsx(w, { size: 14, className: "shrink-0" }),
+          R.format(t)
         ] }) : `+ ${s}`
       }
     ),
     /* @__PURE__ */ e.jsx(
-      w,
+      P,
       {
-        ref: d,
+        ref: i,
         triggerRef: l,
         trigger: "click",
         hideIndicator: !0,
         zIndex: 60,
-        onOpen: () => u(!0),
-        onClose: () => u(!1),
+        onOpen: () => c(!0),
+        onClose: () => c(!1),
         className: "p-0!",
         children: /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onKeyDown: h,
+            onKeyDown: g,
             className: "bg-neutral-primary-default border-neutral-default-default radius-large flex flex-col overflow-hidden border",
             children: [
               /* @__PURE__ */ e.jsx(
-                P,
+                D,
                 {
                   variant: "only-calendar",
                   mode: "single",
                   selected: t,
                   onSelect: (r) => {
-                    i(r ?? void 0), o();
+                    d(r ?? void 0), o();
                   },
-                  disabledDates: b,
+                  disabledDates: x,
                   disabled: n
                 }
               ),
@@ -89,12 +89,12 @@ function K({
                 {
                   type: "button",
                   onClick: () => {
-                    i(void 0), o();
+                    d(void 0), o();
                   },
                   className: "pyrion-fonts-body-small text-neutral-tertiary-default hover:bg-neutral-secondary-default border-neutral-default-default flex items-center gap-2 border-t px-3 py-2 text-left",
                   children: [
-                    /* @__PURE__ */ e.jsx(R, { size: 14 }),
-                    y
+                    /* @__PURE__ */ e.jsx(N, { size: 14 }),
+                    b
                   ]
                 }
               )
@@ -105,7 +105,7 @@ function K({
     )
   ] });
 }
-K.displayName = "DatePickerPill";
+I.displayName = "DatePickerPill";
 export {
-  K as default
+  I as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "8.3.0",
+  "version": "8.3.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",