impact-nova 2.1.0-alpha.7 → 2.1.0-alpha.8

package/dist/components/forms/smart-input/smart-input.js

@@ -1,9 +1,10 @@
 import { jsx as P } from "react/jsx-runtime";
-import { forwardRef as E, useState as x } from "react";
+import { useState as E } from "react";
+import { createComponent as x } from "../../../lib/primitives/create-component.js";
 import { Input as L } from "../input/input.js";
-const ee = E(function({
-  value: S,
-  type: C = "text",
+const le = x("SmartInput", function({
+  value: M,
+  type: S = "text",
   onChange: v,
   onBlur: b,
   onFocus: z,
@@ -15,17 +16,17 @@ const ee = E(function({
   min_operator: O = ">=",
   max_operator: W = "<=",
   maxIntegerDigits: V,
-  decimalPlaces: c,
+  decimalPlaces: o,
   enforceDecimal: j = !1,
-  allowDecimal: y = !0,
+  allowDecimal: B = !0,
   maxLength: i,
-  trimLeadingSpaces: B = !0,
+  trimLeadingSpaces: y = !0,
   customValidator: N,
   onValidationError: p,
   disabled: h = !1,
   ...k
-}, R) {
-  const $ = S !== void 0, [T, w] = x(""), l = $ ? String(S ?? "") : T, a = C === "number", g = F ?? O, m = K ?? W, U = (t) => {
+}, T) {
+  const $ = M !== void 0, [U, m] = E(""), a = $ ? String(M ?? "") : U, c = S === "number", g = F ?? O, w = K ?? W, q = (t) => {
     if (s === void 0) return !0;
     switch (g) {
       case ">":
@@ -39,9 +40,9 @@ const ee = E(function({
       default:
         return !0;
     }
-  }, q = (t) => {
+  }, A = (t) => {
     if (u === void 0) return !0;
-    switch (m) {
+    switch (w) {
       case ">":
         return t > u;
       case ">=":
@@ -53,24 +54,24 @@ const ee = E(function({
       default:
         return !0;
     }
-  }, A = (t) => {
+  }, G = (t) => {
     let e = t;
     if (s !== void 0) {
       const r = g === ">" ? s + 0.01 : s;
       e = Math.max(e, r);
     }
     if (u !== void 0) {
-      const r = m === "<" ? u - 0.01 : u;
+      const r = w === "<" ? u - 0.01 : u;
       e = Math.min(e, r);
     }
     return e;
-  }, G = (t) => {
+  }, H = (t) => {
     const e = D ? /[^0-9.-]/g : /[^0-9.]/g;
     return t.replace(e, "");
-  }, H = (t) => {
+  }, J = (t) => {
     const e = t.split(".");
     return e.length > 2 ? e[0] + "." + e.slice(1).join("") : t;
-  }, J = (t, e) => {
+  }, Q = (t, e) => {
     if (!D) return t;
     if ((t.match(/-/g) || []).length > 1) {
       let n = t.replace(/-/g, "");
@@ -78,10 +79,10 @@ const ee = E(function({
     } else if (t.includes("-") && !t.startsWith("-"))
       return t.replace("-", "");
     return t;
-  }, Q = (t) => {
-    if (c === void 0 || !t.includes(".")) return t;
+  }, R = (t) => {
+    if (o === void 0 || !t.includes(".")) return t;
     const [e, r] = t.split(".");
-    return r && r.length > c ? `${e}.${r.slice(0, c)}` : t;
+    return r && r.length > o ? `${e}.${r.slice(0, o)}` : t;
   }, X = (t) => {
     if (V === void 0) return t;
     const [e, r] = t.split("."), n = e.replace("-", "");
@@ -90,21 +91,21 @@ const ee = E(function({
       return r !== void 0 ? `${d}${f}.${r}` : `${d}${f}`;
     }
     return t;
-  }, I = (t) => {
-    if (!a) return t;
+  }, C = (t) => {
+    if (!c) return t;
     let e = String(t ?? "");
-    return B && (e = e.replace(/^\s+/, "")), e = G(e), e = H(e), e = J(e, t), e = Q(e), e = X(e), y || (e = e.replace(".", "")), e;
+    return y && (e = e.replace(/^\s+/, "")), e = H(e), e = J(e), e = Q(e, t), e = R(e), e = X(e), B || (e = e.replace(".", "")), e;
   }, Y = (t) => {
-    if (!a || !t || t === "-") return t;
+    if (!c || !t || t === "-") return t;
     let e = t;
     const r = parseFloat(e);
     if (isNaN(r)) return "";
-    const n = A(r);
-    if (j && c !== void 0)
-      e = n.toFixed(c);
-    else if (c !== void 0 && e.includes(".")) {
-      const [f, d = ""] = e.split("."), M = d.padEnd(c, "0");
-      e = `${f}.${M}`;
+    const n = G(r);
+    if (j && o !== void 0)
+      e = n.toFixed(o);
+    else if (o !== void 0 && e.includes(".")) {
+      const [f, d = ""] = e.split("."), I = d.padEnd(o, "0");
+      e = `${f}.${I}`;
     } else
       e = String(n);
     return e;
@@ -112,14 +113,14 @@ const ee = E(function({
     if (!t) return !0;
     if (N && !N(t))
       return p?.("Custom validation failed"), !1;
-    if (a) {
+    if (c) {
       const e = parseFloat(t);
       if (isNaN(e))
         return p?.("Invalid number"), !1;
-      if (!U(e))
-        return p?.(`Value must be ${g} ${s}`), !1;
       if (!q(e))
-        return p?.(`Value must be ${m} ${u}`), !1;
+        return p?.(`Value must be ${g} ${s}`), !1;
+      if (!A(e))
+        return p?.(`Value must be ${w} ${u}`), !1;
     }
     return i && t.length > i ? (p?.(`Maximum length is ${i}`), !1) : !0;
   };
@@ -128,28 +129,28 @@ const ee = E(function({
     {
       "data-component": "smart-input",
       className: "w-full",
-      "data-numeric": a || void 0,
-      "data-decimal-places": c,
+      "data-numeric": c || void 0,
+      "data-decimal-places": o,
       "data-min": s,
       "data-max": u,
       children: /* @__PURE__ */ P(
         L,
         {
           ...k,
-          type: C,
-          value: l,
+          type: S,
+          value: a,
           onChange: (t) => {
             if (h) return;
             let r = t.target.value;
-            a ? r = I(r) : B && (r = r.replace(/^\s+/, "")), i && r.length > i && (r = r.slice(0, i)), $ || w(r), v?.(r, t);
+            c ? r = C(r) : y && (r = r.replace(/^\s+/, "")), i && r.length > i && (r = r.slice(0, i)), $ || m(r), v?.(r, t);
           },
           onBlur: (t) => {
-            let e = l;
-            a && e && (e = Y(e), Z(e) && ($ || w(e), e !== l && v?.(e))), b?.(t);
+            let e = a;
+            c && e && (e = Y(e), Z(e) && ($ || m(e), e !== a && v?.(e))), b?.(t);
           },
           onFocus: z,
           onKeyDown: (t) => {
-            if (h || !a) return;
+            if (h || !c) return;
             const e = t.key;
             if (e === "e" || e === "E") {
               t.preventDefault();
@@ -159,11 +160,11 @@ const ee = E(function({
               t.preventDefault();
               return;
             }
-            if (e === "-" && l.includes("-")) {
+            if (e === "-" && a.includes("-")) {
               t.preventDefault();
               return;
             }
-            if (e === "." && (!y || l.includes("."))) {
+            if (e === "." && (!B || a.includes("."))) {
               t.preventDefault();
               return;
             }
@@ -171,18 +172,17 @@ const ee = E(function({
           onPaste: (t) => {
             if (h) return;
             t.preventDefault();
-            const e = t.clipboardData.getData("text"), r = a ? I(e) : e, n = t.target, f = n.selectionStart || 0, d = n.selectionEnd || 0, M = l.slice(0, f), _ = l.slice(d);
-            let o = M + r + _;
-            a && (o = I(o)), i && o.length > i && (o = o.slice(0, i)), $ || w(o), v?.(o);
+            const e = t.clipboardData.getData("text"), r = c ? C(e) : e, n = t.target, f = n.selectionStart || 0, d = n.selectionEnd || 0, I = a.slice(0, f), _ = a.slice(d);
+            let l = I + r + _;
+            c && (l = C(l)), i && l.length > i && (l = l.slice(0, i)), $ || m(l), v?.(l);
           },
           disabled: h,
-          ref: R
+          ref: T
         }
       )
     }
   );
 });
-ee.displayName = "SmartInput";
 export {
-  ee as SmartInput
+  le as SmartInput
 };

package/dist/components/forms/textarea/textarea.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
 import * as U from "react";
 import { createComponent as k } from "../../../lib/primitives/create-component.js";
 import { useFieldChrome as z } from "../../../lib/primitives/use-field-chrome.js";
@@ -9,10 +9,10 @@ const V = k(
   ({
     className: g,
     label: s,
-    helperText: a,
-    helperTextPosition: n = "absolute",
+    helperText: e,
+    helperTextPosition: d = "absolute",
     labelOrientation: u,
-    characterLimit: i,
+    characterLimit: a,
     required: b,
     isRequired: p,
     error: C,
@@ -20,28 +20,28 @@ const V = k(
     size: N,
     disabled: w,
     isDisabled: j,
-    value: d,
+    value: i,
     onChange: y,
     defaultValue: l,
     id: B,
     ...S
   }, q) => {
-    const A = b ?? p, e = C ?? h, o = w ?? j, R = !!(s || a || e), c = d !== void 0, [D, E] = U.useState(
+    const A = b ?? p, t = C ?? h, o = w ?? j, R = !!(s || e || t || a), c = i !== void 0, [D, E] = U.useState(
       () => String(l ?? "").length
-    ), F = c ? String(d ?? "").length : D, I = (f) => {
+    ), F = c ? String(i ?? "").length : D, I = (f) => {
       c || E(f.target.value.length), y?.(f);
-    }, t = z({
+    }, r = z({
       label: s,
-      helperText: a,
-      helperTextPosition: n,
+      helperText: e,
+      helperTextPosition: d,
       labelOrientation: u,
-      error: e,
+      error: t,
       required: A,
       disabled: o,
       id: B,
-      footer: a && n === "flow" || i ? /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1" }),
-        i ? /* @__PURE__ */ v(
+      footer: e && d === "flow" || a ? /* @__PURE__ */ v("div", { className: "flex items-center justify-between gap-[6px]", children: [
+        /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1" }),
+        a ? /* @__PURE__ */ v(
           "div",
           {
             className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
@@ -49,24 +49,24 @@ const V = k(
             children: [
               F,
               "/",
-              i
+              a
             ]
           }
         ) : null
       ] }) : void 0,
       rootClassName: "min-w-[240px]"
-    }), m = /* @__PURE__ */ r(
+    }), m = /* @__PURE__ */ n(
       "div",
       {
         className: x(
-          a && n === "absolute" && "relative"
+          e && d === "absolute" && "relative"
         ),
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ n(
           "textarea",
           {
             className: x(
               G({
-                error: !!e,
+                error: !!t,
                 size: N,
                 disabled: !!o,
                 className: g
@@ -76,21 +76,21 @@ const V = k(
             ),
             ref: q,
             disabled: !!o,
-            value: d,
+            value: i,
             defaultValue: l,
             onChange: I,
-            id: t.controlId,
+            id: r.controlId,
             "data-component": "textarea",
-            "data-invalid": e || void 0,
+            "data-invalid": t || void 0,
             "data-disabled": o || void 0,
-            "aria-invalid": t.controlAria["aria-invalid"],
-            "aria-describedby": t.controlAria["aria-describedby"],
+            "aria-invalid": r.controlAria["aria-invalid"],
+            "aria-describedby": r.controlAria["aria-describedby"],
             ...S
           }
         )
       }
     );
-    return /* @__PURE__ */ r("div", { className: "flex w-full flex-col gap-[6px]", children: R ? t.wrapControl(m) : m });
+    return /* @__PURE__ */ n("div", { className: "flex w-full flex-col gap-[6px]", children: R ? r.wrapControl(m) : m });
   }
 );
 export {

package/dist/components/layout/breadcrumb/breadcrumb.js

@@ -1,15 +1,17 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import * as n from "react";
-import { Slot as v } from "@radix-ui/react-slot";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import * as h from "react";
+import { Slot as y } from "@radix-ui/react-slot";
 import { ThreeDots as H } from "impact-nova-icons";
 import { ClickMeArrow as L } from "../../ui/local-raster-icons/rasterIcons.js";
-import { Tooltip as C, TooltipTrigger as w, TooltipContent as g } from "../../feedback/tooltip/tooltip.js";
-import { cn as s } from "../../../lib/utils.js";
-import { useImpactNovaI18n as h } from "../../../i18n/use-impact-nova-i18n.js";
-const b = n.createContext({}), B = (e, t) => {
+import { Tooltip as g, TooltipTrigger as w, TooltipContent as B } from "../../feedback/tooltip/tooltip.js";
+import { createComponent as s } from "../../../lib/primitives/create-component.js";
+import { createCompoundPart as W } from "../../../lib/primitives/create-compound.js";
+import { cn as n } from "../../../lib/utils.js";
+import { useImpactNovaI18n as x } from "../../../i18n/use-impact-nova-i18n.js";
+const C = h.createContext({}), N = (e, a) => {
   const r = e.split(/\s+/);
-  return r.length <= t ? e : r.slice(0, t).join(" ") + "...";
-}, R = ({ className: e }) => /* @__PURE__ */ a(
+  return r.length <= a ? e : r.slice(0, a).join(" ") + "...";
+}, V = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     width: "13",
@@ -19,8 +21,8 @@ const b = n.createContext({}), B = (e, t) => {
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": "true",
     focusable: "false",
-    className: s("h-3.5 w-3.5", e),
-    children: /* @__PURE__ */ a(
+    className: n("h-3.5 w-3.5", e),
+    children: /* @__PURE__ */ t(
       "path",
       {
         d: "M2.0013 11.1654H4.0013V7.83203C4.0013 7.64314 4.06519 7.48481 4.19297 7.35703C4.32075 7.22925 4.47908 7.16536 4.66797 7.16536H7.33464C7.52352 7.16536 7.68186 7.22925 7.80964 7.35703C7.93741 7.48481 8.0013 7.64314 8.0013 7.83203V11.1654H10.0013V5.16536L6.0013 2.16536L2.0013 5.16536V11.1654ZM0.667969 11.1654V5.16536C0.667969 4.95425 0.715191 4.75425 0.809635 4.56536C0.90408 4.37648 1.03464 4.22092 1.2013 4.0987L5.2013 1.0987C5.43464 0.92092 5.7013 0.832031 6.0013 0.832031C6.3013 0.832031 6.56797 0.92092 6.8013 1.0987L10.8013 4.0987C10.968 4.22092 11.0985 4.37648 11.193 4.56536C11.2874 4.75425 11.3346 4.95425 11.3346 5.16536V11.1654C11.3346 11.532 11.2041 11.8459 10.943 12.107C10.6819 12.3681 10.368 12.4987 10.0013 12.4987H7.33464C7.14575 12.4987 6.98741 12.4348 6.85964 12.307C6.73186 12.1793 6.66797 12.0209 6.66797 11.832V8.4987H5.33464V11.832C5.33464 12.0209 5.27075 12.1793 5.14297 12.307C5.01519 12.4348 4.85686 12.4987 4.66797 12.4987H2.0013C1.63464 12.4987 1.32075 12.3681 1.05964 12.107C0.798524 11.8459 0.667969 11.532 0.667969 11.1654Z",
@@ -28,101 +30,99 @@ const b = n.createContext({}), B = (e, t) => {
       }
     )
   }
-), W = n.forwardRef(({ "aria-label": e, ...t }, r) => {
-  const { t: o } = h();
-  return /* @__PURE__ */ a(
-    "nav",
+), R = s(
+  "Breadcrumb",
+  ({ "aria-label": e, ...a }, r) => {
+    const { t: o } = x();
+    return /* @__PURE__ */ t(
+      "nav",
+      {
+        ref: r,
+        "aria-label": e ?? o("aria.breadcrumb"),
+        "data-component": "breadcrumb",
+        ...a
+      }
+    );
+  }
+), q = s(
+  "BreadcrumbList",
+  ({ className: e, maxWords: a, ...r }, o) => /* @__PURE__ */ t(C.Provider, { value: { maxWords: a }, children: /* @__PURE__ */ t(
+    "ol",
     {
-      ref: r,
-      "aria-label": e ?? o("aria.breadcrumb"),
-      "data-component": "breadcrumb",
-      ...t
+      ref: o,
+      className: n(
+        "flex flex-wrap items-center text-[14px] font-medium text-secondary-foreground",
+        e
+      ),
+      ...r
     }
-  );
-});
-W.displayName = "Breadcrumb";
-const V = n.forwardRef(({ className: e, maxWords: t, ...r }, o) => /* @__PURE__ */ a(b.Provider, { value: { maxWords: t }, children: /* @__PURE__ */ a(
-  "ol",
-  {
-    ref: o,
-    className: s(
-      "flex flex-wrap items-center text-[14px] font-medium text-secondary-foreground",
-      e
-    ),
-    ...r
-  }
-) }));
-V.displayName = "BreadcrumbList";
-const S = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  ) })
+), F = s("BreadcrumbItem", ({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "li",
   {
     ref: r,
-    className: s("inline-flex items-center gap-1.5", e),
-    ...t
+    className: n("inline-flex items-center gap-1.5", e),
+    ...a
   }
-));
-S.displayName = "BreadcrumbItem";
-const N = n.forwardRef(
-  ({ asChild: e, className: t, maxWords: r, children: o, ...u }, p) => {
-    const i = e ? v : "a", { maxWords: d } = n.useContext(b), c = r ?? d, l = typeof o == "string", m = l && c ? B(o, c) : o, y = l && c && o.split(/\s+/).length > c, x = /* @__PURE__ */ a(
+)), S = s(
+  "BreadcrumbLink",
+  ({ asChild: e, className: a, maxWords: r, children: o, ...u }, p) => {
+    const i = e ? y : "a", { maxWords: m } = h.useContext(C), c = r ?? m, l = typeof o == "string", d = l && c ? N(o, c) : o, v = l && c && o.split(/\s+/).length > c, f = /* @__PURE__ */ t(
       i,
       {
         ref: p,
-        className: s(
+        className: n(
           "transition-colors text-brand hover:text-brand-strong font-medium",
-          t
+          a
         ),
         ...u,
-        children: m
+        children: d
       }
     );
-    return y ? /* @__PURE__ */ f(C, { children: [
-      /* @__PURE__ */ a(w, { asChild: !0, children: x }),
-      /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: o })
-    ] }) : x;
+    return v ? /* @__PURE__ */ b(g, { children: [
+      /* @__PURE__ */ t(w, { asChild: !0, children: f }),
+      /* @__PURE__ */ t(B, { side: "top", variant: "tertiary", children: o })
+    ] }) : f;
   }
-);
-N.displayName = "BreadcrumbLink";
-const T = n.forwardRef(({ ...e }, t) => {
-  const { t: r } = h();
-  return /* @__PURE__ */ a(N, { ref: t, "aria-label": r("aria.home"), ...e, children: /* @__PURE__ */ a(R, {}) });
-});
-T.displayName = "BreadcrumbHomeLink";
-const k = n.forwardRef(({ className: e, maxWords: t, children: r, ...o }, u) => {
-  const { maxWords: p } = n.useContext(b), i = t ?? p, d = typeof r == "string", c = d && i ? B(r, i) : r, l = d && i && r.split(/\s+/).length > i, m = /* @__PURE__ */ a(
-    "span",
-    {
-      ref: u,
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      "data-current": "page",
-      className: s("font-extrabold text-content", e),
-      ...o,
-      children: c
-    }
-  );
-  return l ? /* @__PURE__ */ f(C, { children: [
-    /* @__PURE__ */ a(w, { asChild: !0, children: m }),
-    /* @__PURE__ */ a(g, { side: "top", variant: "tertiary", children: r })
-  ] }) : m;
-});
-k.displayName = "BreadcrumbPage";
-const M = ({
+), G = s("BreadcrumbHomeLink", (e, a) => {
+  const { t: r } = x();
+  return /* @__PURE__ */ t(S, { ref: a, "aria-label": r("aria.home"), ...e, children: /* @__PURE__ */ t(V, {}) });
+}), J = s(
+  "BreadcrumbPage",
+  ({ className: e, maxWords: a, children: r, ...o }, u) => {
+    const { maxWords: p } = h.useContext(C), i = a ?? p, m = typeof r == "string", c = m && i ? N(r, i) : r, l = m && i && r.split(/\s+/).length > i, d = /* @__PURE__ */ t(
+      "span",
+      {
+        ref: u,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        "data-current": "page",
+        className: n("font-extrabold text-content", e),
+        ...o,
+        children: c
+      }
+    );
+    return l ? /* @__PURE__ */ b(g, { children: [
+      /* @__PURE__ */ t(w, { asChild: !0, children: d }),
+      /* @__PURE__ */ t(B, { side: "top", variant: "tertiary", children: r })
+    ] }) : d;
+  }
+), T = ({
   children: e,
-  className: t,
+  className: a,
   ...r
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ t(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: s(
+    className: n(
       "[&>svg]:w-3.5 [&>svg]:h-3.5 text-secondary-foreground",
-      t
+      a
     ),
     ...r,
-    children: e ?? /* @__PURE__ */ a(
+    children: e ?? /* @__PURE__ */ t(
       "svg",
       {
         width: "16",
@@ -131,7 +131,7 @@ const M = ({
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         className: "h-4 w-4",
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ t(
           "path",
           {
             d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z",
@@ -142,59 +142,53 @@ const M = ({
     )
   }
 );
-M.displayName = "BreadcrumbSeparator";
-const j = ({
+T.displayName = "BreadcrumbSeparator";
+const k = ({
   className: e,
-  ...t
+  ...a
 }) => {
-  const { t: r } = h(), o = r("aria.more");
-  return /* @__PURE__ */ f(
+  const { t: r } = x(), o = r("aria.more");
+  return /* @__PURE__ */ b(
     "span",
     {
       role: "presentation",
       "aria-hidden": "true",
-      className: s("flex h-9 w-9 items-center justify-center", e),
-      ...t,
+      className: n("flex h-9 w-9 items-center justify-center", e),
+      ...a,
       children: [
-        /* @__PURE__ */ a(H, { className: "h-4 w-4" }),
-        /* @__PURE__ */ a("span", { className: "sr-only", children: o })
+        /* @__PURE__ */ t(H, { className: "h-4 w-4" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", children: o })
       ]
     }
   );
 };
-j.displayName = "BreadcrumbElipssis";
-const I = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: r,
-    className: s("flex h-14 items-center justify-between px-6", e),
-    ...t
-  }
-));
-I.displayName = "BreadcrumbHeader";
-const A = n.forwardRef(({ className: e, style: t, ...r }, o) => /* @__PURE__ */ a(
+k.displayName = "BreadcrumbElipssis";
+const K = W("breadcrumb", {
+  part: "header",
+  displayName: "BreadcrumbHeader",
+  className: "flex h-14 items-center justify-between px-6"
+}), O = s("BreadcrumbArrowSeparator", ({ className: e, style: a, ...r }, o) => /* @__PURE__ */ t(
   "li",
   {
     ref: o,
     role: "presentation",
     "aria-hidden": "true",
-    className: s("inline-flex items-center", e),
-    style: t,
+    className: n("inline-flex items-center", e),
+    style: a,
     ...r,
-    children: /* @__PURE__ */ a(L, { size: 12 })
+    children: /* @__PURE__ */ t(L, { size: 12 })
   }
 ));
-A.displayName = "BreadcrumbArrowSeparator";
 export {
-  W as Breadcrumb,
-  A as BreadcrumbArrowSeparator,
-  j as BreadcrumbEllipsis,
-  I as BreadcrumbHeader,
-  T as BreadcrumbHomeLink,
-  S as BreadcrumbItem,
-  N as BreadcrumbLink,
-  V as BreadcrumbList,
-  k as BreadcrumbPage,
-  M as BreadcrumbSeparator,
-  R as HomeIcon
+  R as Breadcrumb,
+  O as BreadcrumbArrowSeparator,
+  k as BreadcrumbEllipsis,
+  K as BreadcrumbHeader,
+  G as BreadcrumbHomeLink,
+  F as BreadcrumbItem,
+  S as BreadcrumbLink,
+  q as BreadcrumbList,
+  J as BreadcrumbPage,
+  T as BreadcrumbSeparator,
+  V as HomeIcon
 };