mada-design-system 0.9.1 → 1.0.1

package/index.es25.js

@@ -1,36 +1,132 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as t } from "./index.es89.js";
-const c = o.forwardRef(
-  ({ className: a, isClickable: e = !0, ...r }, s) => /* @__PURE__ */ d(
-    "div",
-    {
-      ref: s,
-      className: t(
-        "flex flex-col gap-space-04 rounded-2 border bg-card p-space-04 text-card-foreground transition-all duration-200 hover:shadow-card-hover-02",
-        a,
-        e && "active:bg-card-active"
-      ),
-      ...r
+import { jsx as g } from "react/jsx-runtime";
+import { cva as i } from "./index.es113.js";
+import { cn as c } from "./index.es94.js";
+const l = i(
+  "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-none",
+        ghost: "border border-solid",
+        outline: "border border-current"
+      },
+      size: {
+        default: "py-space-01 px-space-03 h-[32px] text-body-01 [&>svg]:size-[18px]",
+        sm: "py-space-01 px-space-02   h-[24px]  text-caption-01 [&>svg]:size-[14px]",
+        xs: "py-space-01 px-space-02  h-[20px] text-caption-02 [&>svg]:size-[10px]"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-full"
+      },
+      colors: {
+        primary: "bg-tag-background-primary text-text-oncolor-primary",
+        secondary: "bg-tag-background-secondary text-text-oncolor-primary",
+        tertiary: "bg-tag-background-tertiary text-text-oncolor-primary",
+        error: "bg-tag-background-error text-text-oncolor-primary",
+        warning: "bg-tag-background-warning text-text-oncolor-primary",
+        info: "bg-tag-background-info text-text-oncolor-primary",
+        gray: "bg-tag-background-neutral text-text-oncolor-primary",
+        success: "bg-tag-background-success text-text-oncolor-primary"
+      },
+      disabled: {
+        true: "bg-disabled text-white"
+      }
+    },
+    compoundVariants: [
+      {
+        colors: "secondary",
+        variant: "outline",
+        className: "text-tag-text-secondary border-tag-border-secondary bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "tertiary",
+        className: "text-tag-text-tertiary border-tag-border-tertiary bg-transparent "
+      },
+      {
+        variant: "outline",
+        colors: "primary",
+        className: "text-tag-text-primary border-tag-border-primary bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "info",
+        className: "text-tag-text-info border-tag-border-info bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "error",
+        className: "text-tag-text-error border-tag-border-error bg-transparent"
+      },
+      {
+        variant: "outline",
+        colors: "warning",
+        className: "text-tag-text-warning border-tag-border-warning bg-transparent "
+      },
+      {
+        variant: "outline",
+        colors: "gray",
+        className: "bg-transparent text-tag-text-neutral border-tag-border-neutral "
+      },
+      {
+        variant: "outline",
+        colors: "success",
+        className: "bg-transparent text-tag-text-success border-tag-border-success "
+      },
+      {
+        variant: "ghost",
+        colors: "secondary",
+        className: "text-tag-text-secondary bg-tag-background-secondary-light border-tag-border-secondary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "tertiary",
+        className: "text-tag-text-tertiary bg-tag-background-tertiary-light border-tag-border-tertiary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "primary",
+        className: "text-tag-text-primary bg-tag-background-primary-light border-tag-border-primary-light"
+      },
+      {
+        variant: "ghost",
+        colors: "info",
+        className: "text-tag-text-info bg-tag-background-info-light border-tag-border-info-light"
+      },
+      {
+        variant: "ghost",
+        colors: "error",
+        className: "text-tag-text-error bg-tag-background-error-light border-tag-border-error-light"
+      },
+      {
+        variant: "ghost",
+        colors: "warning",
+        className: "text-tag-text-warning bg-tag-background-warning-light border-tag-border-warning-light"
+      },
+      {
+        variant: "ghost",
+        colors: "gray",
+        className: "text-tag-text-neutral bg-tag-background-neutral-light border-border-neutral-secondary"
+      },
+      {
+        variant: "ghost",
+        colors: "success",
+        className: "text-tag-text-success bg-tag-background-success-light border-tag-border-success-light"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      colors: "primary",
+      rounded: "default",
+      size: "xs"
     }
-  )
+  }
 );
