react-start-kit 1.0.0

package/dist/chunks/avatar-zl4cf4c2.es.js

@@ -0,0 +1,333 @@
+import { jsx as h } from "react/jsx-runtime";
+import * as v from "react";
+import T from "react";
+import { u as H } from "./index-DwYXX2sM.es.js";
+import { u as A } from "./index-Dt3MSLsk.es.js";
+import "react-dom";
+import { c as B } from "./index-DvGm4EwH.es.js";
+import { c as U } from "./index-xA4mlFw5.es.js";
+import { c as O } from "./utils-CnvKSirc.es.js";
+function q(e, t = []) {
+  let n = [];
+  function i(r, f) {
+    const o = v.createContext(f);
+    o.displayName = r + "Context";
+    const d = n.length;
+    n = [...n, f];
+    const S = (u) => {
+      var _;
+      const { scope: l, children: s, ...c } = u, p = ((_ = l == null ? void 0 : l[e]) == null ? void 0 : _[d]) || o, m = v.useMemo(() => c, Object.values(c));
+      return /* @__PURE__ */ h(p.Provider, { value: m, children: s });
+    };
+    S.displayName = r + "Provider";
+    function E(u, l) {
+      var p;
+      const s = ((p = l == null ? void 0 : l[e]) == null ? void 0 : p[d]) || o, c = v.useContext(s);
+      if (c) return c;
+      if (f !== void 0) return f;
+      throw new Error(`\`${u}\` must be used within \`${r}\``);
+    }
+    return [S, E];
+  }
+  const a = () => {
+    const r = n.map((f) => v.createContext(f));
+    return function(o) {
+      const d = (o == null ? void 0 : o[e]) || r;
+      return v.useMemo(
+        () => ({ [`__scope${e}`]: { ...o, [e]: d } }),
+        [o, d]
+      );
+    };
+  };
+  return a.scopeName = e, [i, K(a, ...t)];
+}
+function K(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const i = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
+    return function(r) {
+      const f = i.reduce((o, { useScope: d, scopeName: S }) => {
+        const u = d(r)[`__scope${S}`];
+        return { ...o, ...u };
+      }, {});
+      return v.useMemo(() => ({ [`__scope${t.scopeName}`]: f }), [f]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var F = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], w = F.reduce((e, t) => {
+  const n = B(`Primitive.${t}`), i = v.forwardRef((a, r) => {
+    const { asChild: f, ...o } = a, d = f ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h(d, { ...o, ref: r });
+  });
+  return i.displayName = `Primitive.${t}`, { ...e, [t]: i };
+}, {}), y = { exports: {} }, x = {};
+/**
+ * @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 R;
+function W() {
+  if (R) return x;
+  R = 1;
+  var e = T;
+  function t(u, l) {
+    return u === l && (u !== 0 || 1 / u === 1 / l) || u !== u && l !== l;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, i = e.useState, a = e.useEffect, r = e.useLayoutEffect, f = e.useDebugValue;
+  function o(u, l) {
+    var s = l(), c = i({ inst: { value: s, getSnapshot: l } }), p = c[0].inst, m = c[1];
+    return r(
+      function() {
+        p.value = s, p.getSnapshot = l, d(p) && m({ inst: p });
+      },
+      [u, s, l]
+    ), a(
+      function() {
+        return d(p) && m({ inst: p }), u(function() {
+          d(p) && m({ inst: p });
+        });
+      },
+      [u]
+    ), f(s), s;
+  }
+  function d(u) {
+    var l = u.getSnapshot;
+    u = u.value;
+    try {
+      var s = l();
+      return !n(u, s);
+    } catch {
+      return !0;
+    }
+  }
+  function S(u, l) {
+    return l();
+  }
+  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? S : o;
+  return x.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : E, x;
+}
+var L = {};
+/**
+ * @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 b;
+function Y() {
+  return b || (b = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(s, c) {
+      return s === c && (s !== 0 || 1 / s === 1 / c) || s !== s && c !== c;
+    }
+    function t(s, c) {
+      E || a.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 p = c();
+      if (!u) {
+        var m = c();
+        r(p, m) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), u = !0);
+      }
+      m = f({
+        inst: { value: p, getSnapshot: c }
+      });
+      var _ = m[0].inst, g = m[1];
+      return d(
+        function() {
+          _.value = p, _.getSnapshot = c, n(_) && g({ inst: _ });
+        },
+        [s, p, c]
+      ), o(
+        function() {
+          return n(_) && g({ inst: _ }), s(function() {
+            n(_) && g({ inst: _ });
+          });
+        },
+        [s]
+      ), S(p), p;
+    }
+    function n(s) {
+      var c = s.getSnapshot;
+      s = s.value;
+      try {
+        var p = c();
+        return !r(s, p);
+      } catch {
+        return !0;
+      }
+    }
+    function i(s, c) {
+      return c();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var a = T, r = typeof Object.is == "function" ? Object.is : e, f = a.useState, o = a.useEffect, d = a.useLayoutEffect, S = a.useDebugValue, E = !1, u = !1, l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? i : t;
+    L.useSyncExternalStore = a.useSyncExternalStore !== void 0 ? a.useSyncExternalStore : l, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), L;
+}
+var N;
+function J() {
+  return N || (N = 1, process.env.NODE_ENV === "production" ? y.exports = W() : y.exports = Y()), y.exports;
+}
+var Q = J();
+function X() {
+  return Q.useSyncExternalStore(
+    Z,
+    () => !0,
+    () => !1
+  );
+}
+function Z() {
+  return () => {
+  };
+}
+var C = "Avatar", [ee] = q(C), [te, $] = ee(C), D = v.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, ...i } = e, [a, r] = v.useState("idle");
+    return /* @__PURE__ */ h(
+      te,
+      {
+        scope: n,
+        imageLoadingStatus: a,
+        onImageLoadingStatusChange: r,
+        children: /* @__PURE__ */ h(w.span, { ...i, ref: t })
+      }
+    );
+  }
+);
+D.displayName = C;
+var M = "AvatarImage", P = v.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, src: i, onLoadingStatusChange: a = () => {
+    }, ...r } = e, f = $(M, n), o = re(i, r), d = H((S) => {
+      a(S), f.onImageLoadingStatusChange(S);
+    });
+    return A(() => {
+      o !== "idle" && d(o);
+    }, [o, d]), o === "loaded" ? /* @__PURE__ */ h(w.img, { ...r, ref: t, src: i }) : null;
+  }
+);
+P.displayName = M;
+var V = "AvatarFallback", k = v.forwardRef(
+  (e, t) => {
+    const { __scopeAvatar: n, delayMs: i, ...a } = e, r = $(V, n), [f, o] = v.useState(i === void 0);
+    return v.useEffect(() => {
+      if (i !== void 0) {
+        const d = window.setTimeout(() => o(!0), i);
+        return () => window.clearTimeout(d);
+      }
+    }, [i]), f && r.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ h(w.span, { ...a, ref: t }) : null;
+  }
+);
+k.displayName = V;
+function I(e, t) {
+  return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+}
+function re(e, { referrerPolicy: t, crossOrigin: n }) {
+  const i = X(), a = v.useRef(null), r = i ? (a.current || (a.current = new window.Image()), a.current) : null, [f, o] = v.useState(
+    () => I(r, e)
+  );
+  return A(() => {
+    o(I(r, e));
+  }, [r, e]), A(() => {
+    const d = (u) => () => {
+      o(u);
+    };
+    if (!r) return;
+    const S = d("loaded"), E = d("error");
+    return r.addEventListener("load", S), r.addEventListener("error", E), t && (r.referrerPolicy = t), typeof n == "string" && (r.crossOrigin = n), () => {
+      r.removeEventListener("load", S), r.removeEventListener("error", E);
+    };
+  }, [r, n, t]), f;
+}
+var G = D, j = P, z = k;
+const ne = U(
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        /** Small avatar - 32x32px */
+        sm: "size-8",
+        /** Default avatar - 40x40px */
+        default: "size-10",
+        /** Medium avatar - 52x52px */
+        md: "size-13",
+        /** Large avatar - 64x64px */
+        lg: "size-16",
+        /** Extra large avatar - 80x80px */
+        xl: "size-20"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), ae = v.forwardRef(({ className: e, size: t, ...n }, i) => /* @__PURE__ */ h(
+  G,
+  {
+    ref: i,
+    className: O(ne({ size: t }), e),
+    ...n
+  }
+));
+ae.displayName = G.displayName;
+const oe = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  j,
+  {
+    ref: n,
+    className: O("aspect-square size-full", e),
+    ...t
+  }
+));
+oe.displayName = j.displayName;
+const se = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  z,
+  {
+    ref: n,
+    className: O(
+      "bg-muted flex size-full items-center justify-center rounded-full",
+      e
+    ),
+    ...t
+  }
+));
+se.displayName = z.displayName;
+export {
+  ae as A,
+  se as a,
+  oe as b,
+  ne as c
+};
+//# sourceMappingURL=avatar-zl4cf4c2.es.js.map

