@vkzstudio/muza-ui 1.5.1 → 1.6.0

package/dist/components/Accordion/Accordion.js

@@ -2,9 +2,9 @@ import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import * as l from "react";
 import * as g from "@radix-ui/react-accordion";
 import { cva as p } from "class-variance-authority";
-import { Typography as I } from "../Typography/Typography.js";
 import { cn as i } from "../../utils/cn.js";
 import { AltArrowDownOutline as A } from "@solar-icons/react-perf";
+import { Typography as I } from "../Typography/Typography.js";
 const N = p("relative w-full transition-colors", {
   variants: {
     variant: {

package/dist/components/Accordion/index.js

@@ -0,0 +1,16 @@
+import { Accordion as n, AccordionChevron as c, AccordionContent as i, AccordionFooter as a, AccordionHeader as t, AccordionItem as e, AccordionTitle as d, accordionChevronVariants as A, accordionContentInnerVariants as s, accordionFooterVariants as V, accordionItemVariants as C, accordionTitleVariants as m, accordionTriggerVariants as I } from "./Accordion.js";
+export {
+  n as Accordion,
+  c as AccordionChevron,
+  i as AccordionContent,
+  a as AccordionFooter,
+  t as AccordionHeader,
+  e as AccordionItem,
+  d as AccordionTitle,
+  A as accordionChevronVariants,
+  s as accordionContentInnerVariants,
+  V as accordionFooterVariants,
+  C as accordionItemVariants,
+  m as accordionTitleVariants,
+  I as accordionTriggerVariants
+};

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import * as o from "react";
 import { cva as v } from "class-variance-authority";
-import { XClose as w } from "../Icons/CustomIcons.js";
-import { useMuzaTranslationContext as z } from "../../translations/TranslationContext.js";
-import { cn as T } from "../../utils/cn.js";
+import { useMuzaTranslationContext as w } from "../../translations/TranslationContext.js";
+import { cn as z } from "../../utils/cn.js";
+import { XClose as T } from "../Icons/CustomIcons.js";
 import { Typography as N } from "../Typography/Typography.js";
 const V = v(["rounded-2xl"], {
   variants: {
@@ -33,7 +33,7 @@ const V = v(["rounded-2xl"], {
   closeAriaLabel: p,
   ...m
 }) => {
-  const { translations: u } = z(), g = p ?? u.alert.closeAriaLabel, [f, x] = o.useState(!0), [a, b] = o.useState(!1), d = () => {
+  const { translations: u } = w(), g = p ?? u.alert.closeAriaLabel, [f, x] = o.useState(!0), [a, b] = o.useState(!1), d = () => {
     b(!0);
   }, y = () => {
     a && (x(!1), e == null || e());
@@ -43,7 +43,7 @@ const V = v(["rounded-2xl"], {
     {
       "data-slot": "alert",
       role: "alert",
-      className: T(
+      className: z(
         V({ type: l, size: t }),
         s,
         "flex w-fit items-center gap-sm",
@@ -71,7 +71,7 @@ const V = v(["rounded-2xl"], {
             "aria-label": g,
             className: "cursor-pointer focus-visible-auto",
             children: /* @__PURE__ */ r(
-              w,
+              T,
               {
                 className: t === "large" ? "size-icon-medium" : "size-icon-small"
               }

package/dist/components/Alert/index.js

@@ -0,0 +1,4 @@
+import { Alert as o } from "./Alert.js";
+export {
+  o as Alert
+};

package/dist/components/ArticleCard/ArticleCard.js

@@ -3,16 +3,16 @@ import * as L from "react";
 import { Slot as q } from "@radix-ui/react-slot";
 import { cva as D } from "class-variance-authority";
 import { useMuzaTranslationContext as G } from "../../translations/TranslationContext.js";
-import { formatDate as H } from "../../utils/formatDate.js";
+import { cn as o } from "../../utils/cn.js";
+import { disabledLinkProps as H } from "../../utils/disabledLinkProps.js";
+import { formatDate as J } from "../../utils/formatDate.js";
+import { Button as K } from "../Button/Button.js";
+import { DotDivider as Q } from "../DotDivider/DotDivider.js";
 import { Flex as d } from "../Flex/Flex.js";
-import { disabledLinkProps as J } from "../../utils/disabledLinkProps.js";
-import { Tag as z } from "../Tag/Tag.js";
-import { DotDivider as K } from "../DotDivider/DotDivider.js";
-import { Button as Q } from "../Button/Button.js";
+import { AltArrowRightOutline as U } from "@solar-icons/react-perf";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Tag as z } from "../Tag/Tag.js";
 import { Typography as f } from "../Typography/Typography.js";
-import { cn as o } from "../../utils/cn.js";
-import { AltArrowRightOutline as U } from "@solar-icons/react-perf";
 const X = D(
   "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
   {
@@ -109,7 +109,7 @@ const b = ({
       }
     ),
     i != null && /* @__PURE__ */ t(T, { children: [
-      /* @__PURE__ */ e(K, { variant: m }),
+      /* @__PURE__ */ e(Q, { variant: m }),
       /* @__PURE__ */ e(
         f,
         {
@@ -129,7 +129,7 @@ b.displayName = "ArticleCard.Metadata";
 const v = ({ variant: r, label: a }) => {
   const i = r === "heroLarge";
   return /* @__PURE__ */ e(
-    Q,
+    K,
     {
       asChild: !0,
       variant: i ? "linkInvert" : "link",
@@ -317,7 +317,7 @@ const R = L.forwardRef(
       className: $,
       children: S,
       ...V
-    } = r, { translations: I } = G(), k = Y ?? I.articleCard.readArticle, y = B ?? I.articleCard.readingTime, C = (P ?? H)(ee(E)), g = m.length > 0, A = Z({ variant: s }), j = n ?? (s === "heroLarge" ? "" : i);
+    } = r, { translations: I } = G(), k = Y ?? I.articleCard.readArticle, y = B ?? I.articleCard.readingTime, C = (P ?? J)(ee(E)), g = m.length > 0, A = Z({ variant: s }), j = n ?? (s === "heroLarge" ? "" : i);
     let h = null;
     s === "compact" ? h = /* @__PURE__ */ t(T, { children: [
       /* @__PURE__ */ t(
@@ -513,7 +513,7 @@ const R = L.forwardRef(
         ...V,
         children: L.cloneElement(
           S,
-          p ? J : void 0,
+          p ? H : void 0,
           h
         )
       }

package/dist/components/ArticleCard/index.js

@@ -0,0 +1,7 @@
+import { ArticleCard as t, articleCardMetaVariants as i, articleCardTitleVariants as e, articleCardVariants as l } from "./ArticleCard.js";
+export {
+  t as ArticleCard,
+  i as articleCardMetaVariants,
+  e as articleCardTitleVariants,
+  l as articleCardVariants
+};

package/dist/components/Avatar/index.js

@@ -0,0 +1,6 @@
+import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./Avatar.js";
+export {
+  t as Avatar,
+  v as AvatarFallback,
+  A as AvatarImage
+};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import { Slot as i } from "@radix-ui/react-slot";
-import { typographyVariants as o, Typography as n } from "../Typography/Typography.js";
 import { cn as a } from "../../utils/cn.js";
-import { AltArrowRightOutline as m } from "@solar-icons/react-perf";
+import { AltArrowRightOutline as n } from "@solar-icons/react-perf";
+import { typographyVariants as o, Typography as m } from "../Typography/Typography.js";
 const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r }), g = ({ className: r, ...e }) => /* @__PURE__ */ t(
   "ol",
   {
@@ -77,7 +77,7 @@ const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "
       e
     ),
     ...s,
-    children: r ?? /* @__PURE__ */ t(m, {})
+    children: r ?? /* @__PURE__ */ t(n, {})
   }
 ), B = ({
   className: r,
@@ -94,7 +94,7 @@ const f = ({ ...r }) => /* @__PURE__ */ t("nav", { "aria-label": "breadcrumb", "
     ),
     ...e,
     children: /* @__PURE__ */ t(
-      n,
+      m,
       {
         component: "span",
         variant: "body",

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,10 @@
+import { Breadcrumb as a, BreadcrumbEllipsis as m, BreadcrumbItem as b, BreadcrumbLink as c, BreadcrumbList as d, BreadcrumbPage as u, BreadcrumbSeparator as B } from "./Breadcrumb.js";
+export {
+  a as Breadcrumb,
+  m as BreadcrumbEllipsis,
+  b as BreadcrumbItem,
+  c as BreadcrumbLink,
+  d as BreadcrumbList,
+  u as BreadcrumbPage,
+  B as BreadcrumbSeparator
+};

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFA8FX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Button/Button.js

@@ -1,69 +1,71 @@
-import { jsxs as j, jsx as o } from "react/jsx-runtime";
-import * as m from "react";
-import { Slot as v, Slottable as u } from "@radix-ui/react-slot";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as j, Slottable as c } from "@radix-ui/react-slot";
 import "class-variance-authority";
+import { cn as b } from "../../utils/cn.js";
+import { Typography as v } from "../Typography/Typography.js";
 import { ButtonLoader as w } from "./ButtonLoader.js";
-import { buttonVariants as E } from "./buttonVariants.js";
-import { cn as c } from "../../utils/cn.js";
-import { Typography as R } from "../Typography/Typography.js";
-const S = m.forwardRef(
+import { buttonVariants as R } from "./buttonVariants.js";
+const S = s.forwardRef(
   ({
     className: y,
-    variant: b,
-    size: a,
-    fullWidth: x,
-    asChild: p = !1,
-    icon: r,
-    iconPosition: n = "start",
-    secondIcon: s,
+    variant: x,
+    size: o,
+    fullWidth: N,
+    asChild: e = !1,
+    icon: m,
+    iconPosition: l = "start",
+    secondIcon: n,
     ghost: d = !1,
     danger: f = !1,
-    loading: e = !1,
+    loading: p = !1,
     children: t,
-    ...h
-  }, N) => {
-    const g = p ? v : "button", i = a === "icon" || d, l = (L) => /* @__PURE__ */ o(
-      R,
+    ...g
+  }, B) => {
+    const E = e ? j : "button", i = o === "icon" || d, u = (V) => /* @__PURE__ */ a(
+      v,
       {
         variant: "cta",
-        size: a === "sm" || a === "xs" ? "sm" : "base",
+        size: o === "sm" || o === "xs" ? "sm" : "base",
         weight: "medium",
         component: "span",
         fixY: !0,
-        className: c("transition-opacity", {
-          "opacity-0": e
+        className: b("transition-opacity", {
+          "opacity-0": p
         }),
-        children: L
+        children: V
       }
-    ), B = () => p ? m.isValidElement(t) ? /* @__PURE__ */ o(u, { children: m.cloneElement(
+    ), r = e && s.isValidElement(t) ? t.props.children : t, L = () => e ? s.isValidElement(t) ? /* @__PURE__ */ a(c, { children: s.cloneElement(
       t,
       void 0,
-      l(t.props.children)
-    ) }) : /* @__PURE__ */ o(u, { children: t }) : t && l(t);
-    return /* @__PURE__ */ j(
-      g,
+      // Skip the label wrapper for icon-only children so the flex gap
+      // doesn't offset the icon.
+      r && u(r)
+    ) }) : /* @__PURE__ */ a(c, { children: t }) : t && u(t);
+    return /* @__PURE__ */ h(
+      E,
       {
-        className: c(
-          E({
-            variant: b,
-            size: a,
-            fullWidth: x,
-            iconOnly: a === "icon" || !t,
+        className: b(
+          R({
+            variant: x,
+            size: o,
+            fullWidth: N,
+            iconOnly: o === "icon" || !r,
             ghost: i,
             danger: f,
-            loading: e,
+            loading: p,
             className: y
           })
         ),
-        ref: N,
+        ref: B,
         "data-ghost": i,
         "data-danger": f,
-        ...h,
+        ...g,
         children: [
-          e && /* @__PURE__ */ o("span", { className: "absolute", children: /* @__PURE__ */ o(w, {}) }),
-          (s || n === "start") && r,
-          B(),
-          s || n === "end" && r
+          p && /* @__PURE__ */ a("span", { className: "absolute", children: /* @__PURE__ */ a(w, {}) }),
+          (n || l === "start") && m,
+          L(),
+          n || l === "end" && m
         ]
       }
     );
@@ -72,5 +74,5 @@ const S = m.forwardRef(
 S.displayName = "Button";
 export {
   S as Button,
-  E as buttonVariants
+  R as buttonVariants
 };

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAcD,eAAO,MAAM,gBAAgB,EAAE,KAqL9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAcD,eAAO,MAAM,gBAAgB,EAAE,KAqM9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}

package/dist/components/Button/index.js

@@ -0,0 +1,6 @@
+import { Button as r } from "./Button.js";
+import { buttonVariants as a } from "./buttonVariants.js";
+export {
+  r as Button,
+  a as buttonVariants
+};

package/dist/components/ButtonArrow/index.js

@@ -0,0 +1,5 @@
+import { ButtonArrow as t, buttonArrowVariants as n } from "./ButtonArrow.js";
+export {
+  t as ButtonArrow,
+  n as buttonArrowVariants
+};

package/dist/components/Calendar/Calendar.js

@@ -2,12 +2,12 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import * as W from "react";
 import { getDefaultClassNames as F, DayPicker as J } from "react-day-picker";
 import { useMuzaTranslationContext as K } from "../../translations/TranslationContext.js";
-import { formatDateRange as P } from "../../utils/formatDateRange.js";
-import { Button as Y } from "../Button/Button.js";
 import { cn as e } from "../../utils/cn.js";
-import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
-import { formatDate as Q } from "../../utils/formatDate.js";
+import { formatDate as P } from "../../utils/formatDate.js";
+import { formatDateRange as Q } from "../../utils/formatDateRange.js";
+import { Button as Y } from "../Button/Button.js";
 import { AltArrowLeftOutline as U, AltArrowRightOutline as X, AltArrowDownOutline as Z } from "@solar-icons/react-perf";
+import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
 const se = ({
   leftPanelChildren: m,
   defaultMonth: f,
@@ -22,8 +22,8 @@ const se = ({
   renderResetButton: t,
   renderConfirmButton: g,
   bottomTextDefault: a,
-  dateFormatter: o = Q,
-  dateRangeFormatter: s = P,
+  dateFormatter: o = P,
+  dateRangeFormatter: s = Q,
   disabledDates: h,
   weekStartsOn: _ = 1,
   excludeDisabled: G,

package/dist/components/Calendar/index.js

@@ -0,0 +1,10 @@
+import { Calendar as e, CalendarBase as o, CalendarDayButton as t } from "./Calendar.js";
+import { formatDate as m } from "../../utils/formatDate.js";
+import { formatDateRange as d } from "../../utils/formatDateRange.js";
+export {
+  e as Calendar,
+  o as CalendarBase,
+  t as CalendarDayButton,
+  m as formatDate,
+  d as formatDateRange
+};

package/dist/components/Card/Card.js

@@ -1,12 +1,12 @@
 import * as r from "react";
 import { Slot as g } from "@radix-ui/react-slot";
 import { cva as x } from "class-variance-authority";
-import { getSpacingVariants as y } from "../../utils/spacing.js";
-import { flexLayoutDefaults as V, flexLayoutVariants as C } from "../Flex/Flex.js";
-import { cn as z } from "../../utils/cn.js";
+import { cn as y } from "../../utils/cn.js";
+import { getSpacingVariants as V } from "../../utils/spacing.js";
+import { flexLayoutDefaults as C, flexLayoutVariants as z } from "../Flex/Flex.js";
 const L = x("flex border border-solid", {
   variants: {
-    ...C,
+    ...z,
     variant: {
       default: "rounded-comp-card-default-radius border-comp-card-muzain-stroke bg-comp-card-muzain-bg px-comp-card-default-p-hor py-comp-card-default-p-ver",
       market: "rounded-comp-card-account-radius border-comp-card-account-stroke bg-comp-card-account-fill px-comp-card-account-p-hor py-comp-card-account-p-ver-def",
@@ -14,7 +14,7 @@ const L = x("flex border border-solid", {
     }
   },
   defaultVariants: {
-    ...V,
+    ...C,
     direction: "column",
     variant: "default"
   }
@@ -36,12 +36,12 @@ const L = x("flex border border-solid", {
     children: l,
     ...k
   }, b) => {
-    const h = f ? g : s, v = y({ gap: u, padding: n, margin: i });
+    const h = f ? g : s, v = V({ gap: u, padding: n, margin: i });
     return r.createElement(
       h,
       {
         ref: b,
-        className: z(
+        className: y(
           L({
             variant: o,
             direction: t,

package/dist/components/Card/index.js

@@ -0,0 +1,5 @@
+import { Card as d, cardVariants as o } from "./Card.js";
+export {
+  d as Card,
+  o as cardVariants
+};

package/dist/components/CardCheckboxAmount/CardCheckboxAmount.js

@@ -1,10 +1,10 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import * as i from "react";
 import { useMuzaTranslations as O } from "../../translations/TranslationContext.js";
-import { Card as Q } from "../Card/Card.js";
-import { Checkbox as V } from "../Checkbox/Checkbox.js";
-import { Stepper as W } from "../Stepper/Stepper.js";
-import { cn as X } from "../../utils/cn.js";
+import { cn as Q } from "../../utils/cn.js";
+import { Card as V } from "../Card/Card.js";
+import { Checkbox as W } from "../Checkbox/Checkbox.js";
+import { Stepper as X } from "../Stepper/Stepper.js";
 import { Typography as y } from "../Typography/Typography.js";
 const Y = i.forwardRef(
   ({
@@ -42,12 +42,12 @@ const Y = i.forwardRef(
       (s = t == null ? void 0 : t.onKeyDown) == null || s.call(t, e), !(e.defaultPrevented || a) && e.key === "Enter" && (e.preventDefault(), w(!l));
     }, H = l && !a, J = d !== void 0 && x >= d, h = S ?? f.cardCheckboxAmount.unavailableMessage, g = k ?? f.cardCheckboxAmount.maxAmountMessage;
     return /* @__PURE__ */ v(
-      Q,
+      V,
       {
         ref: B,
         variant: "checkout",
         direction: "column",
-        className: X(
+        className: Q(
           "items-start gap-md md:flex-row md:items-center md:gap-lg",
           a && "border-stroke-base-disabled",
           C
@@ -55,7 +55,7 @@ const Y = i.forwardRef(
         ...T,
         children: [
           /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ r(
-            V,
+            W,
             {
               ...t,
               id: z,
@@ -82,7 +82,7 @@ const Y = i.forwardRef(
           ),
           H && /* @__PURE__ */ v("div", { className: "flex flex-col items-start gap-2xs pl-2-5-xl md:items-end md:pl-0", children: [
             /* @__PURE__ */ r(
-              W,
+              X,
               {
                 value: x,
                 onChange: F,

package/dist/components/CardCheckboxAmount/index.js

@@ -0,0 +1,4 @@
+import { CardCheckboxAmount as e } from "./CardCheckboxAmount.js";
+export {
+  e as CardCheckboxAmount
+};

package/dist/components/Carousel/Carousel.d.ts

@@ -66,6 +66,10 @@ export interface CarouselProps {
      * Embla plugins forwarded as the second argument to `useEmblaCarousel`
      * (autoplay, classnames, fade, etc.).
      *
+     * For a self-running carousel, prefer the {@link CarouselProps.autoplay}
+     * prop — it appends this same plugin with sensible pause/resume defaults.
+     * Reach for `plugins` directly when you need Embla's full option set.
+     *
      * @example
      * import Autoplay from 'embla-carousel-autoplay'
      * <Carousel plugins={[Autoplay({ delay: 4000 })]}>...</Carousel>
@@ -73,6 +77,40 @@ export interface CarouselProps {
      * @see CarouselPlugin
      */
     plugins?: CarouselPlugin;
+    /**
+     * Advances to the next slide on a timer, with no user input. A convenience
+     * layer over {@link CarouselProps.plugins} — it appends Embla's official
+     * `Autoplay` plugin, so consumer-supplied plugins keep working alongside it.
+     *
+     * Pause/resume behaviour:
+     * - Pauses while the pointer hovers the carousel, resumes on leave (mouse
+     *   only — a touch tap does not count as hovering).
+     * - Pauses on pointer down and resumes once the slide settles; a tap that
+     *   never moves the track resumes too.
+     *
+     * Does nothing when the user's `prefers-reduced-motion: reduce` setting is
+     * active, when there is only one slide, or when `plugins` already contains
+     * an `Autoplay` instance (yours wins — a second one is never stacked).
+     *
+     * With `options={{ loop: true }}` the last slide wraps seamlessly to the
+     * first; without it, the carousel rewinds to the first slide instead.
+     *
+     * @default false
+     *
+     * @example
+     * <Carousel autoplay options={{ loop: true }}>...</Carousel>
+     */
+    autoplay?: boolean;
+    /**
+     * Milliseconds a slide stays on screen before {@link CarouselProps.autoplay}
+     * advances to the next one. Ignored when `autoplay` is `false`.
+     *
+     * @default 5000
+     *
+     * @example
+     * <Carousel autoplay autoplayDelay={3000}>...</Carousel>
+     */
+    autoplayDelay?: number;
     /**
      * Controls scroll direction. Also drives keyboard navigation
      * (←/→ for horizontal, ↑/↓ for vertical).
@@ -92,7 +130,66 @@ export interface CarouselProps {
      */
     setApi?: (api: CarouselApi) => void;
 }
-declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Carousel state and controls shared with every descendant, and the return
+ * value of {@link useCarousel}. Alongside the members below it carries the
+ * root's own {@link CarouselProps} (`options`, `orientation`, `plugins`).
+ */
+export interface CarouselContextValue extends CarouselProps {
+    /**
+     * Ref callback for the scrolling viewport, applied by `CarouselContent`.
+     * Only needed when replacing `CarouselContent` with your own element.
+     */
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    /**
+     * Imperative Embla API, or `undefined` until the carousel has mounted.
+     *
+     * @see CarouselApi
+     */
+    api: CarouselApi;
+    /** Scrolls to the previous slide. No-op at the start without `loop`. */
+    scrollPrev: () => void;
+    /** Scrolls to the next slide. No-op at the end without `loop`. */
+    scrollNext: () => void;
+    /** Whether a previous slide exists to scroll to. */
+    canScrollPrev: boolean;
+    /** Whether a next slide exists to scroll to. */
+    canScrollNext: boolean;
+    /** Index of the active slide (0-based). */
+    selectedIndex: number;
+    /** Scrolls to a slide by index (0-based). */
+    scrollTo: (index: number) => void;
+    /** Number of scroll snap points — i.e. navigable positions, not slides. */
+    slidesCount: number;
+}
+/**
+ * Reads the state and controls of the nearest `Carousel` ancestor. Use it to
+ * build custom controls — a slide counter, a progress bar, a bespoke dot
+ * strip — without threading the Embla API through `setApi` yourself.
+ *
+ * Throws when called outside a `<Carousel>`.
+ *
+ * @example
+ * const SlideCounter = () => {
+ *   const { selectedIndex, slidesCount } = useCarousel()
+ *   return <span>{selectedIndex + 1} / {slidesCount}</span>
+ * }
+ *
+ * <Carousel>
+ *   <CarouselContent>...</CarouselContent>
+ *   <SlideCounter />
+ * </Carousel>
+ *
+ * @see CarouselContextValue
+ */
+declare const useCarousel: () => CarouselContextValue;
+/**
+ * Full prop set accepted by the Carousel root element — {@link CarouselProps}
+ * plus all standard `<div>` attributes.
+ */
+export interface CarouselRootProps extends React.HTMLAttributes<HTMLDivElement>, CarouselProps {
+}
+declare const Carousel: React.ForwardRefExoticComponent<CarouselRootProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Props for the CarouselContent component. Wraps the scrolling track and
  * lays out its `CarouselItem` children along the active orientation axis.
@@ -172,5 +269,5 @@ export interface CarouselDotsProps {
     buttonAriaLabel?: string;
 }
 declare const CarouselDots: React.FC<CarouselDotsProps>;
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselDots, };
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselDots, useCarousel, };
 //# sourceMappingURL=Carousel.d.ts.map

package/dist/components/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAI5C;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAEjD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAEtD;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAA;IAC7C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC;AAwBD,QAAA,MAAM,QAAQ,6HA2Ib,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,QAAA,MAAM,eAAe,6FA4BpB,CAAA;AAGD;;;;;;;;;GASG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY,0FAoBjB,CAAA;AAGD;;;;;;;GAOG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAClD,WAAW,GAAG,YAAY,CAC3B;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,QAAA,MAAM,gBAAgB,kGAkDrB,CAAA;AAGD,QAAA,MAAM,YAAY,kGAkDjB,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuB7C,CAAA;AAED,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}