prometeo-design-system 6.6.0 → 7.0.0

package/dist/CardBackground-D5SgTU1i.js

@@ -0,0 +1,262 @@
+import { j as b } from "./jsx-runtime-GkKLlHH4.js";
+import { memo as I } from "react";
+import { c as T } from "./index-BOQuZ0gG.js";
+import { c as g } from "./cn-B6yFEsav.js";
+const N = "data-interaction-group", P = "data-interaction-exclude";
+function W() {
+  return { [N]: "" };
+}
+function R(r) {
+  return r != null && r !== "self";
+}
+function S(r, e) {
+  const t = r ?? "neutral";
+  return {
+    color: t,
+    variant: t === "brand" ? "primary" : e ?? "default"
+  };
+}
+function O(r, e) {
+  return {
+    default: { color: r, variant: e },
+    hover: { color: r, variant: e, forced: "hover" },
+    pressed: { color: r, variant: e, forced: "pressed" }
+  };
+}
+function V(r, e, t) {
+  if (r) return r;
+  const { color: a, variant: n } = S(e, t);
+  return O(a, n);
+}
+function A(r, e) {
+  return e || r !== void 0;
+}
+const y = "transition-colors duration-300 ease will-change-colors", i = T(y, {
+  variants: {
+    color: {
+      neutral: "",
+      brand: ""
+    },
+    variant: {
+      default: "",
+      primary: "",
+      secondary: "",
+      tertiary: ""
+    },
+    disabled: {
+      true: "bg-disabled-default",
+      false: ""
+    },
+    forced: {
+      undefined: "",
+      default: "",
+      hover: "",
+      pressed: ""
+    }
+  },
+  defaultVariants: {
+    color: "neutral",
+    variant: "default"
+  },
+  compoundVariants: [
+    {
+      color: "neutral",
+      variant: "default",
+      class: "bg-neutral-default-default hover:bg-neutral-default-hover active:bg-neutral-default-pressed",
+      disabled: [!1],
+      forced: void 0
+    },
+    {
+      color: "neutral",
+      variant: "primary",
+      class: "bg-neutral-primary-default hover:bg-neutral-primary-hover active:bg-neutral-primary-pressed",
+      disabled: [!1]
+    },
+    {
+      color: "neutral",
+      variant: "secondary",
+      class: "bg-neutral-secondary-default hover:bg-neutral-secondary-hover active:bg-neutral-secondary-pressed",
+      disabled: [!1]
+    },
+    {
+      color: "neutral",
+      variant: "tertiary",
+      class: "bg-neutral-tertiary-default hover:bg-neutral-tertiary-hover active:bg-neutral-tertiary-pressed",
+      disabled: [!1]
+    },
+    {
+      color: "brand",
+      variant: "primary",
+      class: "bg-brand-overlay-default hover:bg-brand-overlay-hover active:bg-brand-overlay-pressed",
+      disabled: [!1]
+    },
+    // Forced variants
+    {
+      color: "neutral",
+      variant: "default",
+      forced: "default",
+      class: "bg-neutral-default-default hover:bg-neutral-default-default active:bg-neutral-default-default"
+    },
+    {
+      color: "neutral",
+      variant: "default",
+      forced: "hover",
+      class: "bg-neutral-default-hover hover:bg-neutral-default-hover active:bg-neutral-default-hover"
+    },
+    {
+      color: "neutral",
+      variant: "default",
+      forced: "pressed",
+      class: "bg-neutral-default-pressed hover:bg-neutral-default-pressed active:bg-neutral-default-pressed"
+    },
+    {
+      color: "neutral",
+      variant: "primary",
+      forced: "default",
+      class: "bg-neutral-primary-default hover:bg-neutral-primary-default active:bg-neutral-primary-default"
+    },
+    {
+      color: "neutral",
+      variant: "primary",
+      forced: "hover",
+      class: "bg-neutral-primary-hover hover:bg-neutral-primary-hover active:bg-neutral-primary-hover"
+    },
+    {
+      color: "neutral",
+      variant: "primary",
+      forced: "pressed",
+      class: "bg-neutral-primary-pressed hover:bg-neutral-primary-pressed active:bg-neutral-primary-pressed"
+    },
+    {
+      color: "neutral",
+      variant: "secondary",
+      forced: "default",
+      class: "bg-neutral-secondary-default hover:bg-neutral-secondary-default active:bg-neutral-secondary-default"
+    },
+    {
+      color: "neutral",
+      variant: "secondary",
+      forced: "hover",
+      class: "bg-neutral-secondary-hover hover:bg-neutral-secondary-hover active:bg-neutral-secondary-hover"
+    },
+    {
+      color: "neutral",
+      variant: "secondary",
+      forced: "pressed",
+      class: "bg-neutral-secondary-pressed hover:bg-neutral-secondary-pressed active:bg-neutral-secondary-pressed"
+    },
+    {
+      color: "neutral",
+      variant: "tertiary",
+      forced: "default",
+      class: "bg-neutral-tertiary-default hover:bg-neutral-tertiary-default active:bg-neutral-tertiary-default"
+    },
+    {
+      color: "neutral",
+      variant: "tertiary",
+      forced: "hover",
+      class: "bg-neutral-tertiary-hover hover:bg-neutral-tertiary-hover active:bg-neutral-tertiary-hover"
+    },
+    {
+      color: "neutral",
+      variant: "tertiary",
+      forced: "pressed",
+      class: "bg-neutral-tertiary-pressed hover:bg-neutral-tertiary-pressed active:bg-neutral-tertiary-pressed"
+    },
+    {
+      color: "brand",
+      variant: "primary",
+      forced: "default",
+      class: "bg-brand-overlay-default hover:bg-brand-overlay-default active:bg-brand-overlay-default"
+    },
+    {
+      color: "brand",
+      variant: "primary",
+      forced: "hover",
+      class: "bg-brand-overlay-hover hover:bg-brand-overlay-hover active:bg-brand-overlay-hover"
+    },
+    {
+      color: "brand",
+      variant: "primary",
+      forced: "pressed",
+      class: "bg-brand-overlay-pressed hover:bg-brand-overlay-pressed active:bg-brand-overlay-pressed"
+    }
+  ]
+});
+function p(r) {
+  return !("color" in r.default);
+}
+function s(r) {
+  if (r.forced) {
+    const a = i({
+      color: r.color,
+      variant: r.color === "brand" ? "primary" : r.variant,
+      forced: r.forced,
+      disabled: !1
+    }), n = i({
+      color: r.color,
+      variant: r.color === "brand" ? "primary" : r.variant,
+      forced: void 0,
+      disabled: !1
+    }), c = new Set(
+      n.split(" ").filter((o) => o.startsWith("bg-") && !o.includes(":"))
+    );
+    return `var(--${a.split(" ").filter((o) => o.startsWith("bg-") && !o.includes(":") && !c.has(o))[0] ?? a.split(" ").filter((o) => o.startsWith("bg-") && !o.includes(":")).pop() ?? "bg-neutral-default-default"})`;
+  }
+  return `var(--${i({
+    color: r.color,
+    variant: r.color === "brand" ? "primary" : r.variant,
+    forced: void 0,
+    disabled: !1
+  }).split(" ").find((a) => a.startsWith("bg-") && !a.includes(":")) ?? "bg-neutral-default-default"})`;
+}
+function E(r) {
+  const e = p(r) ? r.default : r, t = p(r) ? r.selected : void 0, a = {
+    "--cell-bg": s(e.default),
+    "--cell-bg-hover": s(e.hover),
+    "--cell-bg-pressed": s(e.pressed)
+  };
+  return t && (a["--cell-bg-selected"] = s(t.default), a["--cell-bg-sel-hover"] = s(t.hover), a["--cell-bg-sel-pressed"] = s(t.pressed)), a;
+}
+const _ = (r) => {
+  const e = {
+    color: "neutral",
+    variant: "default",
+    forced: void 0,
+    disabled: !1
+  }, {
+    color: t,
+    variant: a,
+    forced: n,
+    className: c,
+    disabled: d,
+    children: l,
+    interactionConfig: o,
+    interactionSource: u,
+    ...v
+  } = { ...e, ...r };
+  if (A(n, d)) {
+    const C = i({ color: t, variant: a, forced: n, disabled: d });
+    return /* @__PURE__ */ b.jsx("div", { className: g(C, c), "data-disabled": d, ...v, children: l && typeof l == "function" ? l() : l });
+  }
+  const h = V(o, t, a), m = E(h), f = R(u);
+  return /* @__PURE__ */ b.jsx(
+    "div",
+    {
+      "data-cell-interactive": "",
+      "data-interaction-grouped": f ? "" : void 0,
+      "data-interaction-source": f ? u : void 0,
+      className: g(y, c),
+      "data-disabled": d,
+      style: m,
+      ...v,
+      children: l && typeof l == "function" ? l() : l
+    }
+  );
+}, x = I(_);
+x.displayName = "CardBackground";
+export {
+  x as C,
+  P as I,
+  W as i
+};