package/dist/chunks/avatar-zl4cf4c2.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-zl4cf4c2.es.js","sources":["../../node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context/dist/index.mjs","../../node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive/dist/index.mjs","../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js","../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js","../../node_modules/use-sync-external-store/shim/index.js","../../node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs","../../node_modules/@radix-ui/react-avatar/dist/index.mjs","../../src/ui/avatar/avatar.tsx"],"sourcesContent":["// src/create-context.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction createContext2(rootComponentName, defaultContext) {\n  const Context = React.createContext(defaultContext);\n  Context.displayName = rootComponentName + \"Context\";\n  const Provider = (props) => {\n    const { children, ...context } = props;\n    const value = React.useMemo(() => context, Object.values(context));\n    return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n  };\n  Provider.displayName = rootComponentName + \"Provider\";\n  function useContext2(consumerName) {\n    const context = React.useContext(Context);\n    if (context) return context;\n    if (defaultContext !== void 0) return defaultContext;\n    throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n  }\n  return [Provider, useContext2];\n}\nfunction createContextScope(scopeName, createContextScopeDeps = []) {\n  let defaultContexts = [];\n  function createContext3(rootComponentName, defaultContext) {\n    const BaseContext = React.createContext(defaultContext);\n    BaseContext.displayName = rootComponentName + \"Context\";\n    const index = defaultContexts.length;\n    defaultContexts = [...defaultContexts, defaultContext];\n    const Provider = (props) => {\n      const { scope, children, ...context } = props;\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const value = React.useMemo(() => context, Object.values(context));\n      return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n    };\n    Provider.displayName = rootComponentName + \"Provider\";\n    function useContext2(consumerName, scope) {\n      const Context = scope?.[scopeName]?.[index] || BaseContext;\n      const context = React.useContext(Context);\n      if (context) return context;\n      if (defaultContext !== void 0) return defaultContext;\n      throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n    }\n    return [Provider, useContext2];\n  }\n  const createScope = () => {\n    const scopeContexts = defaultContexts.map((defaultContext) => {\n      return React.createContext(defaultContext);\n    });\n    return function useScope(scope) {\n      const contexts = scope?.[scopeName] || scopeContexts;\n      return React.useMemo(\n        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n        [scope, contexts]\n      );\n    };\n  };\n  createScope.scopeName = scopeName;\n  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];\n}\nfunction composeContextScopes(...scopes) {\n  const baseScope = scopes[0];\n  if (scopes.length === 1) return baseScope;\n  const createScope = () => {\n    const scopeHooks = scopes.map((createScope2) => ({\n      useScope: createScope2(),\n      scopeName: createScope2.scopeName\n    }));\n    return function useComposedScopes(overrideScopes) {\n      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {\n        const scopeProps = useScope(overrideScopes);\n        const currentScope = scopeProps[`__scope${scopeName}`];\n        return { ...nextScopes2, ...currentScope };\n      }, {});\n      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);\n    };\n  };\n  createScope.scopeName = baseScope.scopeName;\n  return createScope;\n}\nexport {\n  createContext2 as createContext,\n  createContextScope\n};\n//# sourceMappingURL=index.mjs.map\n","// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n  \"a\",\n  \"button\",\n  \"div\",\n  \"form\",\n  \"h2\",\n  \"h3\",\n  \"img\",\n  \"input\",\n  \"label\",\n  \"li\",\n  \"nav\",\n  \"ol\",\n  \"p\",\n  \"select\",\n  \"span\",\n  \"svg\",\n  \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n  const Slot = createSlot(`Primitive.${node}`);\n  const Node = React.forwardRef((props, forwardedRef) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp = asChild ? Slot : node;\n    if (typeof window !== \"undefined\") {\n      window[Symbol.for(\"radix-ui\")] = true;\n    }\n    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n  });\n  Node.displayName = `Primitive.${node}`;\n  return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n  Primitive,\n  Root,\n  dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * @license React\n * use-sync-external-store-shim.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar React = require(\"react\");\nfunction is(x, y) {\n  return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n}\nvar objectIs = \"function\" === typeof Object.is ? Object.is : is,\n  useState = React.useState,\n  useEffect = React.useEffect,\n  useLayoutEffect = React.useLayoutEffect,\n  useDebugValue = React.useDebugValue;\nfunction useSyncExternalStore$2(subscribe, getSnapshot) {\n  var value = getSnapshot(),\n    _useState = useState({ inst: { value: value, getSnapshot: getSnapshot } }),\n    inst = _useState[0].inst,\n    forceUpdate = _useState[1];\n  useLayoutEffect(\n    function () {\n      inst.value = value;\n      inst.getSnapshot = getSnapshot;\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n    },\n    [subscribe, value, getSnapshot]\n  );\n  useEffect(\n    function () {\n      checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      return subscribe(function () {\n        checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n      });\n    },\n    [subscribe]\n  );\n  useDebugValue(value);\n  return value;\n}\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  inst = inst.value;\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(inst, nextValue);\n  } catch (error) {\n    return !0;\n  }\n}\nfunction useSyncExternalStore$1(subscribe, getSnapshot) {\n  return getSnapshot();\n}\nvar shim =\n  \"undefined\" === typeof window ||\n  \"undefined\" === typeof window.document ||\n  \"undefined\" === typeof window.document.createElement\n    ? useSyncExternalStore$1\n    : useSyncExternalStore$2;\nexports.useSyncExternalStore =\n  void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n","/**\n * @license React\n * use-sync-external-store-shim.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function is(x, y) {\n      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n    }\n    function useSyncExternalStore$2(subscribe, getSnapshot) {\n      didWarnOld18Alpha ||\n        void 0 === React.startTransition ||\n        ((didWarnOld18Alpha = !0),\n        console.error(\n          \"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.\"\n        ));\n      var value = getSnapshot();\n      if (!didWarnUncachedGetSnapshot) {\n        var cachedValue = getSnapshot();\n        objectIs(value, cachedValue) ||\n          (console.error(\n            \"The result of getSnapshot should be cached to avoid an infinite loop\"\n          ),\n          (didWarnUncachedGetSnapshot = !0));\n      }\n      cachedValue = useState({\n        inst: { value: value, getSnapshot: getSnapshot }\n      });\n      var inst = cachedValue[0].inst,\n        forceUpdate = cachedValue[1];\n      useLayoutEffect(\n        function () {\n          inst.value = value;\n          inst.getSnapshot = getSnapshot;\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n        },\n        [subscribe, value, getSnapshot]\n      );\n      useEffect(\n        function () {\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          return subscribe(function () {\n            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          });\n        },\n        [subscribe]\n      );\n      useDebugValue(value);\n      return value;\n    }\n    function checkIfSnapshotChanged(inst) {\n      var latestGetSnapshot = inst.getSnapshot;\n      inst = inst.value;\n      try {\n        var nextValue = latestGetSnapshot();\n        return !objectIs(inst, nextValue);\n      } catch (error) {\n        return !0;\n      }\n    }\n    function useSyncExternalStore$1(subscribe, getSnapshot) {\n      return getSnapshot();\n    }\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());\n    var React = require(\"react\"),\n      objectIs = \"function\" === typeof Object.is ? Object.is : is,\n      useState = React.useState,\n      useEffect = React.useEffect,\n      useLayoutEffect = React.useLayoutEffect,\n      useDebugValue = React.useDebugValue,\n      didWarnOld18Alpha = !1,\n      didWarnUncachedGetSnapshot = !1,\n      shim =\n        \"undefined\" === typeof window ||\n        \"undefined\" === typeof window.document ||\n        \"undefined\" === typeof window.document.createElement\n          ? useSyncExternalStore$1\n          : useSyncExternalStore$2;\n    exports.useSyncExternalStore =\n      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('../cjs/use-sync-external-store-shim.production.js');\n} else {\n  module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","// src/use-is-hydrated.tsx\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nfunction useIsHydrated() {\n  return useSyncExternalStore(\n    subscribe,\n    () => true,\n    () => false\n  );\n}\nfunction subscribe() {\n  return () => {\n  };\n}\nexport {\n  useIsHydrated\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\";\n\n// src/avatar.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useIsHydrated } from \"@radix-ui/react-use-is-hydrated\";\nimport { jsx } from \"react/jsx-runtime\";\nvar AVATAR_NAME = \"Avatar\";\nvar [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);\nvar [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nvar Avatar = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAvatar, ...avatarProps } = props;\n    const [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n    return /* @__PURE__ */ jsx(\n      AvatarProvider,\n      {\n        scope: __scopeAvatar,\n        imageLoadingStatus,\n        onImageLoadingStatusChange: setImageLoadingStatus,\n        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })\n      }\n    );\n  }\n);\nAvatar.displayName = AVATAR_NAME;\nvar IMAGE_NAME = \"AvatarImage\";\nvar AvatarImage = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAvatar, src, onLoadingStatusChange = () => {\n    }, ...imageProps } = props;\n    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);\n    const imageLoadingStatus = useImageLoadingStatus(src, imageProps);\n    const handleLoadingStatusChange = useCallbackRef((status) => {\n      onLoadingStatusChange(status);\n      context.onImageLoadingStatusChange(status);\n    });\n    useLayoutEffect(() => {\n      if (imageLoadingStatus !== \"idle\") {\n        handleLoadingStatusChange(imageLoadingStatus);\n      }\n    }, [imageLoadingStatus, handleLoadingStatusChange]);\n    return imageLoadingStatus === \"loaded\" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;\n  }\n);\nAvatarImage.displayName = IMAGE_NAME;\nvar FALLBACK_NAME = \"AvatarFallback\";\nvar AvatarFallback = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAvatar, delayMs, ...fallbackProps } = props;\n    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n    const [canRender, setCanRender] = React.useState(delayMs === void 0);\n    React.useEffect(() => {\n      if (delayMs !== void 0) {\n        const timerId = window.setTimeout(() => setCanRender(true), delayMs);\n        return () => window.clearTimeout(timerId);\n      }\n    }, [delayMs]);\n    return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;\n  }\n);\nAvatarFallback.displayName = FALLBACK_NAME;\nfunction resolveLoadingStatus(image, src) {\n  if (!image) {\n    return \"idle\";\n  }\n  if (!src) {\n    return \"error\";\n  }\n  if (image.src !== src) {\n    image.src = src;\n  }\n  return image.complete && image.naturalWidth > 0 ? \"loaded\" : \"loading\";\n}\nfunction useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {\n  const isHydrated = useIsHydrated();\n  const imageRef = React.useRef(null);\n  const image = (() => {\n    if (!isHydrated) return null;\n    if (!imageRef.current) {\n      imageRef.current = new window.Image();\n    }\n    return imageRef.current;\n  })();\n  const [loadingStatus, setLoadingStatus] = React.useState(\n    () => resolveLoadingStatus(image, src)\n  );\n  useLayoutEffect(() => {\n    setLoadingStatus(resolveLoadingStatus(image, src));\n  }, [image, src]);\n  useLayoutEffect(() => {\n    const updateStatus = (status) => () => {\n      setLoadingStatus(status);\n    };\n    if (!image) return;\n    const handleLoad = updateStatus(\"loaded\");\n    const handleError = updateStatus(\"error\");\n    image.addEventListener(\"load\", handleLoad);\n    image.addEventListener(\"error\", handleError);\n    if (referrerPolicy) {\n      image.referrerPolicy = referrerPolicy;\n    }\n    if (typeof crossOrigin === \"string\") {\n      image.crossOrigin = crossOrigin;\n    }\n    return () => {\n      image.removeEventListener(\"load\", handleLoad);\n      image.removeEventListener(\"error\", handleError);\n    };\n  }, [image, crossOrigin, referrerPolicy]);\n  return loadingStatus;\n}\nvar Root = Avatar;\nvar Image = AvatarImage;\nvar Fallback = AvatarFallback;\nexport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Fallback,\n  Image,\n  Root,\n  createAvatarScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib';\n\n/**\n * Avatar size variants configuration using class-variance-authority.\n * Defines different avatar sizes with corresponding Tailwind CSS classes.\n */\nexport const avatarVariants = cva(\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        /** Small avatar - 32x32px */\n        sm: 'size-8',\n        /** Default avatar - 40x40px */\n        default: 'size-10',\n        /** Medium avatar - 52x52px */\n        md: 'size-13',\n        /** Large avatar - 64x64px */\n        lg: 'size-16',\n        /** Extra large avatar - 80x80px */\n        xl: 'size-20',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Props interface for the Avatar component.\n * Extends Radix UI Avatar Root props with size variant support.\n */\nexport interface AvatarProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\n/**\n * Avatar component - A circular container for displaying user profile images or initials.\n *\n * Built on top of Radix UI's Avatar primitive with additional size variants.\n * Supports image display with automatic fallback to placeholder content.\n *\n * @example\n * ```tsx\n * // Basic usage with image and fallback\n * <Avatar size=\"lg\">\n *   <AvatarImage src=\"/path/to/image.jpg\" alt=\"User name\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n *\n * // Small avatar with custom styling\n * <Avatar size=\"sm\" className=\"border-2 border-blue-500\">\n *   <AvatarImage src=\"/avatar.jpg\" alt=\"Profile\" />\n *   <AvatarFallback className=\"bg-blue-100\">U</AvatarFallback>\n * </Avatar>\n * ```\n *\n * @param size - The size variant of the avatar (sm, default, md, lg, xl)\n * @param className - Additional CSS classes to apply\n * @param children - Child components (typically AvatarImage and AvatarFallback)\n */\nexport const Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(({ className, size, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(avatarVariants({ size }), className)}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\n/**\n * AvatarImage component - Displays the actual avatar image.\n *\n * Automatically handles image loading and will fall back to AvatarFallback\n * if the image fails to load or is not provided.\n *\n * @example\n * ```tsx\n * <AvatarImage\n *   src=\"https://example.com/avatar.jpg\"\n *   alt=\"John Doe's profile picture\"\n *   className=\"object-cover\"\n * />\n * ```\n *\n * @param src - The image source URL\n * @param alt - Alternative text for accessibility\n * @param className - Additional CSS classes to apply\n */\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square size-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\n/**\n * AvatarFallback component - Displays fallback content when image is unavailable.\n *\n * Typically contains user initials, an icon, or other placeholder content.\n * Only renders when the AvatarImage fails to load or is not provided.\n *\n * @example\n * ```tsx\n * // Text fallback with user initials\n * <AvatarFallback className=\"bg-blue-500 text-white\">\n *   JD\n * </AvatarFallback>\n *\n * // Icon fallback\n * <AvatarFallback>\n *   <UserIcon className=\"h-4 w-4\" />\n * </AvatarFallback>\n * ```\n *\n * @param className - Additional CSS classes to apply\n * @param children - Fallback content (text, icons, etc.)\n */\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'bg-muted flex size-full items-center justify-center rounded-full',\n      className\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n"],"names":["createContextScope","scopeName","createContextScopeDeps","defaultContexts","createContext3","rootComponentName","defaultContext","BaseContext","React","index","Provider","props","scope","children","context","Context","_a","value","jsx","useContext2","consumerName","createScope","scopeContexts","contexts","composeContextScopes","scopes","baseScope","scopeHooks","createScope2","overrideScopes","nextScopes","nextScopes2","useScope","currentScope","NODES","Primitive","primitive","node","Slot","createSlot","Node","forwardedRef","asChild","primitiveProps","Comp","require$$0","is","x","y","objectIs","useState","useEffect","useLayoutEffect","useDebugValue","useSyncExternalStore$2","subscribe","getSnapshot","_useState","inst","forceUpdate","checkIfSnapshotChanged","latestGetSnapshot","nextValue","useSyncExternalStore$1","shim","useSyncExternalStoreShim_production","didWarnOld18Alpha","didWarnUncachedGetSnapshot","cachedValue","useSyncExternalStoreShim_development","shimModule","require$$1","useIsHydrated","useSyncExternalStore","AVATAR_NAME","createAvatarContext","AvatarProvider","useAvatarContext","Avatar","__scopeAvatar","avatarProps","imageLoadingStatus","setImageLoadingStatus","IMAGE_NAME","AvatarImage","src","onLoadingStatusChange","imageProps","useImageLoadingStatus","handleLoadingStatusChange","useCallbackRef","status","FALLBACK_NAME","AvatarFallback","delayMs","fallbackProps","canRender","setCanRender","timerId","resolveLoadingStatus","image","referrerPolicy","crossOrigin","isHydrated","imageRef","loadingStatus","setLoadingStatus","updateStatus","handleLoad","handleError","Root","Image","Fallback","avatarVariants","cva","className","size","ref","AvatarPrimitive.Root","cn","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}

