@arcadeai/design-system 0.7.4 → 0.8.0

package/dist/components/ui/atoms/avatar.js

@@ -1,130 +1,248 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as i from "react";
-import { c as R } from "../../../index-DFZozV_h.js";
-import { u as b } from "../../../index-0ioNhtNM.js";
-import { u as f } from "../../../index-CCKe-Mpx.js";
-import { P as m } from "../../../index-CpDnqHCm.js";
-import { r as C } from "../../../index-CJFGOBPb.js";
-import { c as v } from "../../../utils-CRiPKpXj.js";
-var y = C();
-function N() {
-  return y.useSyncExternalStore(
-    _,
+import { jsx as g } from "react/jsx-runtime";
+import * as _ from "react";
+import N from "react";
+import { c as H } from "../../../index-DFZozV_h.js";
+import { u as U } from "../../../index-0ioNhtNM.js";
+import { u as O } from "../../../index-CCKe-Mpx.js";
+import { P as w } from "../../../index-CpDnqHCm.js";
+import { c as x } from "../../../utils-CRiPKpXj.js";
+var h = { exports: {} }, y = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.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 q() {
+  if (I) return y;
+  I = 1;
+  var e = N;
+  function t(a, d) {
+    return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
+  }
+  var i = typeof Object.is == "function" ? Object.is : t, c = e.useState, o = e.useEffect, r = e.useLayoutEffect, S = e.useDebugValue;
+  function f(a, d) {
+    var n = d(), u = c({ inst: { value: n, getSnapshot: d } }), s = u[0].inst, p = u[1];
+    return r(
+      function() {
+        s.value = n, s.getSnapshot = d, l(s) && p({ inst: s });
+      },
+      [a, n, d]
+    ), o(
+      function() {
+        return l(s) && p({ inst: s }), a(function() {
+          l(s) && p({ inst: s });
+        });
+      },
+      [a]
+    ), S(n), n;
+  }
+  function l(a) {
+    var d = a.getSnapshot;
+    a = a.value;
+    try {
+      var n = d();
+      return !i(a, n);
+    } catch {
+      return !0;
+    }
+  }
+  function v(a, d) {
+    return d();
+  }
+  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : f;
+  return y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : E, y;
+}
+var A = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.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 C;
+function B() {
+  return C || (C = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(n, u) {
+      return n === u && (n !== 0 || 1 / n === 1 / u) || n !== n && u !== u;
+    }
+    function t(n, u) {
+      E || o.startTransition === void 0 || (E = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var s = u();
+      if (!a) {
+        var p = u();
+        r(s, p) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), a = !0);
+      }
+      p = S({
+        inst: { value: s, getSnapshot: u }
+      });
+      var m = p[0].inst, L = p[1];
+      return l(
+        function() {
+          m.value = s, m.getSnapshot = u, i(m) && L({ inst: m });
+        },
+        [n, s, u]
+      ), f(
+        function() {
+          return i(m) && L({ inst: m }), n(function() {
+            i(m) && L({ inst: m });
+          });
+        },
+        [n]
+      ), v(s), s;
+    }
+    function i(n) {
+      var u = n.getSnapshot;
+      n = n.value;
+      try {
+        var s = u();
+        return !r(n, s);
+      } catch {
+        return !0;
+      }
+    }
+    function c(n, u) {
+      return u();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = N, r = typeof Object.is == "function" ? Object.is : e, S = o.useState, f = o.useEffect, l = o.useLayoutEffect, v = o.useDebugValue, E = !1, a = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? c : t;
+    A.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), A;
+}
+var T;
+function K() {
+  return T || (T = 1, process.env.NODE_ENV === "production" ? h.exports = q() : h.exports = B()), h.exports;
+}
+var $ = K();
+function F() {
+  return $.useSyncExternalStore(
+    P,
     () => !0,
     () => !1
   );
 }
-function _() {
+function P() {
   return () => {
   };
 }
-var g = "Avatar", [k, V] = R(g), [F, S] = k(g), L = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, ...r } = a, [o, t] = i.useState("idle");
-    return /* @__PURE__ */ d(
-      F,
+var R = "Avatar", [z, ue] = H(R), [W, D] = z(R), k = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, ...c } = e, [o, r] = _.useState("idle");
+    return /* @__PURE__ */ g(
+      W,
       {
-        scope: n,
+        scope: i,
         imageLoadingStatus: o,
-        onImageLoadingStatusChange: t,
-        children: /* @__PURE__ */ d(m.span, { ...r, ref: e })
+        onImageLoadingStatusChange: r,
+        children: /* @__PURE__ */ g(w.span, { ...c, ref: t })
       }
     );
   }
 );
