@pibit.ai/cure-design-system 0.3.18 → 0.3.21

package/dist/primitives/snackbar/snackbar.js

@@ -0,0 +1,107 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { isValidElement as d } from "react";
+import { Button as p } from "react-aria-components";
+import { XClose as v } from "@untitledui/icons";
+import { cx as n } from "../../utils/cn.js";
+import { isReactComponent as f } from "../../utils/is-react-component.js";
+import { Icon as i } from "../icon/icon.js";
+const k = ({
+  title: u,
+  icon: r,
+  actionLabel: c,
+  actionIcon: s,
+  color: a = "default",
+  onAction: o,
+  onClose: m,
+  className: x
+}) => {
+  const y = r !== null, b = {
+    default: "bg-primary",
+    success: "bg-[var(--color-utility-success-300)]",
+    error: "bg-[var(--color-utility-error-400)]"
+  }, l = {
+    default: "text-brand-tertiary",
+    success: "text-secondary",
+    error: "text-secondary"
+  }, g = {
+    default: /* @__PURE__ */ e(
+      i,
+      {
+        name: "InfoCircle",
+        color: "var(--color-utility-brand-600)",
+        className: "size-4.5"
+      }
+    ),
+    success: /* @__PURE__ */ e(
+      i,
+      {
+        name: "CheckCircleBroken",
+        color: "var(--color-fg-primary)",
+        className: "size-4.5"
+      }
+    ),
+    error: /* @__PURE__ */ e(
+      i,
+      {
+        name: "AlertCircle",
+        color: "var(--color-fg-primary)",
+        className: "size-4.5"
+      }
+    )
+  }, h = () => r === void 0 ? g[a] : d(r) ? r : f(r) ? /* @__PURE__ */ e(r, { size: 18, className: "text-fg-brand-secondary" }) : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "aria-live": "polite",
+      className: n(
+        "dark-mode flex h-[44px] items-center gap-3 rounded-xl py-2 pr-2 pl-3 shadow-lg",
+        b[a],
+        x
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-1 items-center gap-2", children: [
+          y && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center justify-center", children: h() }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium leading-5 text-primary", children: u })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+          c && o && /* @__PURE__ */ t(
+            p,
+            {
+              onPress: o,
+              className: "flex cursor-pointer items-center gap-0.5 border-none bg-transparent p-0 whitespace-nowrap",
+              children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: n(
+                      "text-xs font-semibold text-brand-tertiary",
+                      l[a]
+                    ),
+                    children: c
+                  }
+                ),
+                s && /* @__PURE__ */ e("span", { className: "flex items-center", children: d(s) ? s : f(s) ? /* @__PURE__ */ e(s, { size: 14, className: "text-fg-brand-secondary" }) : null })
+              ]
+            }
+          ),
+          m && /* @__PURE__ */ e(
+            p,
+            {
+              onPress: m,
+              "aria-label": "Dismiss",
+              className: n(
+                "flex size-5 cursor-pointer items-center justify-center rounded-sm border-none bg-transparent p-1",
+                l[a]
+              ),
+              children: /* @__PURE__ */ e(v, { size: 12, className: n(l[a]) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+k.displayName = "Snackbar";
+export {
+  k as Snackbar
+};

package/dist/primitives/tooltip/ellipsis-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ellipsis-content.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/ellipsis-content.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,gEAMxC,+BAA+B,4CA4HjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAQ,GAAG,KAAe,EACrD,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,EACtB,mBAAmB,MAAM,4CAmB1B,CAAC"}
+{"version":3,"file":"ellipsis-content.d.ts","sourceRoot":"","sources":["../../../src/primitives/tooltip/ellipsis-content.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,gEAMxC,+BAA+B,4CA4HjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAiB,OAAO,GAAG,QAAQ,GAAG,KAAe,EACrD,cAAc,OAAO,GAAG,OAAO,EAC/B,cAAc,MAAM,EACpB,gBAAgB,MAAM,EACtB,mBAAmB,MAAM,4CAmB1B,CAAC"}

package/dist/primitives/tooltip/ellipsis-content.js

@@ -1,25 +1,28 @@
-import { jsxs as v, Fragment as y, jsx as u } from "react/jsx-runtime";
+import { jsxs as v, Fragment as y, jsx as c } from "react/jsx-runtime";
 import { useState as w, useRef as x, useEffect as b } from "react";
 import { createPortal as P } from "react-dom";
-import { computePosition as M, offset as $, autoPlacement as E, size as R, shift as W } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { computePosition as $, offset as E, autoPlacement as M, size as W, shift as k } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
 import { cx as T } from "../../utils/cn.js";
-const j = ({
-  content: e,
-  className: c = "",
+const z = (t) => {
+  const e = t.trim();
+  return e ? /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(e) || e.startsWith("//") ? e : `https://${e}` : "";
+}, R = ({
+  content: t,
+  className: e = "",
   link: f = !1,
   textClassName: m = "",
   tooltipClassName: h = ""
 }) => {
-  const [i, a] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), o = x(null), s = x(null), n = x(null);
+  const [a, s] = w(!1), [p, g] = w({ top: -9999, left: -9999 }), n = x(null), u = x(null), i = x(null);
   return b(() => () => {
-    n.current != null && clearTimeout(n.current);
+    i.current != null && clearTimeout(i.current);
   }, []), b(() => {
-    if (!i || !o.current || !s.current) return;
-    let t = !1;
-    return M(o.current, s.current, {
+    if (!a || !n.current || !u.current) return;
+    let r = !1;
+    return $(n.current, u.current, {
       middleware: [
-        $(8),
-        E({
+        E(8),
+        M({
           allowedPlacements: [
             "top-start",
             "top",
@@ -29,53 +32,53 @@ const j = ({
             "bottom-end"
           ]
         }),
-        R({
+        W({
           padding: 8,
-          apply({ availableWidth: r, availableHeight: l, elements: d }) {
+          apply({ availableWidth: o, availableHeight: l, elements: d }) {
             Object.assign(d.floating.style, {
-              maxWidth: `${Math.min(r, 512)}px`,
+              maxWidth: `${Math.min(o, 512)}px`,
               maxHeight: `${Math.min(l, window.innerHeight * 0.4)}px`
             });
           }
         }),
-        W({ padding: 8 })
+        k({ padding: 8 })
       ]
-    }).then(({ x: r, y: l }) => {
-      t || g({ top: l, left: r });
+    }).then(({ x: o, y: l }) => {
+      r || g({ top: l, left: o });
     }), () => {
-      t = !0;
+      r = !0;
     };
-  }, [i]), /* @__PURE__ */ v(y, { children: [
-    /* @__PURE__ */ u(
+  }, [a]), /* @__PURE__ */ v(y, { children: [
+    /* @__PURE__ */ c(
       "span",
       {
-        ref: o,
+        ref: n,
         className: T(
           "whitespace-nowrap overflow-hidden text-ellipsis w-full block",
           m,
-          c,
+          e,
           f ? "!text-[var(--color-brand-600)]" : ""
         ),
         onMouseEnter: () => {
-          !o.current || !(o.current.scrollWidth > o.current.clientWidth) || (g({ top: -9999, left: -9999 }), a(!0));
+          !n.current || !(n.current.scrollWidth > n.current.clientWidth) || (g({ top: -9999, left: -9999 }), s(!0));
         },
-        onMouseLeave: (t) => {
-          var r;
-          (r = s.current) != null && r.contains(t.relatedTarget) || (n.current != null && clearTimeout(n.current), n.current = setTimeout(() => {
+        onMouseLeave: (r) => {
+          var o;
+          (o = u.current) != null && o.contains(r.relatedTarget) || (i.current != null && clearTimeout(i.current), i.current = setTimeout(() => {
             var l, d;
-            n.current = null, !((l = s.current) != null && l.matches(":hover")) && !((d = o.current) != null && d.matches(":hover")) && a(!1);
+            i.current = null, !((l = u.current) != null && l.matches(":hover")) && !((d = n.current) != null && d.matches(":hover")) && s(!1);
           }, 100));
         },
-        children: f ? /* @__PURE__ */ u("a", { href: e, target: "_blank", rel: "noopener noreferrer", children: e }) : e
+        children: f ? /* @__PURE__ */ c("a", { href: z(t), target: "_blank", rel: "noopener noreferrer", children: t }) : t
       }
     ),
-    i && P(
-      /* @__PURE__ */ u(
+    a && P(
+      /* @__PURE__ */ c(
         "div",
         {
           "data-react-aria-top-layer": "true",
           role: "tooltip",
-          ref: s,
+          ref: u,
           className: T(
             "fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg z-[9999] max-w-lg max-h-[40vh] overflow-y-auto break-words whitespace-normal",
             h
@@ -84,30 +87,30 @@ const j = ({
             top: `${p.top}px`,
             left: `${p.left}px`
           },
-          onClick: (t) => t.stopPropagation(),
-          onMouseLeave: (t) => {
-            var r;
-            (r = o.current) != null && r.contains(t.relatedTarget) || a(!1);
+          onClick: (r) => r.stopPropagation(),
+          onMouseLeave: (r) => {
+            var o;
+            (o = n.current) != null && o.contains(r.relatedTarget) || s(!1);
           },
-          children: e
+          children: t
         }
       ),
       document.body
     )
   ] });
-}, N = (e, c = "", f, m = "start", h, i, a, p) => e === "" || e === "-" ? /* @__PURE__ */ u("span", { className: `text-left ${c}`, children: e || i || "-" }) : /* @__PURE__ */ u(
-  j,
+}, N = (t, e = "", f, m = "start", h, a, s, p) => t === "" || t === "-" ? /* @__PURE__ */ c("span", { className: `text-left ${e}`, children: t || a || "-" }) : /* @__PURE__ */ c(
+  R,
   {
-    content: e,
-    className: c,
+    content: t,
+    className: e,
     link: f,
     tooltipPosition: m,
     tooltipSide: h,
-    textClassName: a,
+    textClassName: s,
     tooltipClassName: p
   }
 );
 export {
-  j as EllipsisContentWithTooltip,
+  R as EllipsisContentWithTooltip,
   N as createEllipsisContent
 };