package/dist/chunks/badge-1ocx6hox.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),a=require("./index-x_Mxo00P.cjs.js");require("react");const l=require("./utils-C4d7Ql9-.cjs.js"),e=a.cva("inline-flex flex-nowrap whitespace-nowrap justify-center items-center border px-2.5 text-body-2xs-medium dark:border [&>svg]:size-3.5 gap-1",{variants:{type:{default:"!text-white before:hidden ",status:"!text-primary !border-border-alpha-subtle !bg-transparent before:hidden ",indicator:'!text-white before:content-[""] before:inline-block before:size-2 before:rounded-xs',icon:"!text-white [&>svg]:!text-white p-0.5 before:hidden "},variant:{default:"bg-neutral-950 dark:bg-neutral-0 before:bg-white",gray:"bg-gray-500 [&>svg]:text-gray-700 before:bg-gray-700",blue:"bg-blue-500 [&>svg]:text-blue-700 before:bg-blue-700",cyan:"bg-cyan-500 [&>svg]:text-cyan-700 before:bg-cyan-700",green:"bg-green-500 [&>svg]:text-green-700 before:bg-green-700",lime:"bg-lime-500 [&>svg]:text-lime-700 before:bg-lime-700",orange:"bg-orange-500 [&>svg]:text-orange-700 before:bg-orange-700",red:"bg-red-500 [&>svg]:text-red-700 before:bg-red-700",purple:"bg-purple-500 [&>svg]:text-purple-700 before:bg-purple-700",indigo:"bg-indigo-500 [&>svg]:text-indigo-700 before:bg-indigo-700","default-outlined":"!bg-item-primary-secondary !text-primary border-border-alpha-subtle [&>svg]:!text-primary  before:bg-primary","gray-outlined":"!bg-neutral-alpha-5 !text-secondary [&>svg]:!text-gray-700 before:bg-gray-700","blue-outlined":"!bg-blue-100 !text-blue-700 border-blue-200 [&>svg]:!text-blue-700 before:bg-blue-700","cyan-outlined":"!bg-cyan-100 !text-cyan-700 border-cyan-200 [&>svg]:!text-cyan-700 before:bg-cyan-700","green-outlined":"!bg-green-100 !text-green-700 border-green-200 [&>svg]:!text-green-700 before:bg-green-700","lime-outlined":"!bg-lime-100 !text-lime-700 border-lime-200 [&>svg]:!text-lime-700 before:bg-lime-700","orange-outlined":"!bg-orange-100 !text-orange-700 border-orange-200 [&>svg]:!text-orange-700 before:bg-orange-700","red-outlined":"!bg-red-100 !text-red-700 border-red-200 [&>svg]:!text-red-700 before:bg-red-700","purple-outlined":"!bg-purple-100 !text-purple-700 border-purple-200 [&>svg]:!text-purple-700 before:bg-purple-700","indigo-outlined":"!bg-indigo-100 !text-indigo-700 border-indigo-200 [&>svg]:!text-indigo-700 before:bg-indigo-700"},size:{sm:"h-5 min-w-5",lg:"h-6 min-w-6"},rounded:{default:"rounded-md",full:"rounded-full"}},defaultVariants:{variant:"default",rounded:"default",size:"sm",type:"default"}});function r({className:t,variant:g,rounded:b,type:n,size:o,...i}){return d.jsx("div",{className:l.cn(e({type:n,variant:g,rounded:b,size:o}),t),...i})}r.displayName="Badge";exports.Badge=r;exports.badgeVariants=e;
+//# sourceMappingURL=badge-1ocx6hox.cjs.js.map