-c.displayName = "Card";
-const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e }));
-i.displayName = "CardHeader";
-const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("text-2xl font-bold leading-none tracking-tight", a), ...e }));
-l.displayName = "CardTitle";
-const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
-n.displayName = "CardDescription";
-const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
-f.displayName = "CardContent";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center", a), ...e }));
-m.displayName = "CardFooter";
+function u({ className: r, variant: t, size: a, rounded: e, colors: o, disabled: n, ...s }) {
+  return /* @__PURE__ */ g("div", { className: c(l({ variant: t, rounded: e, disabled: n, colors: o, size: a }), r, ""), ...s });
+}
 export {
-  c as Card,
-  f as CardContent,
-  n as CardDescription,
-  m as CardFooter,
-  i as CardHeader,
-  l as CardTitle
+  u as Badge,
+  l as badgeVariants
 };

package/index.es250.js

@@ -1,9 +1,14 @@
-import { toDate as a } from "./index.es238.js";
-function l(t, r) {
-  const e = a(t, r == null ? void 0 : r.in);
-  return e.setFullYear(e.getFullYear(), 0, 1), e.setHours(0, 0, 0, 0), e;
+import { constructFrom as l } from "./index.es207.js";
+import { toDate as n } from "./index.es208.js";
+function a(m, e) {
+  let t, r = e == null ? void 0 : e.in;
+  return m.forEach((f) => {
+    !r && typeof f == "object" && (r = l.bind(null, f));
+    const c = n(f, r);
+    (!t || t > c || isNaN(+c)) && (t = c);
+  }), l(r, t || NaN);
 }
 export {
-  l as default,
-  l as startOfYear
+  a as default,
+  a as min
 };

package/index.es251.js

@@ -1,8 +1,41 @@
-import { getDefaultOptions as t } from "./index.es244.js";
-function a() {
-  return Object.assign({}, t());
+var l = Object.defineProperty;
+var c = (r, e, t) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var i = (r, e, t) => c(r, typeof e != "symbol" ? e + "" : e, t);
+import { constructFrom as a } from "./index.es207.js";
+import { transpose as h } from "./index.es260.js";
+const p = 10;
+class n {
+  constructor() {
+    i(this, "subPriority", 0);
+  }
+  validate(e, t) {
+    return !0;
+  }
+}
+class I extends n {
+  constructor(e, t, s, o, u) {
+    super(), this.value = e, this.validateValue = t, this.setValue = s, this.priority = o, u && (this.subPriority = u);
+  }
+  validate(e, t) {
+    return this.validateValue(e, this.value, t);
+  }
+  set(e, t, s) {
+    return this.setValue(e, t, this.value, s);
+  }
+}
+class V extends n {
+  constructor(t, s) {
+    super();
+    i(this, "priority", p);
+    i(this, "subPriority", -1);
+    this.context = t || ((o) => a(s, o));
+  }
+  set(t, s) {
+    return s.timestampIsSet ? t : a(t, h(t, this.context));
+  }
 }
 export {
-  a as default,
-  a as getDefaultOptions
+  V as DateTimezoneSetter,
+  n as Setter,
+  I as ValueSetter
 };

package/index.es252.js

@@ -1,9 +1,67 @@
-import { toDate as r } from "./index.es238.js";
-function u(t, a) {
-  const e = r(t, a == null ? void 0 : a.in).getDay();
-  return e === 0 ? 7 : e;
-}
+import { EraParser as r } from "./index.es372.js";
+import { YearParser as e } from "./index.es373.js";
+import { LocalWeekYearParser as o } from "./index.es374.js";
+import { ISOWeekYearParser as m } from "./index.es375.js";
+import { ExtendedYearParser as a } from "./index.es376.js";
+import { QuarterParser as t } from "./index.es377.js";
+import { StandAloneQuarterParser as n } from "./index.es378.js";
+import { MonthParser as i } from "./index.es379.js";
+import { StandAloneMonthParser as s } from "./index.es380.js";
+import { LocalWeekParser as p } from "./index.es381.js";
+import { ISOWeekParser as P } from "./index.es382.js";
+import { DateParser as f } from "./index.es383.js";
+import { DayOfYearParser as w } from "./index.es384.js";
+import { DayParser as d } from "./index.es385.js";
+import { LocalDayParser as S } from "./index.es386.js";
+import { StandAloneLocalDayParser as c } from "./index.es387.js";
+import { ISODayParser as M } from "./index.es388.js";
+import { AMPMParser as l } from "./index.es389.js";
+import { AMPMMidnightParser as u } from "./index.es390.js";
+import { DayPeriodParser as D } from "./index.es391.js";
+import { Hour1to12Parser as y } from "./index.es392.js";
+import { Hour0to23Parser as O } from "./index.es393.js";
+import { Hour0To11Parser as T } from "./index.es394.js";
+import { Hour1To24Parser as I } from "./index.es395.js";
+import { MinuteParser as Y } from "./index.es396.js";
+import { SecondParser as h } from "./index.es397.js";
+import { FractionOfSecondParser as k } from "./index.es398.js";
+import { ISOTimezoneWithZParser as A } from "./index.es399.js";
+import { ISOTimezoneParser as H } from "./index.es400.js";
+import { TimestampSecondsParser as L } from "./index.es401.js";
+import { TimestampMillisecondsParser as W } from "./index.es402.js";
+const sr = {
+  G: new r(),
+  y: new e(),
+  Y: new o(),
+  R: new m(),
+  u: new a(),
+  Q: new t(),
+  q: new n(),
+  M: new i(),
+  L: new s(),
+  w: new p(),
+  I: new P(),
+  d: new f(),
+  D: new w(),
+  E: new d(),
+  e: new S(),
+  c: new c(),
+  i: new M(),
+  a: new l(),
+  b: new u(),
+  B: new D(),
+  h: new y(),
+  H: new O(),
+  K: new T(),
+  k: new I(),
+  m: new Y(),
+  s: new h(),
+  S: new k(),
+  X: new A(),
+  x: new H(),
+  t: new L(),
+  T: new W()
+};
 export {
-  u as default,
-  u as getISODay
+  sr as parsers
 };

package/index.es253.js

@@ -1,12 +1,12 @@
-import { millisecondsInWeek as m } from "./index.es239.js";
-import { startOfISOWeek as a } from "./index.es254.js";
-import { startOfISOWeekYear as o } from "./index.es255.js";
-import { toDate as d } from "./index.es238.js";
-function k(t, e) {
-  const r = d(t, e == null ? void 0 : e.in), f = +a(r) - +o(r);
-  return Math.round(f / m) + 1;
+import { getDefaultOptions as s } from "./index.es224.js";
+import { addDays as w } from "./index.es206.js";
+import { toDate as S } from "./index.es208.js";
+function _(O, t, e) {
+  var f, d, l, m;
+  const a = s(), u = (e == null ? void 0 : e.weekStartsOn) ?? ((d = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : d.weekStartsOn) ?? a.weekStartsOn ?? ((m = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : m.weekStartsOn) ?? 0, c = S(O, e == null ? void 0 : e.in), n = c.getDay(), D = (t % 7 + 7) % 7, r = 7 - u, k = t < 0 || t > 6 ? t - (n + r) % 7 : (D + r) % 7 - (n + r) % 7;
+  return w(c, k, e);
 }
 export {
-  k as default,
-  k as getISOWeek
+  _ as default,
+  _ as setDay
 };

package/index.es254.js

@@ -1,8 +1,11 @@
-import { startOfWeek as r } from "./index.es258.js";
-function f(t, e) {
-  return r(t, { ...e, weekStartsOn: 1 });
+import { addDays as c } from "./index.es206.js";
+import { getISODay as d } from "./index.es233.js";
+import { toDate as D } from "./index.es208.js";
+function I(a, e, r) {
+  const t = D(a, r == null ? void 0 : r.in), f = d(t, r), m = e - f;
+  return c(t, m, r);
 }
 export {
-  f as default,
-  f as startOfISOWeek
+  I as default,
+  I as setISODay
 };

package/index.es255.js

@@ -1,11 +1,10 @@
-import { constructFrom as f } from "./index.es237.js";
-import { getISOWeekYear as u } from "./index.es256.js";
-import { startOfISOWeek as m } from "./index.es254.js";
-function s(t, r) {
-  const a = u(t, r), e = f((r == null ? void 0 : r.in) || t, 0);
-  return e.setFullYear(a, 0, 4), e.setHours(0, 0, 0, 0), m(e);
+import { getISOWeek as m } from "./index.es234.js";
+import { toDate as c } from "./index.es208.js";
+function D(r, a, e) {
+  const t = c(r, e == null ? void 0 : e.in), f = m(t, e) - a;
+  return t.setDate(t.getDate() - f * 7), t;
 }
 export {
-  s as default,
-  s as startOfISOWeekYear
+  D as default,
+  D as setISOWeek
 };

package/index.es256.js

@@ -1,15 +1,13 @@
-import { constructFrom as f } from "./index.es237.js";
-import { startOfISOWeek as u } from "./index.es254.js";
-import { toDate as c } from "./index.es238.js";
-function Y(o, r) {
-  const e = c(o, r == null ? void 0 : r.in), t = e.getFullYear(), a = f(e, 0);
-  a.setFullYear(t + 1, 0, 4), a.setHours(0, 0, 0, 0);
-  const m = u(a), s = f(e, 0);
-  s.setFullYear(t, 0, 4), s.setHours(0, 0, 0, 0);
-  const n = u(s);
-  return e.getTime() >= m.getTime() ? t + 1 : e.getTime() >= n.getTime() ? t : t - 1;
+import { constructFrom as m } from "./index.es207.js";
+import { getDaysInMonth as u } from "./index.es231.js";
+import { toDate as M } from "./index.es208.js";
+function d(n, o, e) {
+  const t = M(n, e == null ? void 0 : e.in), a = t.getFullYear(), s = t.getDate(), r = m(n, 0);
+  r.setFullYear(a, o, 15), r.setHours(0, 0, 0, 0);
+  const c = u(r);
+  return t.setMonth(o, Math.min(s, c)), t;
 }
 export {
-  Y as default,
-  Y as getISOWeekYear
+  d as default,
+  d as setMonth
 };

package/index.es257.js

@@ -1,12 +1,10 @@
-import { millisecondsInWeek as m } from "./index.es239.js";
-import { startOfWeek as a } from "./index.es258.js";
-import { startOfWeekYear as d } from "./index.es259.js";
-import { toDate as c } from "./index.es238.js";
-function l(t, e) {
-  const r = c(t, e == null ? void 0 : e.in), f = +a(r, e) - +d(r, e);
-  return Math.round(f / m) + 1;
+import { getWeek as c } from "./index.es239.js";
+import { toDate as t } from "./index.es208.js";
+function D(a, f, e) {
+  const r = t(a, e == null ? void 0 : e.in), m = c(r, e) - f;
+  return r.setDate(r.getDate() - m * 7), t(r, e == null ? void 0 : e.in);
 }
 export {
-  l as default,
-  l as getWeek
+  D as default,
+  D as setWeek
 };

package/index.es258.js

@@ -1,11 +1,10 @@
-import { getDefaultOptions as s } from "./index.es244.js";
-import { toDate as w } from "./index.es238.js";
-function m(u, e) {
-  var c, O, l, k;
-  const a = s(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((k = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : k.weekStartsOn) ?? 0, t = w(u, e == null ? void 0 : e.in), f = t.getDay(), d = (f < r ? 7 : 0) + f - r;
-  return t.setDate(t.getDate() - d), t.setHours(0, 0, 0, 0), t;
+import { constructFrom as u } from "./index.es207.js";
+import { toDate as f } from "./index.es208.js";
+function N(e, a, r) {
+  const t = f(e, r == null ? void 0 : r.in);
+  return isNaN(+t) ? u(e, NaN) : (t.setFullYear(a), t);
 }
 export {
-  m as default,
-  m as startOfWeek
+  N as default,
+  N as setYear
 };

package/index.es259.js

@@ -1,13 +1,9 @@
-import { getDefaultOptions as W } from "./index.es244.js";
-import { constructFrom as n } from "./index.es237.js";
-import { getWeekYear as u } from "./index.es260.js";
-import { startOfWeek as D } from "./index.es258.js";
-function g(r, e) {
-  var f, s, c, k;
-  const a = W(), l = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : s.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((k = (c = a.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, m = u(r, e), t = n((e == null ? void 0 : e.in) || r, 0);
-  return t.setFullYear(m, 0, l), t.setHours(0, 0, 0, 0), D(t, e);
+import { toDate as a } from "./index.es208.js";
+function u(r, t) {
+  const e = a(r, t == null ? void 0 : t.in);
+  return e.setDate(1), e.setHours(0, 0, 0, 0), e;
 }
 export {
-  g as default,
-  g as startOfWeekYear
+  u as default,
+  u as startOfMonth
 };

package/index.es26.js

@@ -1,53 +1,83 @@
-import { jsx as e } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
-import * as s from "react";
-import { cva as i } from "./index.es111.js";
-import { cn as r } from "./index.es89.js";
-const b = i(
-  `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed
-    disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled disabled:data-[state=checked]:border-none disabled:bg-disabled-background-disabled
-     `,
+import { jsxs as l, jsx as e, Fragment as u } from "react/jsx-runtime";
+import { Slot as x } from "@radix-ui/react-slot";
+import * as o from "react";
+import { useMediaQuery as B } from "./index.es108.js";
+import { cn as c } from "./index.es94.js";
+import { ShouldRender as m } from "./index.es19.js";
+import { DropdownMenu as w, DropdownMenuTrigger as y, DropdownMenuContent as R, DropdownMenuItem as k } from "./index.es37.js";
+import M from "./index.es124.js";
+import { Stack as v } from "./index.es47.js";
+import C from "./index.es122.js";
+const b = o.forwardRef(({ ...r }, a) => /* @__PURE__ */ e("nav", { ref: a, "aria-label": "breadcrumb", ...r }));
+b.displayName = "Breadcrumb";
+const g = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(
+  "ol",
   {
-    variants: {
-      colors: {
-        primary: `data-[state=checked]:border-control-primary-checked data-[state=indeterminate]:border-control-primary-checked  data-[state=checked]:bg-control-primary-checked data-[state=indeterminate]:bg-control-primary-checked
-                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:bg-control-primary-hovered enabled:hover:data-[state=indeterminate]:border-control-primary-hovered enabled:hover:data-[state=indeterminate]:bg-control-primary-hovered
-                enabled:active:data-[state=checked]:border-control-primary-pressed enabled:active:data-[state=checked]:bg-control-primary-pressed enabled:active:data-[state=indeterminate]:border-control-primary-pressed enabled:active:data-[state=indeterminate]:bg-control-primary-pressed
-                `,
-        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:bg-control-neutral-checked data-[state=indeterminate]:border-control-neutral-checked data-[state=indeterminate]:bg-control-neutral-checked
-                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:bg-control-neutral-hovered enabled:hover:data-[state=indeterminate]:border-control-neutral-hovered enabled:hover:data-[state=indeterminate]:bg-control-neutral-hovered
-                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:bg-control-neutral-pressed enabled:active:data-[state=indeterminate]:border-control-neutral-pressed enabled:active:data-[state=indeterminate]:bg-control-neutral-pressed
-                `
-      },
-      size: {
-        default: "h-space-05 w-space-05 [&>span>svg]:size-space-05",
-        sm: "h-[20px] w-[20px] [&>span>svg]:size-[20px]",
-        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-04"
-      }
-    },
-    defaultVariants: {
-      colors: "primary",
-      size: "default"
-    }
+    ref: n,
+    className: c("flex flex-wrap items-center gap-1.5 break-words text-body-01 text-link-neutral sm:gap-space-01", r),
+    ...a
   }
-), h = s.forwardRef(({ className: d, colors: o, checked: a, size: n, ...c }, l) => /* @__PURE__ */ e(t.Root, { ref: l, checked: a, className: r(b({ colors: o, size: n, className: d })), ...c, children: /* @__PURE__ */ e(t.Indicator, { className: r("flex items-center justify-center text-current  "), children: a === "indeterminate" ? /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
-  "path",
+));
+g.displayName = "BreadcrumbList";
+const s = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e("li", { ref: n, className: c("inline-flex items-center gap-space-02", r), ...a }));
+s.displayName = "BreadcrumbItem";
+const p = o.forwardRef(({ asChild: r, className: a, style: n, ...d }, t) => /* @__PURE__ */ e(r ? x : "a", { ref: t, className: c("transition-colors hover:text-link-neutral-hovered hover:underline", a), style: n, ...d }));
+p.displayName = "BreadcrumbLink";
+const f = o.forwardRef(({ className: r, ...a }, n) => /* @__PURE__ */ e(
+  "span",
   {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 11.1716 6.67157 10.5 7.5 10.5H16.5C17.3284 10.5 18 11.1716 18 12C18 12.8284 17.3284 13.5 16.5 13.5H7.5C6.67157 13.5 6 12.8284 6 12Z",
-    fill: "white"
+    ref: n,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: c("font-normal text-disabled-text-default-disabled", r),
+    ...a
   }
-) }) : /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
-  "path",
-  {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17.5945 7.53531C18.1352 8.07604 18.1352 8.95274 17.5945 9.49347L11.2483 15.8397C10.9886 16.0994 10.6365 16.2452 10.2692 16.2452C9.90201 16.2452 9.54983 16.0994 9.29016 15.8397L6.40554 12.955C5.86482 12.4143 5.86482 11.5376 6.40554 10.9969C6.94627 10.4562 7.82296 10.4562 8.36369 10.9969L10.2692 12.9025L15.6363 7.53531C16.177 6.99458 17.0537 6.99458 17.5945 7.53531Z",
-    fill: "white"
-  }
-) }) }) }));
-h.displayName = t.Root.displayName;
+));
+f.displayName = "BreadcrumbPage";
+const i = ({ children: r, className: a, ...n }) => /* @__PURE__ */ e("li", { role: "presentation", "aria-hidden": "true", className: c("[&>svg]:size-space-04", a), ...n, children: r ?? /* @__PURE__ */ e(C, { className: "text-icon-default-400 rtl:rotate-180" }) });
+i.displayName = "BreadcrumbSeparator";
+const N = ({ className: r, ...a }) => /* @__PURE__ */ l("span", { role: "presentation", "aria-hidden": "true", className: c("flex h-9 w-9 items-center justify-center text-link-neutral", r), ...a, children: [
+  /* @__PURE__ */ e(M, { className: "h-space-04 w-space-04" }),
+  /* @__PURE__ */ e("span", { className: "sr-only", children: "More" })
+] });
+N.displayName = "BreadcrumbElipssis";
+const h = ({ item: r }) => /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ e(m, { shouldRender: !!r.render, children: /* @__PURE__ */ e(p, { asChild: !0, children: r.render }) }),
+  /* @__PURE__ */ e(m, { shouldRender: !r.render, children: /* @__PURE__ */ e(p, { href: r.path, children: r.title }) })
+] }), S = ({ items: r, dir: a }) => {
+  const n = B("(max-width: 768px)");
+  return /* @__PURE__ */ e(b, { dir: a, children: /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ e(m, { shouldRender: n, children: /* @__PURE__ */ l(u, { children: [
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(p, { asChild: !0, children: h({ item: r[0] }) }) }),
+      r.length >= 2 && /* @__PURE__ */ e(i, {}),
+      r.length > 2 && /* @__PURE__ */ l(u, { children: [
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ l(w, { dir: a, children: [
+          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(N, {}) }),
+          /* @__PURE__ */ e(R, { className: "!rounded border-border-neutral-secondary !p-space-01 shadow-xl", children: /* @__PURE__ */ e(v, { gap: "none", direction: "col", children: r.slice(1, -1).map((d, t) => /* @__PURE__ */ e(k, { className: "ps-space-02  text-body-01 focus:bg-transparent", children: h({ item: d }) }, t)) }) })
+        ] }) }),
+        /* @__PURE__ */ e(i, {})
+      ] }),
+      /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(f, { children: r[r.length - 1].title }) })
+    ] }) }),
+    /* @__PURE__ */ e(m, {
+      shouldRender: !n,
+      // Desktop View: Render All Items
+      children: r.map((d, t) => /* @__PURE__ */ l(o.Fragment, { children: [
+        /* @__PURE__ */ e(s, { children: r.length - 1 !== t ? h({ item: d }) : /* @__PURE__ */ e(f, { children: d.title }) }),
+        r.length - 1 !== t && /* @__PURE__ */ e(i, {})
+      ] }, `${d.title}`))
+    })
+  ] }) });
+};
+S.displayName = "Breadcrumbs";
 export {
-  h as Checkbox
+  b as Breadcrumb,
+  N as BreadcrumbEllipsis,
+  s as BreadcrumbItem,
+  p as BreadcrumbLink,
+  g as BreadcrumbList,
+  f as BreadcrumbPage,
+  i as BreadcrumbSeparator,
+  S as Breadcrumbs
 };

package/index.es260.js

@@ -1,17 +1,18 @@
-import { getDefaultOptions as C } from "./index.es244.js";
-import { constructFrom as Y } from "./index.es237.js";
-import { startOfWeek as D } from "./index.es258.js";
-import { toDate as F } from "./index.es238.js";
-function H(t, e) {
-  var u, k, m, W;
-  const a = F(t, e == null ? void 0 : e.in), r = a.getFullYear(), c = C(), s = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((k = (u = e == null ? void 0 : e.locale) == null ? void 0 : u.options) == null ? void 0 : k.firstWeekContainsDate) ?? c.firstWeekContainsDate ?? ((W = (m = c.locale) == null ? void 0 : m.options) == null ? void 0 : W.firstWeekContainsDate) ?? 1, f = Y((e == null ? void 0 : e.in) || t, 0);
-  f.setFullYear(r + 1, 0, s), f.setHours(0, 0, 0, 0);
-  const O = D(f, e), l = Y((e == null ? void 0 : e.in) || t, 0);
-  l.setFullYear(r, 0, s), l.setHours(0, 0, 0, 0);
-  const n = D(l, e);
-  return +a >= +O ? r + 1 : +a >= +n ? r : r - 1;
+import { constructFrom as o } from "./index.es207.js";
+function u(e, t) {
+  const n = s(t) ? new t(0) : o(t, 0);
+  return n.setFullYear(e.getFullYear(), e.getMonth(), e.getDate()), n.setHours(
+    e.getHours(),
+    e.getMinutes(),
+    e.getSeconds(),
+    e.getMilliseconds()
+  ), n;
+}
+function s(e) {
+  var t;
+  return typeof e == "function" && ((t = e.prototype) == null ? void 0 : t.constructor) === e;
 }
 export {
-  H as default,
-  H as getWeekYear
+  u as default,
+  u as transpose
 };