prometeo-design-system 7.5.0 → 7.5.2

package/dist/Chip.es.js

@@ -1,37 +1,37 @@
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as C, forwardRef as F, useMemo as N, useCallback as p } from "react";
-import { c as h } from "./index-BOQuZ0gG.js";
-import { c as v } from "./cn-B6yFEsav.js";
+import { memo as C, forwardRef as K, useMemo as N, useCallback as v } from "react";
+import { c as m } from "./index-BOQuZ0gG.js";
+import { c as h } from "./cn-B6yFEsav.js";
 import { i as V } from "./iconUtils-rTOfKDxE.js";
-import { Close as K } from "./Icons/Close.es.js";
-import { A as q } from "./AvatarBase-D6H-sXbg.js";
-const Q = {
+import { Close as q } from "./Icons/Close.es.js";
+import { A as Q } from "./AvatarBase-D6H-sXbg.js";
+const Z = {
   small: "h-5 px-2 text-xs prometeo-fonts-body-small",
   medium: "h-8 px-3 text-sm prometeo-fonts-body-medium",
   large: "h-9 px-3 text-sm prometeo-fonts-body-medium"
-}, Z = {
+}, $ = {
   default: "text-neutral-default-default border-neutral-default-default bg-inherit rounded-lg font-semibold",
   error: "",
   success: ""
-}, $ = "border-neutral-strong-default text-neutral-default-disabled", J = "text-neutral-default-disabled", W = ["leading", "avatar"], X = ["default", "error", "success"];
-function ee(e) {
-  return W.includes(e);
+}, J = "border-neutral-strong-default text-neutral-default-disabled", W = "text-neutral-default-disabled", X = ["leading", "avatar"], ee = ["default", "error", "success"];
+function ae(e) {
+  return X.includes(e);
 }
 function H(e) {
-  return X.includes(e);
+  return ee.includes(e);
 }
-function ae(e) {
-  const a = e.layout ?? (ee(e.variant) ? e.variant : void 0), s = e.semanticVariant ?? (H(e.variant) ? e.variant : void 0), i = a ?? (e.avatar ? "avatar" : "leading"), m = !!e.onRemove || !!e.size || !!s || !!e.semanticVariant || H(e.variant);
+function re(e) {
+  const a = e.layout ?? (ae(e.variant) ? e.variant : void 0), s = e.semanticVariant ?? (H(e.variant) ? e.variant : void 0), i = a ?? (e.avatar ? "avatar" : "leading"), f = !!e.onRemove || !!e.size || !!s || !!e.semanticVariant || H(e.variant);
   return {
     layout: i,
     legacySemanticVariant: s,
-    legacySizeClass: e.size ? Q[e.size] : void 0,
-    legacySemanticContainerClass: s ? Z[s] : void 0,
+    legacySizeClass: e.size ? Z[e.size] : void 0,
+    legacySemanticContainerClass: s ? $[s] : void 0,
     useLegacyRemoveHandler: !!e.onRemove,
-    isLegacyMode: m
+    isLegacyMode: f
   };
 }
-const re = h(
+const te = m(
   "group/chip flex items-center gap-1 p-2 w-max h-8 radius-medium border transition-all duration-300 ease-in-out",
   {
     variants: {
@@ -118,7 +118,7 @@ const re = h(
       }
     ]
   }
-), te = h(
+), se = m(
   "pyrion-fonts-label-medium transition-all duration-300 ease-in-out select-none",
   {
     variants: {
@@ -211,7 +211,7 @@ const re = h(
       }
     ]
   }
-), se = h("transition-all duration-300 ease-in-out", {
+), de = m("transition-all duration-300 ease-in-out", {
   variants: {
     isSelected: {
       true: "",
@@ -295,7 +295,7 @@ const re = h(
       className: "icon-disabled-ondisabled group-hover/chip:icon-disabled-ondisabled group-active/chip:icon-disabled-ondisabled"
     }
   ]
-}), de = h(
+}), oe = m(
   "transition-all duration-300 ease-in-out border-neutral-default-default border",
   {
     variants: {
@@ -349,24 +349,24 @@ const re = h(
       }
     ]
   }
-), oe = {
+), ne = {
   size: "xsmall",
   name: "A B"
 };
-function ne(e, a, s) {
+function ie(e, a, s) {
   return {
     isSelected: !!e,
     disabled: !!a,
     forcedStatus: s
   };
 }
-function ie(e) {
+function le(e) {
   return N(
     () => ({
-      container: re(e),
-      label: te(e),
-      icon: se(e),
-      avatar: de(e)
+      container: te(e),
+      label: se(e),
+      icon: de(e),
+      avatar: oe(e)
     }),
     [e.isSelected, e.disabled, e.forcedStatus]
   );
@@ -377,24 +377,25 @@ const D = C(function({
   size: i = 16
 }) {
   return /* @__PURE__ */ o.jsx(a, { size: i, className: s });
-}), le = C(function({
+}), ce = C(function({
   avatar: a,
   className: s
 }) {
-  return /* @__PURE__ */ o.jsx(q, { ...a, className: s });
+  return /* @__PURE__ */ o.jsx(Q, { ...a, className: s });
 });
-function ce(e, a) {
+function ue(e, a) {
   return e.label === a.label && e.isSelected === a.isSelected && e.disabled === a.disabled && e.forcedStatus === a.forcedStatus && e.layout === a.layout && e.variant === a.variant && e.semanticVariant === a.semanticVariant && e.className === a.className && e.onRemove === a.onRemove && e.id === a.id && e.size === a.size && e.tabIndex === a.tabIndex && e.leadingIcon === a.leadingIcon && e.leadingSlot === a.leadingSlot && e.trailingIcon === a.trailingIcon && e.onClick === a.onClick && e.onTrailingIconClick === a.onTrailingIconClick && e.avatar?.imageUrl === a.avatar?.imageUrl && e.avatar?.name === a.avatar?.name;
 }
-const ue = C(
-  F(function({
+const be = C(
+  K(function({
     isSelected: a = !1,
     label: s,
-    leadingIcon: i,
-    leadingSlot: m,
+    labelClassName: i,
+    leadingIcon: f,
+    leadingSlot: P,
     trailingIcon: x,
-    forcedStatus: P,
-    onTrailingIconClick: f,
+    forcedStatus: j,
+    onTrailingIconClick: p,
     onClick: l,
     disabled: r = !1,
     avatar: c,
@@ -405,11 +406,11 @@ const ue = C(
     id: g,
     size: _,
     tabIndex: y,
-    className: j,
-    ...T
-  }, z) {
+    className: T,
+    ...z
+  }, M) {
     const t = N(
-      () => ae({
+      () => re({
         layout: A,
         variant: L,
         semanticVariant: I,
@@ -418,68 +419,68 @@ const ue = C(
         size: _
       }),
       [A, L, I, c, u, _]
-    ), M = ne(a, r, P), b = ie(M), E = V(i) ? i : null, S = V(x) ? x : t.useLegacyRemoveHandler ? K : null, w = N(
-      () => ({ ...oe, ...c }),
+    ), w = ie(a, r, j), b = le(w), E = V(f) ? f : null, S = V(x) ? x : t.useLegacyRemoveHandler ? q : null, Y = N(
+      () => ({ ...ne, ...c }),
       [c?.imageUrl, c?.name]
-    ), n = !r && !!l, R = t.layout === "avatar", Y = y !== void 0 ? y : n ? 0 : void 0, k = p(
+    ), n = !r && !!l, R = t.layout === "avatar", k = y !== void 0 ? y : n ? 0 : void 0, G = v(
       (d) => {
-        r || (d.preventDefault(), d.stopPropagation(), f?.(d));
+        r || (d.preventDefault(), d.stopPropagation(), p?.(d));
       },
-      [r, f]
-    ), G = p(
+      [r, p]
+    ), O = v(
       (d) => {
         r || (d.stopPropagation(), d.preventDefault(), g != null && u?.(g));
       },
       [r, g, u]
-    ), O = p(
+    ), U = v(
       (d) => {
         r || l?.(d);
       },
       [r, l]
-    ), U = p(
+    ), B = v(
       (d) => {
         !n || r || d.key !== "Enter" && d.key !== " " || (d.preventDefault(), l?.(d));
       },
       [r, n, l]
-    ), B = !!S && (!!f || t.useLegacyRemoveHandler);
+    ), F = !!S && (!!p || t.useLegacyRemoveHandler);
     return /* @__PURE__ */ o.jsxs(
       "div",
       {
-        ...T,
-        ref: z,
-        className: v(
+        ...z,
+        ref: M,
+        className: h(
           b.container,
           !t.legacySizeClass && "h-8",
           t.legacySizeClass,
           t.legacySemanticContainerClass,
           t.isLegacyMode && "inline-flex font-semibold",
           n && "cursor-pointer",
-          r && t.isLegacyMode && $,
+          r && t.isLegacyMode && J,
           r && "pointer-events-none",
-          j
+          T
         ),
-        onClick: n ? O : void 0,
-        onKeyDown: n ? U : void 0,
+        onClick: n ? U : void 0,
+        onKeyDown: n ? B : void 0,
         "aria-disabled": r || void 0,
         role: n ? "button" : void 0,
-        tabIndex: Y,
+        tabIndex: k,
         children: [
           /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
-            !R && (m ?? (E && /* @__PURE__ */ o.jsx(D, { icon: E, className: b.icon }))),
-            R && /* @__PURE__ */ o.jsx(le, { avatar: w, className: b.avatar }),
-            /* @__PURE__ */ o.jsx("span", { className: v(b.label, "truncate"), children: s })
+            !R && (P ?? (E && /* @__PURE__ */ o.jsx(D, { icon: E, className: b.icon }))),
+            R && /* @__PURE__ */ o.jsx(ce, { avatar: Y, className: b.avatar }),
+            /* @__PURE__ */ o.jsx("span", { className: h(b.label, "truncate", i), children: s })
           ] }),
-          B && S && /* @__PURE__ */ o.jsx(
+          F && S && /* @__PURE__ */ o.jsx(
             "button",
             {
               type: "button",
               disabled: r,
               tabIndex: y,
-              onMouseDown: t.useLegacyRemoveHandler ? G : void 0,
-              onClick: t.useLegacyRemoveHandler ? void 0 : k,
-              className: v(
+              onMouseDown: t.useLegacyRemoveHandler ? O : void 0,
+              onClick: t.useLegacyRemoveHandler ? void 0 : G,
+              className: h(
                 "shrink-0",
-                (f || u) && !r && "cursor-pointer",
+                (p || u) && !r && "cursor-pointer",
                 t.useLegacyRemoveHandler && "p-0.5 z-10 transition-all duration-200 hover:scale-105",
                 t.useLegacyRemoveHandler && r && "cursor-default hover:scale-100"
               ),
@@ -488,9 +489,9 @@ const ue = C(
                 D,
                 {
                   icon: S,
-                  className: v(
+                  className: h(
                     b.icon,
-                    r && t.isLegacyMode && J
+                    r && t.isLegacyMode && W
                   ),
                   size: t.useLegacyRemoveHandler ? 18 : 16
                 }
@@ -501,9 +502,9 @@ const ue = C(
       }
     );
   }),
-  ce
+  ue
 );
-ue.displayName = "Chip";
+be.displayName = "Chip";
 export {
-  ue as default
+  be as default
 };

package/dist/Collapsible.css

@@ -1 +1 @@
-.pyrion-collapsible-content[data-orientation=vertical]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out,opacity .1s ease-in;opacity:0}.pyrion-collapsible-content[data-orientation=vertical][data-expanded=true]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease-out,opacity .15s ease-out 50ms}.pyrion-collapsible-content[data-orientation=horizontal]{display:grid;grid-template-columns:0fr;transition:grid-template-columns .25s ease-out,opacity .1s ease-in;opacity:0}.pyrion-collapsible-content[data-orientation=horizontal][data-expanded=true]{grid-template-columns:1fr;opacity:1;transition:grid-template-columns .25s ease-out,opacity .15s ease-out 50ms}.pyrion-collapsible-inner{overflow:hidden}.pyrion-collapsible-content[data-orientation=vertical] .pyrion-collapsible-inner{min-height:0}.pyrion-collapsible-content[data-orientation=horizontal] .pyrion-collapsible-inner{min-width:0}.pyrion-collapsible-trigger{display:flex;align-items:center;cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left;color:inherit;font:inherit}.pyrion-collapsible-trigger:disabled{cursor:not-allowed;opacity:.4}.pyrion-collapsible-trigger svg{transition:transform .25s ease;flex-shrink:0}.pyrion-collapsible-trigger[data-expanded=true] svg{transform:rotate(180deg)}.pyrion-collapsible-trigger[data-orientation=horizontal][data-expanded=true] svg{transform:rotate(90deg)}
+.pyrion-collapsible-content[data-orientation=vertical]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out,opacity .1s ease-in;opacity:0}.pyrion-collapsible-content[data-orientation=vertical][data-expanded=true]{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease-out,opacity .15s ease-out 50ms}.pyrion-collapsible-content[data-orientation=horizontal]{display:grid;grid-template-columns:0fr;transition:grid-template-columns .25s ease-out,opacity .1s ease-in;opacity:0}.pyrion-collapsible-content[data-orientation=horizontal][data-expanded=true]{grid-template-columns:1fr;opacity:1;transition:grid-template-columns .25s ease-out,opacity .15s ease-out 50ms}.pyrion-collapsible-inner{overflow:hidden}.pyrion-collapsible-content[data-orientation=vertical] .pyrion-collapsible-inner{min-height:0}.pyrion-collapsible-content[data-orientation=horizontal] .pyrion-collapsible-inner{min-width:0}.pyrion-collapsible-trigger{display:flex;align-items:center;cursor:pointer;background:none;border:none;padding:0;width:100%;text-align:left;color:inherit;font:inherit}.pyrion-collapsible-trigger:disabled{cursor:not-allowed;opacity:.4}.pyrion-collapsible-trigger svg{transition:transform .25s ease;flex-shrink:0}.pyrion-collapsible-trigger[data-expanded=true] svg{transform:rotate(180deg)}.pyrion-collapsible-trigger[data-orientation=horizontal][data-expanded=true] svg{transform:rotate(90deg)}.pyrion-collapsible-trigger.pyrion-collapsible-trigger--rotate-90[data-expanded=true] svg{transform:rotate(90deg)}