package/dist/chunks/badge-1ocx6hox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-1ocx6hox.cjs.js","sources":["../../src/ui/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Badge variants generated using class-variance-authority (CVA).\n * Controls the appearance of the Badge component through various props:\n *\n * @property {'default' | 'status' | 'indicator' | 'icon'} type - Determines the role and style behavior.\n * @property {'default' | 'gray' | 'blue' | 'cyan' | 'green' | 'lime' | 'orange' | 'red' | 'purple' | 'indigo' |\n *   'default-outlined' | 'gray-outlined' | 'blue-outlined' | 'cyan-outlined' | 'green-outlined' | 'lime-outlined' |\n *   'orange-outlined' | 'red-outlined' | 'purple-outlined' | 'indigo-outlined'} variant - The color scheme and outlined style.\n * @property {'sm' | 'lg'} size - The size of the badge.\n * @property {'default' | 'full'} rounded - The border-radius of the badge.\n */\nexport const badgeVariants = cva(\n  'inline-flex flex-nowrap whitespace-nowrap justify-center items-center border px-2.5 text-body-2xs-medium dark:border [&>svg]:size-3.5 gap-1',\n  {\n    variants: {\n      type: {\n        default: '!text-white before:hidden ',\n        status:\n          '!text-primary !border-border-alpha-subtle !bg-transparent before:hidden ',\n        indicator:\n          '!text-white before:content-[\"\"] before:inline-block before:size-2 before:rounded-xs',\n        icon: '!text-white [&>svg]:!text-white p-0.5 before:hidden ',\n      },\n      variant: {\n        default: 'bg-neutral-950 dark:bg-neutral-0 before:bg-white',\n        gray: 'bg-gray-500 [&>svg]:text-gray-700 before:bg-gray-700',\n        blue: 'bg-blue-500 [&>svg]:text-blue-700 before:bg-blue-700',\n        cyan: 'bg-cyan-500 [&>svg]:text-cyan-700 before:bg-cyan-700',\n        green: 'bg-green-500 [&>svg]:text-green-700 before:bg-green-700',\n        lime: 'bg-lime-500 [&>svg]:text-lime-700 before:bg-lime-700',\n        orange: 'bg-orange-500 [&>svg]:text-orange-700 before:bg-orange-700',\n        red: 'bg-red-500 [&>svg]:text-red-700 before:bg-red-700',\n        purple: 'bg-purple-500 [&>svg]:text-purple-700 before:bg-purple-700',\n        indigo: 'bg-indigo-500 [&>svg]:text-indigo-700 before:bg-indigo-700',\n        'default-outlined':\n          '!bg-item-primary-secondary !text-primary border-border-alpha-subtle [&>svg]:!text-primary  before:bg-primary',\n        'gray-outlined':\n          '!bg-neutral-alpha-5 !text-secondary [&>svg]:!text-gray-700 before:bg-gray-700',\n        'blue-outlined':\n          '!bg-blue-100 !text-blue-700 border-blue-200 [&>svg]:!text-blue-700 before:bg-blue-700',\n        'cyan-outlined':\n          '!bg-cyan-100 !text-cyan-700 border-cyan-200 [&>svg]:!text-cyan-700 before:bg-cyan-700',\n        'green-outlined':\n          '!bg-green-100 !text-green-700 border-green-200 [&>svg]:!text-green-700 before:bg-green-700',\n        'lime-outlined':\n          '!bg-lime-100 !text-lime-700 border-lime-200 [&>svg]:!text-lime-700 before:bg-lime-700',\n        'orange-outlined':\n          '!bg-orange-100 !text-orange-700 border-orange-200 [&>svg]:!text-orange-700 before:bg-orange-700',\n        'red-outlined':\n          '!bg-red-100 !text-red-700 border-red-200 [&>svg]:!text-red-700 before:bg-red-700',\n        'purple-outlined':\n          '!bg-purple-100 !text-purple-700 border-purple-200 [&>svg]:!text-purple-700 before:bg-purple-700',\n        'indigo-outlined':\n          '!bg-indigo-100 !text-indigo-700 border-indigo-200 [&>svg]:!text-indigo-700 before:bg-indigo-700',\n      },\n      size: {\n        sm: 'h-5 min-w-5',\n        lg: 'h-6 min-w-6',\n      },\n      rounded: {\n        default: 'rounded-md',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      rounded: 'default',\n      size: 'sm',\n      type: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Badge component.\n * Extends native HTML div props and adds styling variants.\n */\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\n/**\n * Badge is a UI component used to display status indicators, labels, or counters.\n *\n * @component\n * @param {BadgeProps} props - Props for customizing the badge.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'status' | 'indicator' | 'icon'} [props.type] - Type of badge.\n * @param {'default' | 'gray' | 'blue' | 'cyan' | 'green' | 'lime' | 'orange' | 'red' | 'purple' | 'indigo' |\n *   'default-outlined' | 'gray-outlined' | 'blue-outlined' | 'cyan-outlined' | 'green-outlined' | 'lime-outlined' |\n *   'orange-outlined' | 'red-outlined' | 'purple-outlined' | 'indigo-outlined'} [props.variant] - Color scheme of badge.\n * @param {'sm' | 'lg'} [props.size] - Size of the badge.\n * @param {'default' | 'full'} [props.rounded] - Border radius style.\n * @param {React.HTMLAttributes<HTMLDivElement>} props - All other native div props.\n * @returns {JSX.Element} Rendered badge component.\n */\nexport function Badge({\n  className,\n  variant,\n  rounded,\n  type,\n  size,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ type, variant, rounded, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = 'Badge';\n"],"names":["badgeVariants","cva","Badge","className","variant","rounded","type","size","props","jsx","cn"],"mappings":"mJAeaA,EAAgBC,EAAAA,IAC3B,8IACA,CACE,SAAU,CACR,KAAM,CACJ,QAAS,6BACT,OACE,2EACF,UACE,sFACF,KAAM,sDAAA,EAER,QAAS,CACP,QAAS,mDACT,KAAM,uDACN,KAAM,uDACN,KAAM,uDACN,MAAO,0DACP,KAAM,uDACN,OAAQ,6DACR,IAAK,oDACL,OAAQ,6DACR,OAAQ,6DACR,mBACE,+GACF,gBACE,gFACF,gBACE,wFACF,gBACE,wFACF,iBACE,6FACF,gBACE,wFACF,kBACE,kGACF,eACE,mFACF,kBACE,kGACF,kBACE,iGAAA,EAEJ,KAAM,CACJ,GAAI,cACJ,GAAI,aAAA,EAEN,QAAS,CACP,QAAS,aACT,KAAM,cAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,QAAS,UACT,KAAM,KACN,KAAM,SAAA,CACR,CAEJ,EAyBO,SAASC,EAAM,CACpB,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EAAe,CACb,OACEC,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAGV,EAAc,CAAE,KAAAM,EAAM,QAAAF,EAAS,QAAAC,EAAS,KAAAE,EAAM,EAAGJ,CAAS,EACvE,GAAGK,CAAA,CAAA,CAGV,CAEAN,EAAM,YAAc"}

package/dist/chunks/badge-CPzxgRrM.es.js

@@ -0,0 +1,75 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as a } from "./index-xA4mlFw5.es.js";
+import "react";
+import { c as i } from "./utils-CnvKSirc.es.js";
+const d = a(
+  "inline-flex flex-nowrap whitespace-nowrap justify-center items-center border px-2.5 text-body-2xs-medium dark:border [&>svg]:size-3.5 gap-1",
+  {
+    variants: {
+      type: {
+        default: "!text-white before:hidden ",
+        status: "!text-primary !border-border-alpha-subtle !bg-transparent before:hidden ",
+        indicator: '!text-white before:content-[""] before:inline-block before:size-2 before:rounded-xs',
+        icon: "!text-white [&>svg]:!text-white p-0.5 before:hidden "
+      },
+      variant: {
+        default: "bg-neutral-950 dark:bg-neutral-0 before:bg-white",
+        gray: "bg-gray-500 [&>svg]:text-gray-700 before:bg-gray-700",
+        blue: "bg-blue-500 [&>svg]:text-blue-700 before:bg-blue-700",
+        cyan: "bg-cyan-500 [&>svg]:text-cyan-700 before:bg-cyan-700",
+        green: "bg-green-500 [&>svg]:text-green-700 before:bg-green-700",
+        lime: "bg-lime-500 [&>svg]:text-lime-700 before:bg-lime-700",
+        orange: "bg-orange-500 [&>svg]:text-orange-700 before:bg-orange-700",
+        red: "bg-red-500 [&>svg]:text-red-700 before:bg-red-700",
+        purple: "bg-purple-500 [&>svg]:text-purple-700 before:bg-purple-700",
+        indigo: "bg-indigo-500 [&>svg]:text-indigo-700 before:bg-indigo-700",
+        "default-outlined": "!bg-item-primary-secondary !text-primary border-border-alpha-subtle [&>svg]:!text-primary  before:bg-primary",
+        "gray-outlined": "!bg-neutral-alpha-5 !text-secondary [&>svg]:!text-gray-700 before:bg-gray-700",
+        "blue-outlined": "!bg-blue-100 !text-blue-700 border-blue-200 [&>svg]:!text-blue-700 before:bg-blue-700",
+        "cyan-outlined": "!bg-cyan-100 !text-cyan-700 border-cyan-200 [&>svg]:!text-cyan-700 before:bg-cyan-700",
+        "green-outlined": "!bg-green-100 !text-green-700 border-green-200 [&>svg]:!text-green-700 before:bg-green-700",
+        "lime-outlined": "!bg-lime-100 !text-lime-700 border-lime-200 [&>svg]:!text-lime-700 before:bg-lime-700",
+        "orange-outlined": "!bg-orange-100 !text-orange-700 border-orange-200 [&>svg]:!text-orange-700 before:bg-orange-700",
+        "red-outlined": "!bg-red-100 !text-red-700 border-red-200 [&>svg]:!text-red-700 before:bg-red-700",
+        "purple-outlined": "!bg-purple-100 !text-purple-700 border-purple-200 [&>svg]:!text-purple-700 before:bg-purple-700",
+        "indigo-outlined": "!bg-indigo-100 !text-indigo-700 border-indigo-200 [&>svg]:!text-indigo-700 before:bg-indigo-700"
+      },
+      size: {
+        sm: "h-5 min-w-5",
+        lg: "h-6 min-w-6"
+      },
+      rounded: {
+        default: "rounded-md",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      rounded: "default",
+      size: "sm",
+      type: "default"
+    }
+  }
+);
+function l({
+  className: e,
+  variant: r,
+  rounded: t,
+  type: g,
+  size: b,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: i(d({ type: g, variant: r, rounded: t, size: b }), e),
+      ...o
+    }
+  );
+}
+l.displayName = "Badge";
+export {
+  l as B,
+  d as b
+};
+//# sourceMappingURL=badge-CPzxgRrM.es.js.map

package/dist/chunks/badge-CPzxgRrM.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CPzxgRrM.es.js","sources":["../../src/ui/badge/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Badge variants generated using class-variance-authority (CVA).\n * Controls the appearance of the Badge component through various props:\n *\n * @property {'default' | 'status' | 'indicator' | 'icon'} type - Determines the role and style behavior.\n * @property {'default' | 'gray' | 'blue' | 'cyan' | 'green' | 'lime' | 'orange' | 'red' | 'purple' | 'indigo' |\n *   'default-outlined' | 'gray-outlined' | 'blue-outlined' | 'cyan-outlined' | 'green-outlined' | 'lime-outlined' |\n *   'orange-outlined' | 'red-outlined' | 'purple-outlined' | 'indigo-outlined'} variant - The color scheme and outlined style.\n * @property {'sm' | 'lg'} size - The size of the badge.\n * @property {'default' | 'full'} rounded - The border-radius of the badge.\n */\nexport const badgeVariants = cva(\n  'inline-flex flex-nowrap whitespace-nowrap justify-center items-center border px-2.5 text-body-2xs-medium dark:border [&>svg]:size-3.5 gap-1',\n  {\n    variants: {\n      type: {\n        default: '!text-white before:hidden ',\n        status:\n          '!text-primary !border-border-alpha-subtle !bg-transparent before:hidden ',\n        indicator:\n          '!text-white before:content-[\"\"] before:inline-block before:size-2 before:rounded-xs',\n        icon: '!text-white [&>svg]:!text-white p-0.5 before:hidden ',\n      },\n      variant: {\n        default: 'bg-neutral-950 dark:bg-neutral-0 before:bg-white',\n        gray: 'bg-gray-500 [&>svg]:text-gray-700 before:bg-gray-700',\n        blue: 'bg-blue-500 [&>svg]:text-blue-700 before:bg-blue-700',\n        cyan: 'bg-cyan-500 [&>svg]:text-cyan-700 before:bg-cyan-700',\n        green: 'bg-green-500 [&>svg]:text-green-700 before:bg-green-700',\n        lime: 'bg-lime-500 [&>svg]:text-lime-700 before:bg-lime-700',\n        orange: 'bg-orange-500 [&>svg]:text-orange-700 before:bg-orange-700',\n        red: 'bg-red-500 [&>svg]:text-red-700 before:bg-red-700',\n        purple: 'bg-purple-500 [&>svg]:text-purple-700 before:bg-purple-700',\n        indigo: 'bg-indigo-500 [&>svg]:text-indigo-700 before:bg-indigo-700',\n        'default-outlined':\n          '!bg-item-primary-secondary !text-primary border-border-alpha-subtle [&>svg]:!text-primary  before:bg-primary',\n        'gray-outlined':\n          '!bg-neutral-alpha-5 !text-secondary [&>svg]:!text-gray-700 before:bg-gray-700',\n        'blue-outlined':\n          '!bg-blue-100 !text-blue-700 border-blue-200 [&>svg]:!text-blue-700 before:bg-blue-700',\n        'cyan-outlined':\n          '!bg-cyan-100 !text-cyan-700 border-cyan-200 [&>svg]:!text-cyan-700 before:bg-cyan-700',\n        'green-outlined':\n          '!bg-green-100 !text-green-700 border-green-200 [&>svg]:!text-green-700 before:bg-green-700',\n        'lime-outlined':\n          '!bg-lime-100 !text-lime-700 border-lime-200 [&>svg]:!text-lime-700 before:bg-lime-700',\n        'orange-outlined':\n          '!bg-orange-100 !text-orange-700 border-orange-200 [&>svg]:!text-orange-700 before:bg-orange-700',\n        'red-outlined':\n          '!bg-red-100 !text-red-700 border-red-200 [&>svg]:!text-red-700 before:bg-red-700',\n        'purple-outlined':\n          '!bg-purple-100 !text-purple-700 border-purple-200 [&>svg]:!text-purple-700 before:bg-purple-700',\n        'indigo-outlined':\n          '!bg-indigo-100 !text-indigo-700 border-indigo-200 [&>svg]:!text-indigo-700 before:bg-indigo-700',\n      },\n      size: {\n        sm: 'h-5 min-w-5',\n        lg: 'h-6 min-w-6',\n      },\n      rounded: {\n        default: 'rounded-md',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      rounded: 'default',\n      size: 'sm',\n      type: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Badge component.\n * Extends native HTML div props and adds styling variants.\n */\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\n/**\n * Badge is a UI component used to display status indicators, labels, or counters.\n *\n * @component\n * @param {BadgeProps} props - Props for customizing the badge.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'status' | 'indicator' | 'icon'} [props.type] - Type of badge.\n * @param {'default' | 'gray' | 'blue' | 'cyan' | 'green' | 'lime' | 'orange' | 'red' | 'purple' | 'indigo' |\n *   'default-outlined' | 'gray-outlined' | 'blue-outlined' | 'cyan-outlined' | 'green-outlined' | 'lime-outlined' |\n *   'orange-outlined' | 'red-outlined' | 'purple-outlined' | 'indigo-outlined'} [props.variant] - Color scheme of badge.\n * @param {'sm' | 'lg'} [props.size] - Size of the badge.\n * @param {'default' | 'full'} [props.rounded] - Border radius style.\n * @param {React.HTMLAttributes<HTMLDivElement>} props - All other native div props.\n * @returns {JSX.Element} Rendered badge component.\n */\nexport function Badge({\n  className,\n  variant,\n  rounded,\n  type,\n  size,\n  ...props\n}: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ type, variant, rounded, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = 'Badge';\n"],"names":["badgeVariants","cva","Badge","className","variant","rounded","type","size","props","jsx","cn"],"mappings":";;;;AAeO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QACE;AAAA,QACF,WACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,oBACE;AAAA,QACF,iBACE;AAAA,QACF,iBACE;AAAA,QACF,iBACE;AAAA,QACF,kBACE;AAAA,QACF,iBACE;AAAA,QACF,mBACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAyBO,SAASC,EAAM;AAAA,EACpB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGV,EAAc,EAAE,MAAAM,GAAM,SAAAF,GAAS,SAAAC,GAAS,MAAAE,GAAM,GAAGJ,CAAS;AAAA,MACvE,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;AAEAN,EAAM,cAAc;"}

package/dist/chunks/breadcrumb-BrMrkZfa.es.js

@@ -0,0 +1,82 @@
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { r as o } from "./index-Br4MVOGV.es.js";
+import * as t from "react";
+import { useTranslation as l } from "react-i18next";
+import { c as i } from "./utils-CnvKSirc.es.js";
+import { E as c } from "./ellipsis-9FjKj8zv.es.js";
+const n = t.forwardRef(({ ...a }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...a }));
+n.displayName = "Breadcrumb";
+const d = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
+  "ol",
+  {
+    ref: e,
+    className: i("flex flex-wrap items-center gap-1.5 break-words", a),
+    ...r
+  }
+));
+d.displayName = "BreadcrumbList";
+const p = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
+  "li",
+  {
+    ref: e,
+    className: i("inline-flex items-center gap-1.5", a),
+    ...r
+  }
+));
+p.displayName = "BreadcrumbItem";
+const f = t.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: e,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: i("text-foreground font-normal", a),
+    ...r
+  }
+));
+f.displayName = "BreadcrumbPage";
+const u = ({
+  children: a,
+  className: r,
+  ...e
+}) => /* @__PURE__ */ s(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: i("text-secondary [&>svg]:size-4", r),
+    ...e,
+    children: a ?? /* @__PURE__ */ s(o, { size: 20 })
+  }
+);
+u.displayName = "BreadcrumbSeparator";
+const b = ({
+  className: a,
+  ...r
+}) => {
+  const { t: e } = l();
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: i("flex h-9 w-9 items-center justify-center", a),
+      ...r,
+      children: [
+        /* @__PURE__ */ s(c, { className: "h-4 w-4" }),
+        /* @__PURE__ */ s("span", { className: "sr-only", children: e("More") })
+      ]
+    }
+  );
+};
+b.displayName = "BreadcrumbEllipsis";
+export {
+  n as B,
+  b as a,
+  p as b,
+  d as c,
+  f as d,
+  u as e
+};
+//# sourceMappingURL=breadcrumb-BrMrkZfa.es.js.map