package/dist/CardBackground.css

@@ -0,0 +1 @@
+[data-cell-interactive]{background-color:var(--cell-bg)}[data-cell-interactive]:not([data-interaction-grouped]):hover{background-color:var(--cell-bg-hover)}[data-cell-interactive]:not([data-interaction-grouped]):active{background-color:var(--cell-bg-pressed)}[data-cell-interactive]:not([data-interaction-grouped])[data-selected=true]{background-color:var(--cell-bg-selected)}[data-cell-interactive]:not([data-interaction-grouped])[data-selected=true]:hover{background-color:var(--cell-bg-sel-hover)}[data-cell-interactive]:not([data-interaction-grouped])[data-selected=true]:active{background-color:var(--cell-bg-sel-pressed)}[data-interaction-group]:hover:not(:has([data-interaction-exclude]:hover)) [data-cell-interactive][data-interaction-grouped]{background-color:var(--cell-bg-hover)}[data-interaction-group]:active:not(:has([data-interaction-exclude]:active)) [data-cell-interactive][data-interaction-grouped]{background-color:var(--cell-bg-pressed)}[data-interaction-group][data-selected=true] [data-cell-interactive][data-interaction-grouped]{background-color:var(--cell-bg-selected)}[data-interaction-group][data-selected=true]:hover:not(:has([data-interaction-exclude]:hover)) [data-cell-interactive][data-interaction-grouped]{background-color:var(--cell-bg-sel-hover)}[data-interaction-group][data-selected=true]:active:not(:has([data-interaction-exclude]:active)) [data-cell-interactive][data-interaction-grouped]{background-color:var(--cell-bg-sel-pressed)}

package/dist/CheckBox.es.js

@@ -110,7 +110,7 @@ const E = "[Pyrion CheckBox]", h = /* @__PURE__ */ new Set(), L = (a, e) => {
       }
     ]
   }
-), W = s("pointer-events-none absolute", {
+), W = s("pointer-events-none shrink-0", {
   variants: {
     disabled: {
       true: "icon-disabled-ondisabled",