-L.displayName = g;
-var h = "AvatarImage", E = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {
-    }, ...t } = a, l = S(h, n), s = M(r, t), u = b((c) => {
-      o(c), l.onImageLoadingStatusChange(c);
+k.displayName = R;
+var G = "AvatarImage", V = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, src: c, onLoadingStatusChange: o = () => {
+    }, ...r } = e, S = D(G, i), f = Y(c, r), l = U((v) => {
+      o(v), S.onImageLoadingStatusChange(v);
     });
-    return f(() => {
-      s !== "idle" && u(s);
-    }, [s, u]), s === "loaded" ? /* @__PURE__ */ d(m.img, { ...t, ref: e, src: r }) : null;
+    return O(() => {
+      f !== "idle" && l(f);
+    }, [f, l]), f === "loaded" ? /* @__PURE__ */ g(w.img, { ...r, ref: t, src: c }) : null;
   }
 );
-E.displayName = h;
-var I = "AvatarFallback", w = i.forwardRef(
-  (a, e) => {
-    const { __scopeAvatar: n, delayMs: r, ...o } = a, t = S(I, n), [l, s] = i.useState(r === void 0);
-    return i.useEffect(() => {
-      if (r !== void 0) {
-        const u = window.setTimeout(() => s(!0), r);
-        return () => window.clearTimeout(u);
+V.displayName = G;
+var M = "AvatarFallback", j = _.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: i, delayMs: c, ...o } = e, r = D(M, i), [S, f] = _.useState(c === void 0);
+    return _.useEffect(() => {
+      if (c !== void 0) {
+        const l = window.setTimeout(() => f(!0), c);
+        return () => window.clearTimeout(l);
       }
-    }, [r]), l && t.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ d(m.span, { ...o, ref: e }) : null;
+    }, [c]), S && r.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ g(w.span, { ...o, ref: t }) : null;
   }
 );