package/dist/chunks/breadcrumb-BrMrkZfa.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-BrMrkZfa.es.js","sources":["../../src/ui/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { RiArrowRightSLine } from '@remixicon/react';\nimport { MoreHorizontal } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\n\n/**\n * Represents a single breadcrumb item used to build breadcrumb trails.\n *\n * @property {string} path - The URL or path to navigate to.\n * @property {ReactNode} name - Display label for the breadcrumb item.\n * @property {boolean} [isActive] - Marks the current page item.\n */\nexport interface BreadcrumbInterface {\n  path: string;\n  name: ReactNode;\n  isActive?: boolean;\n}\n\n/**\n * Root breadcrumb navigation component. Provides aria-label and forwards ref to a <nav> element.\n * @returns {JSX.Element} The rendered Breadcrumb component.\n * @component\n */\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    separator?: React.ReactNode;\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = 'Breadcrumb';\n\n/**\n * Ordered list that lays out breadcrumb items.\n * @returns {JSX.Element} The rendered BreadcrumbList component.\n * @component\n */\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<'ol'>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn('flex flex-wrap items-center gap-1.5 break-words', className)}\n    {...props}\n  />\n));\nBreadcrumbList.displayName = 'BreadcrumbList';\n\n/**\n * Single breadcrumb list item container.\n * @returns {JSX.Element} The rendered BreadcrumbItem component.\n * @component\n */\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<'li'>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn('inline-flex items-center gap-1.5', className)}\n    {...props}\n  />\n));\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\n/**\n * Non-clickable breadcrumb page indicator for the current route.\n * Renders a span with aria-current=\"page\".\n * @returns {JSX.Element} The rendered BreadcrumbPage component.\n * @component\n */\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn('text-foreground font-normal', className)}\n    {...props}\n  />\n));\nBreadcrumbPage.displayName = 'BreadcrumbPage';\n\n/**\n * Separator element displayed between breadcrumb items.\n * Defaults to a right arrow icon when no children are provided.\n * @returns {JSX.Element} The rendered BreadcrumbSeparator component.\n */\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'li'>) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn('text-secondary [&>svg]:size-4', className)}\n    {...props}\n  >\n    {children ?? <RiArrowRightSLine size={20} />}\n  </li>\n);\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator';\n\n/**\n * Ellipsis component to indicate collapsed breadcrumb items.\n * @returns {JSX.Element} The rendered BreadcrumbEllipsis component.\n */\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => {\n  const { t } = useTranslation();\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex h-9 w-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"h-4 w-4\" />\n      <span className=\"sr-only\">{t('More')}</span>\n    </span>\n  );\n};\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbPage","BreadcrumbSeparator","children","RiArrowRightSLine","BreadcrumbEllipsis","t","useTranslation","jsxs","MoreHorizontal"],"mappings":";;;;;;AAyBA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAOzB,MAAMK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,mDAAmDD,CAAS;AAAA,IACzE,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAO7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAQ7B,MAAMC,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDO,EAAe,cAAc;AAO7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAL;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,iCAAiCD,CAAS;AAAA,IACvD,GAAGJ;AAAA,IAEH,UAAAS,KAAY,gBAAAP,EAACQ,GAAA,EAAkB,MAAM,GAAA,CAAI;AAAA,EAAA;AAC5C;AAEFF,EAAoB,cAAc;AAMlC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAP;AAAA,EACA,GAAGJ;AACL,MAAoC;AAClC,QAAM,EAAE,GAAAY,EAAA,IAAMC,EAAA;AACd,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWT,EAAG,4CAA4CD,CAAS;AAAA,MAClE,GAAGJ;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAACa,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,0BACnC,QAAA,EAAK,WAAU,WAAW,UAAAH,EAAE,MAAM,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;AACAD,EAAmB,cAAc;"}

package/dist/chunks/breadcrumb-iPT-f06l.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),b=require("./index-is755vrc.cjs.js"),p=require("react"),f=require("react-i18next"),t=require("./utils-C4d7Ql9-.cjs.js"),x=require("./ellipsis-FJjSjEdP.cjs.js");function B(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const c=B(p),i=c.forwardRef(({...e},r)=>s.jsx("nav",{ref:r,"aria-label":"breadcrumb",...e}));i.displayName="Breadcrumb";const l=c.forwardRef(({className:e,...r},a)=>s.jsx("ol",{ref:a,className:t.cn("flex flex-wrap items-center gap-1.5 break-words",e),...r}));l.displayName="BreadcrumbList";const o=c.forwardRef(({className:e,...r},a)=>s.jsx("li",{ref:a,className:t.cn("inline-flex items-center gap-1.5",e),...r}));o.displayName="BreadcrumbItem";const d=c.forwardRef(({className:e,...r},a)=>s.jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:t.cn("text-foreground font-normal",e),...r}));d.displayName="BreadcrumbPage";const u=({children:e,className:r,...a})=>s.jsx("li",{role:"presentation","aria-hidden":"true",className:t.cn("text-secondary [&>svg]:size-4",r),...a,children:e??s.jsx(b.r2,{size:20})});u.displayName="BreadcrumbSeparator";const m=({className:e,...r})=>{const{t:a}=f.useTranslation();return s.jsxs("span",{role:"presentation","aria-hidden":"true",className:t.cn("flex h-9 w-9 items-center justify-center",e),...r,children:[s.jsx(x.Ellipsis,{className:"h-4 w-4"}),s.jsx("span",{className:"sr-only",children:a("More")})]})};m.displayName="BreadcrumbEllipsis";exports.Breadcrumb=i;exports.BreadcrumbEllipsis=m;exports.BreadcrumbItem=o;exports.BreadcrumbList=l;exports.BreadcrumbPage=d;exports.BreadcrumbSeparator=u;
+//# sourceMappingURL=breadcrumb-iPT-f06l.cjs.js.map