-w.displayName = I;
-function A(a, e) {
-  return a ? e ? (a.src !== e && (a.src = e), a.complete && a.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+j.displayName = M;
+function b(e, t) {
+  return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function M(a, { referrerPolicy: e, crossOrigin: n }) {
-  const r = N(), o = i.useRef(null), t = r ? (o.current || (o.current = new window.Image()), o.current) : null, [l, s] = i.useState(
-    () => A(t, a)
+function Y(e, { referrerPolicy: t, crossOrigin: i }) {
+  const c = F(), o = _.useRef(null), r = c ? (o.current || (o.current = new window.Image()), o.current) : null, [S, f] = _.useState(
+    () => b(r, e)
   );
-  return f(() => {
-    s(A(t, a));
-  }, [t, a]), f(() => {
-    const u = (x) => () => {
-      s(x);
+  return O(() => {
+    f(b(r, e));
+  }, [r, e]), O(() => {
+    const l = (a) => () => {
+      f(a);
     };
-    if (!t) return;
-    const c = u("loaded"), p = u("error");
-    return t.addEventListener("load", c), t.addEventListener("error", p), e && (t.referrerPolicy = e), typeof n == "string" && (t.crossOrigin = n), () => {
-      t.removeEventListener("load", c), t.removeEventListener("error", p);
+    if (!r) return;
+    const v = l("loaded"), E = l("error");
+    return r.addEventListener("load", v), r.addEventListener("error", E), t && (r.referrerPolicy = t), typeof i == "string" && (r.crossOrigin = i), () => {
+      r.removeEventListener("load", v), r.removeEventListener("error", E);
     };
-  }, [t, n, e]), l;
+  }, [r, i, t]), S;
 }
-var P = L, z = E, T = w;
-function W({
-  className: a,
-  ...e
+var J = k, Q = V, X = j;
+function se({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    P,
+  return /* @__PURE__ */ g(
+    J,
     {
-      className: v(
+      className: x(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        a
+        e
       ),
       "data-slot": "avatar",
-      ...e
+      ...t
     }
   );
 }
-function D({
-  className: a,
-  ...e
+function ie({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    z,
+  return /* @__PURE__ */ g(
+    Q,
     {
-      className: v("aspect-square size-full", a),
+      className: x("aspect-square size-full", e),
       "data-slot": "avatar-image",
-      ...e
+      ...t
     }
   );
 }
-function J({
-  className: a,
-  ...e
+function ce({
+  className: e,
+  ...t
 }) {
-  return /* @__PURE__ */ d(
-    T,
+  return /* @__PURE__ */ g(
+    X,
     {
-      className: v(
+      className: x(
         "flex size-full items-center justify-center rounded-full bg-muted",
-        a
+        e
       ),
       "data-slot": "avatar-fallback",
-      ...e
+      ...t
     }
   );
 }
 export {
-  W as Avatar,
-  J as AvatarFallback,
-  D as AvatarImage
+  se as Avatar,
+  ce as AvatarFallback,
+  ie as AvatarImage
 };

package/dist/components/ui/atoms/breadcrumb.js

@@ -1,23 +1,11 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { S as i } from "../../../index-5Bhkapwi.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { S as o } from "../../../index-5Bhkapwi.js";
+import { ChevronRight as i, MoreHorizontal as l } from "lucide-react";
 import { c as t } from "../../../utils-CRiPKpXj.js";
-import { C as n } from "../../../chevron-right-BYYHEJjK.js";
-import { c as o } from "../../../createLucideIcon-XRdN60yz.js";
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const l = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], m = o("ellipsis", l);
-function g({ ...r }) {
+function p({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
-function h({ className: r, ...e }) {
+function f({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -30,7 +18,7 @@ function h({ className: r, ...e }) {
     }
   );
 }
-function N({ className: r, ...e }) {
+function x({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -40,21 +28,21 @@ function N({ className: r, ...e }) {
     }
   );
 }
-function y({
+function g({
   asChild: r,
   className: e,
-  ...s
+  ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? i : "a",
+    r ? o : "a",
     {
       className: t("transition-colors hover:text-foreground", e),
       "data-slot": "breadcrumb-link",
-      ...s
+      ...n
     }
   );
 }
-function k({ className: r, ...e }) {
+function h({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -68,10 +56,10 @@ function k({ className: r, ...e }) {
     }
   );
 }
-function B({
+function N({
   children: r,
   className: e,
-  ...s
+  ...n
 }) {
   return /* @__PURE__ */ a(
     "li",
@@ -80,16 +68,16 @@ function B({
       className: t("[&>svg]:size-3.5", e),
       "data-slot": "breadcrumb-separator",
       role: "presentation",
-      ...s,
-      children: r ?? /* @__PURE__ */ a(n, {})
+      ...n,
+      children: r ?? /* @__PURE__ */ a(i, {})
     }
   );
 }
-function j({
+function B({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     "span",
     {
       "aria-hidden": "true",
@@ -98,18 +86,18 @@ function j({
       role: "presentation",
       ...e,
       children: [
-        /* @__PURE__ */ a(m, { className: "size-4" }),
+        /* @__PURE__ */ a(l, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 export {
-  g as Breadcrumb,
-  j as BreadcrumbEllipsis,
-  N as BreadcrumbItem,
-  y as BreadcrumbLink,
-  h as BreadcrumbList,
-  k as BreadcrumbPage,
-  B as BreadcrumbSeparator
+  p as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  x as BreadcrumbItem,
+  g as BreadcrumbLink,
+  f as BreadcrumbList,
+  h as BreadcrumbPage,
+  N as BreadcrumbSeparator
 };