@vkzstudio/muza-ui 1.2.0 → 1.4.0

package/dist/components/ButtonArrow/ButtonArrow.js

@@ -1,38 +1,39 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { cva as c } from "class-variance-authority";
-import { cn as d } from "../../utils/cn.js";
-import { AltArrowLeftOutline as a, AltArrowRightOutline as b } from "@solar-icons/react-perf";
-const l = c(
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import { cva as n } from "class-variance-authority";
+import { cn as b } from "../../utils/cn.js";
+import { AltArrowLeftOutline as c, AltArrowRightOutline as d } from "@solar-icons/react-perf";
+const l = n(
   [
     "inline-flex items-center justify-center",
-    "rounded-full border",
+    "rounded-comp-button-arrow-radius border",
     "cursor-pointer transition-colors",
     "focus-visible-default",
     // Default state
-    "border-comp-button-invert-ghost-stroke-def",
-    "bg-comp-button-secondary-bg-def",
-    "text-comp-button-secondary-text-def",
+    "border-comp-button-arrow-stroke-def",
+    "bg-comp-button-arrow-bg-def",
+    "text-comp-button-arrow-icon-def",
     // Hover
-    "hover:border-comp-button-invert-ghost-stroke-hover",
-    "hover:bg-comp-button-secondary-bg-hover",
-    "hover:text-comp-button-secondary-text-hover",
+    "hover:border-comp-button-arrow-stroke-hover",
+    "hover:bg-comp-button-arrow-bg-hover",
+    "hover:text-comp-button-arrow-icon-hover",
     // Focus-visible
-    "focus-visible:bg-comp-button-secondary-bg-focused",
-    "focus-visible:text-comp-button-secondary-text-focused",
-    "focus-visible:border-comp-button-invert-ghost-stroke-focused",
+    "focus-visible:border-comp-button-arrow-stroke-focused",
+    "focus-visible:bg-comp-button-arrow-bg-focused",
+    "focus-visible:text-comp-button-arrow-icon-focused",
     // Disabled
     "disabled:pointer-events-none",
     "disabled:cursor-not-allowed",
-    "disabled:border-comp-button-invert-ghost-stroke-def",
-    "disabled:bg-comp-button-arrow-disabled",
-    "disabled:text-comp-button-primary-text-def"
+    "disabled:border-comp-button-arrow-stroke-disabled",
+    "disabled:bg-comp-button-arrow-bg-disabled",
+    "disabled:text-comp-button-arrow-icon-disabled"
   ],
   {
     variants: {
       size: {
         default: "size-comp-button-arrow-bg-size-def",
-        sm: "size-comp-button-arrow-bg-size-sm"
+        sm: "size-comp-button-arrow-bg-size-sm",
+        lg: "size-comp-button-arrow-bg-size-lg"
       },
       direction: {
         left: "",
@@ -44,15 +45,15 @@ const l = c(
       direction: "left"
     }
   }
-), u = i.forwardRef(
-  ({ className: e, direction: o = "left", size: r = "default", ...s }, n) => /* @__PURE__ */ t(
+), u = a.forwardRef(
+  ({ className: r, direction: t = "left", size: e = "default", ...s }, i) => /* @__PURE__ */ o(
     "button",
     {
       type: "button",
-      className: d(l({ size: r, direction: o, className: e })),
-      ref: n,
+      className: b(l({ size: e, direction: t, className: r })),
+      ref: i,
       ...s,
-      children: o === "left" ? /* @__PURE__ */ t(a, { className: "size-icon-small" }) : /* @__PURE__ */ t(b, { className: "size-icon-small" })
+      children: t === "left" ? /* @__PURE__ */ o(c, { className: "size-icon-small" }) : /* @__PURE__ */ o(d, { className: "size-icon-small" })
     }
   )
 );

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calendar/Calendar.js

@@ -1,12 +1,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 { formatDate as K } from "./utils/formatDate.js";
-import { formatDateRange as P } from "./utils/formatDateRange.js";
-import { useMuzaTranslationContext as Q } from "../../translations/TranslationContext.js";
+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 { AltArrowLeftOutline as U, AltArrowRightOutline as X, AltArrowDownOutline as Z } from "@solar-icons/react-perf";
 const se = ({
   leftPanelChildren: m,
@@ -22,7 +22,7 @@ const se = ({
   renderResetButton: t,
   renderConfirmButton: g,
   bottomTextDefault: a,
-  dateFormatter: o = K,
+  dateFormatter: o = Q,
   dateRangeFormatter: s = P,
   disabledDates: h,
   weekStartsOn: _ = 1,
@@ -40,7 +40,7 @@ const se = ({
   min: V,
   required: S = !0
 }) => {
-  const { translations: w, dateFnsLocale: R } = Q(), q = u ?? w.calendar.resetButton, H = y ?? w.calendar.confirmButton, I = a ?? w.calendar.bottomTextDefault;
+  const { translations: w, dateFnsLocale: R } = K(), q = u ?? w.calendar.resetButton, H = y ?? w.calendar.confirmButton, I = a ?? w.calendar.bottomTextDefault;
   return /* @__PURE__ */ p("div", { className: "flex", children: [
     m && /* @__PURE__ */ r("div", { className: "flex flex-col border-r border-stroke-base-primary py-sm", children: m }),
     /* @__PURE__ */ p(

package/dist/components/Calendar/index.d.ts

@@ -1,4 +1,3 @@
 export * from './Calendar';
-export * from './utils/formatDate';
-export * from './utils/formatDateRange';
+export { formatDate, formatDateRange } from '../../utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

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

@@ -138,6 +138,15 @@ export interface CarouselNavButtonProps extends Omit<React.ComponentPropsWithout
      * (`carousel.previousAriaLabel` / `carousel.nextAriaLabel`).
      */
     ariaLabel?: string;
+    /**
+     * When true, the button is unmounted instead of rendered disabled once the
+     * carousel can no longer scroll in this direction. Use when the disabled
+     * state would be visually noisy (e.g. a horizontally-scrolling filter
+     * strip where both ends frequently sit at the boundary).
+     *
+     * @default false
+     */
+    hideWhenDisabled?: boolean;
 }
 declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CarouselNext: React.ForwardRefExoticComponent<CarouselNavButtonProps & React.RefAttributes<HTMLButtonElement>>;

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;CACnB;AAED,QAAA,MAAM,gBAAgB,kGA+CrB,CAAA;AAGD,QAAA,MAAM,YAAY,kGA+CjB,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":"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"}

package/dist/components/Carousel/Carousel.js

@@ -1,28 +1,28 @@
 import { jsx as m, jsxs as j } from "react/jsx-runtime";
-import * as e from "react";
+import * as o from "react";
 import _ from "embla-carousel-react";
-import { Flex as B } from "../Flex/Flex.js";
-import { useMuzaTranslations as y } from "../../translations/TranslationContext.js";
-import { ButtonArrow as I } from "../ButtonArrow/ButtonArrow.js";
-import { SliderIndicators as F } from "../SliderIndicators/SliderIndicators.js";
-import { cn as p } from "../../utils/cn.js";
-const P = e.createContext(null), x = () => {
-  const t = e.useContext(P);
+import { useMuzaTranslations as L } from "../../translations/TranslationContext.js";
+import { ButtonArrow as P } from "../ButtonArrow/ButtonArrow.js";
+import { SliderIndicators as B } from "../SliderIndicators/SliderIndicators.js";
+import { cn as h } from "../../utils/cn.js";
+import { Flex as F } from "../Flex/Flex.js";
+const R = o.createContext(null), v = () => {
+  const t = o.useContext(R);
   if (!t)
     throw new Error("useCarousel must be used within a <Carousel />");
   return t;
-}, M = e.forwardRef(
+}, M = o.forwardRef(
   ({
     orientation: t = "horizontal",
-    options: l,
-    align: n,
-    setApi: a,
-    plugins: u,
+    options: s,
+    align: c,
+    setApi: l,
+    plugins: n,
     className: f,
-    children: c,
-    ...h
-  }, C) => {
-    const [w, o] = _(
+    children: i,
+    ...C
+  }, w) => {
+    const [d, e] = _(
       {
         // `skipSnaps: true` lets a longer drag/flick cross several slides
         // before snapping, instead of Embla's default of clamping every drag
@@ -30,55 +30,55 @@ const P = e.createContext(null), x = () => {
         // (e.g. single-slide galleries that should advance one at a time).
         skipSnaps: !0,
         // `align` prop is a baseline; an explicit `options.align` overrides it.
-        ...n !== void 0 && { align: n },
-        ...l,
+        ...c !== void 0 && { align: c },
+        ...s,
         axis: t === "horizontal" ? "x" : "y"
       },
-      u
-    ), [s, i] = e.useState(!1), [b, R] = e.useState(!1), [D, E] = e.useState(0), [k, L] = e.useState(0), d = e.useCallback((r) => {
-      r && (E(r.selectedScrollSnap()), i(r.canScrollPrev()), R(r.canScrollNext()));
-    }, []), v = e.useCallback((r) => {
-      r && L(r.scrollSnapList().length);
-    }, []), S = e.useCallback(() => {
-      o == null || o.scrollPrev();
-    }, [o]), N = e.useCallback(() => {
-      o == null || o.scrollNext();
-    }, [o]), A = e.useCallback(
+      n
+    ), [b, a] = o.useState(!1), [u, x] = o.useState(!1), [D, E] = o.useState(0), [k, z] = o.useState(0), p = o.useCallback((r) => {
+      r && (E(r.selectedScrollSnap()), a(r.canScrollPrev()), x(r.canScrollNext()));
+    }, []), S = o.useCallback((r) => {
+      r && z(r.scrollSnapList().length);
+    }, []), N = o.useCallback(() => {
+      e == null || e.scrollPrev();
+    }, [e]), y = o.useCallback(() => {
+      e == null || e.scrollNext();
+    }, [e]), A = o.useCallback(
       (r) => {
-        o == null || o.scrollTo(r);
+        e == null || e.scrollTo(r);
       },
-      [o]
-    ), K = e.useCallback(
+      [e]
+    ), K = o.useCallback(
       (r) => {
         const T = t === "horizontal" ? "ArrowLeft" : "ArrowUp", H = t === "horizontal" ? "ArrowRight" : "ArrowDown";
-        r.key === T ? (r.preventDefault(), S()) : r.key === H && (r.preventDefault(), N());
+        r.key === T ? (r.preventDefault(), N()) : r.key === H && (r.preventDefault(), y());
       },
-      [t, S, N]
+      [t, N, y]
     );
-    e.useEffect(() => {
-      !o || !a || a(o);
-    }, [o, a]), e.useEffect(() => {
-      if (o)
-        return L(o.scrollSnapList().length), d(o), o.on("select", d), o.on("reInit", d), o.on("reInit", v), () => {
-          o.off("select", d), o.off("reInit", d), o.off("reInit", v);
+    o.useEffect(() => {
+      !e || !l || l(e);
+    }, [e, l]), o.useEffect(() => {
+      if (e)
+        return z(e.scrollSnapList().length), p(e), e.on("select", p), e.on("reInit", p), e.on("reInit", S), () => {
+          e.off("select", p), e.off("reInit", p), e.off("reInit", S);
         };
-    }, [o, d, v]);
-    const z = [], g = [];
-    return e.Children.forEach(c, (r) => {
-      e.isValidElement(r) && r.type === J ? z.push(r) : g.push(r);
+    }, [e, p, S]);
+    const g = [], I = [];
+    return o.Children.forEach(i, (r) => {
+      o.isValidElement(r) && r.type === J ? g.push(r) : I.push(r);
     }), /* @__PURE__ */ m(
-      P.Provider,
+      R.Provider,
       {
         value: {
-          carouselRef: w,
-          api: o,
-          options: l,
+          carouselRef: d,
+          api: e,
+          options: s,
           orientation: t,
-          plugins: u,
-          scrollPrev: S,
-          scrollNext: N,
-          canScrollPrev: s,
-          canScrollNext: b,
+          plugins: n,
+          scrollPrev: N,
+          scrollNext: y,
+          canScrollPrev: b,
+          canScrollNext: u,
           selectedIndex: D,
           scrollTo: A,
           slidesCount: k
@@ -86,15 +86,15 @@ const P = e.createContext(null), x = () => {
         children: /* @__PURE__ */ j(
           "div",
           {
-            ref: C,
+            ref: w,
             onKeyDownCapture: K,
             className: f,
             role: "region",
             "aria-roledescription": "carousel",
-            ...h,
+            ...C,
             children: [
-              /* @__PURE__ */ m("div", { className: "relative", children: g }),
-              z
+              /* @__PURE__ */ m("div", { className: "relative", children: I }),
+              g
             ]
           }
         )
@@ -103,29 +103,29 @@ const P = e.createContext(null), x = () => {
   }
 );
 M.displayName = "Carousel";
-const U = e.forwardRef(
-  ({ className: t, overflowVisible: l = !1, ...n }, a) => {
-    const { carouselRef: u, orientation: f } = x(), c = f === "horizontal";
+const U = o.forwardRef(
+  ({ className: t, overflowVisible: s = !1, ...c }, l) => {
+    const { carouselRef: n, orientation: f } = v(), i = f === "horizontal";
     return /* @__PURE__ */ m(
       "div",
       {
-        ref: u,
-        className: p(
+        ref: n,
+        className: h(
           // touch-action: keeps cross-axis native scroll while same-axis swipes go to Embla
           "select-none",
-          l ? "overflow-visible" : "overflow-hidden",
-          c ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]"
+          s ? "overflow-visible" : "overflow-hidden",
+          i ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]"
         ),
         children: /* @__PURE__ */ m(
-          B,
+          F,
           {
-            ref: a,
-            direction: c ? "row" : "column",
-            className: p(
-              c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
+            ref: l,
+            direction: i ? "row" : "column",
+            className: h(
+              i ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
               t
             ),
-            ...n
+            ...c
           }
         )
       }
@@ -133,100 +133,102 @@ const U = e.forwardRef(
   }
 );
 U.displayName = "CarouselContent";
-const V = e.forwardRef(
-  ({ className: t, ...l }, n) => {
-    const { orientation: a } = x();
+const V = o.forwardRef(
+  ({ className: t, ...s }, c) => {
+    const { orientation: l } = v();
     return /* @__PURE__ */ m(
       "div",
       {
-        ref: n,
+        ref: c,
         role: "group",
         "aria-roledescription": "slide",
-        className: p(
+        className: h(
           "min-w-0 shrink-0 grow-0 basis-full",
           {
-            "pl-comp-carousel-gap": a === "horizontal",
-            "pt-comp-carousel-gap": a !== "horizontal"
+            "pl-comp-carousel-gap": l === "horizontal",
+            "pt-comp-carousel-gap": l !== "horizontal"
           },
           t
         ),
-        ...l
+        ...s
       }
     );
   }
 );
 V.displayName = "CarouselItem";
-const q = e.forwardRef(
+const q = o.forwardRef(
   ({
     className: t,
-    size: l = "default",
-    ariaLabel: n,
-    onClick: a,
-    ...u
-  }, f) => {
-    const { orientation: c, scrollPrev: h, canScrollPrev: C } = x(), w = y(), o = n ?? w.carousel.previousAriaLabel, s = c === "horizontal", i = l === "sm";
-    return /* @__PURE__ */ m(
-      I,
+    size: s = "default",
+    ariaLabel: c,
+    hideWhenDisabled: l = !1,
+    onClick: n,
+    ...f
+  }, i) => {
+    const { orientation: C, scrollPrev: w, canScrollPrev: d } = v(), e = L(), b = c ?? e.carousel.previousAriaLabel, a = C === "horizontal", u = s === "sm";
+    return l && !d ? null : /* @__PURE__ */ m(
+      P,
       {
-        ref: f,
+        ref: i,
         direction: "left",
-        size: l,
-        disabled: !C,
-        "aria-label": o,
-        onClick: (b) => {
-          h(), a == null || a(b);
+        size: s,
+        disabled: !d,
+        "aria-label": b,
+        onClick: (x) => {
+          w(), n == null || n(x);
         },
-        className: p(
+        className: h(
           "absolute",
           {
-            "top-1/2 -translate-y-1/2": s,
-            "left-1/2 -translate-x-1/2 rotate-90": !s,
-            "-left-comp-carousel-arrow-offset-sm": s && i,
-            "-left-comp-carousel-arrow-offset": s && !i,
-            "-top-comp-carousel-arrow-offset-v-sm": !s && i,
-            "-top-comp-carousel-arrow-offset-v": !s && !i
+            "top-1/2 -translate-y-1/2": a,
+            "left-1/2 -translate-x-1/2 rotate-90": !a,
+            "-left-comp-carousel-arrow-offset-sm": a && u,
+            "-left-comp-carousel-arrow-offset": a && !u,
+            "-top-comp-carousel-arrow-offset-v-sm": !a && u,
+            "-top-comp-carousel-arrow-offset-v": !a && !u
           },
           t
         ),
-        ...u
+        ...f
       }
     );
   }
 );
 q.displayName = "CarouselPrevious";
-const G = e.forwardRef(
+const G = o.forwardRef(
   ({
     className: t,
-    size: l = "default",
-    ariaLabel: n,
-    onClick: a,
-    ...u
-  }, f) => {
-    const { orientation: c, scrollNext: h, canScrollNext: C } = x(), w = y(), o = n ?? w.carousel.nextAriaLabel, s = c === "horizontal", i = l === "sm";
-    return /* @__PURE__ */ m(
-      I,
+    size: s = "default",
+    ariaLabel: c,
+    hideWhenDisabled: l = !1,
+    onClick: n,
+    ...f
+  }, i) => {
+    const { orientation: C, scrollNext: w, canScrollNext: d } = v(), e = L(), b = c ?? e.carousel.nextAriaLabel, a = C === "horizontal", u = s === "sm";
+    return l && !d ? null : /* @__PURE__ */ m(
+      P,
       {
-        ref: f,
+        ref: i,
         direction: "right",
-        size: l,
-        disabled: !C,
-        "aria-label": o,
-        onClick: (b) => {
-          h(), a == null || a(b);
+        size: s,
+        disabled: !d,
+        "aria-label": b,
+        onClick: (x) => {
+          w(), n == null || n(x);
         },
-        className: p(
+        className: h(
           "absolute",
           {
-            "top-1/2 -translate-y-1/2": s,
-            "left-1/2 -translate-x-1/2 rotate-90": !s,
-            "-right-comp-carousel-arrow-offset-sm": s && i,
-            "-right-comp-carousel-arrow-offset": s && !i,
-            "-bottom-comp-carousel-arrow-offset-v-sm": !s && i,
-            "-bottom-comp-carousel-arrow-offset-v": !s && !i
+            "top-1/2 -translate-y-1/2": a,
+            "left-1/2 -translate-x-1/2 rotate-90": !a,
+            "-right-comp-carousel-arrow-offset-sm": a && u,
+            "-right-comp-carousel-arrow-offset": a && !u,
+            "-bottom-comp-carousel-arrow-offset-v-sm": !a && u,
+            "-bottom-comp-carousel-arrow-offset-v": !a && !u
           },
           t
         ),
-        ...u
+        ...f
       }
     );
   }
@@ -234,20 +236,20 @@ const G = e.forwardRef(
 G.displayName = "CarouselNext";
 const J = ({
   className: t,
-  ariaLabel: l,
-  buttonAriaLabel: n
+  ariaLabel: s,
+  buttonAriaLabel: c
 }) => {
-  const { selectedIndex: a, scrollTo: u, slidesCount: f } = x(), c = y();
+  const { selectedIndex: l, scrollTo: n, slidesCount: f } = v(), i = L();
   return f <= 1 ? null : /* @__PURE__ */ m(
-    F,
+    B,
     {
       count: f,
-      activeIndex: a,
-      onDotClick: u,
+      activeIndex: l,
+      onDotClick: n,
       interactive: !0,
-      className: p("mt-comp-carousel-dots-gap", t),
-      ariaLabel: l ?? c.carousel.dotsAriaLabel,
-      buttonAriaLabel: n ?? c.carousel.dotAriaLabel
+      className: h("mt-comp-carousel-dots-gap", t),
+      ariaLabel: s ?? i.carousel.dotsAriaLabel,
+      buttonAriaLabel: c ?? i.carousel.dotAriaLabel
     }
   );
 };

package/dist/components/CarouselSection/CarouselSection.examples.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+/** Props for the example `CarouselSection` composition. */
+export interface CarouselSectionProps {
+    /** Section heading shown on the left of the header row. */
+    title: string;
+    /**
+     * Cards (or any nodes) to scroll through. Each becomes one slide — the
+     * slide width follows the item's own width, so the section works with any
+     * card. Give items a fixed width to get the peeking multi-card layout.
+     */
+    items: React.ReactNode[];
+    /** Label for the "show all" call-to-action. Omit to hide the link. */
+    ctaLabel?: string;
+    /**
+     * Destination for the "show all" call-to-action. The CTA renders as an
+     * anchor (`Button asChild` wrapping an `<a>`), so pass the URL the link
+     * should navigate to.
+     */
+    ctaHref?: string;
+}
+/**
+ * A horizontally scrollable promo section. Drag/swipe (touch + mouse) snaps to
+ * a card and can skip several at once with a longer flick; on desktop, arrow
+ * buttons step through them one at a time too.
+ */
+export declare const CarouselSection: ({ title, items, ctaLabel, ctaHref, }: CarouselSectionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Pre-rendered slides using the library `OfferCard` (compact promo variant).
+ * Below desktop the fixed `w-[284px]` drives the peeking multi-card layout;
+ * `lg:w-full` lets the card fill its slide so the desktop fractional bases
+ * (3 → 4 → 5 per view) line up exactly. `h-full` matches the tallest card.
+ */
+export declare const offerItems: React.ReactNode[];
+//# sourceMappingURL=CarouselSection.examples.d.ts.map

package/dist/components/CarouselSection/CarouselSection.examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSection.examples.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselSection/CarouselSection.examples.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,2DAA2D;AAC3D,MAAM,WAAW,oBAAoB;IACnC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,sCAK7B,oBAAoB,4CA0EtB,CAAA;AA8HD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,SAAS,EAQtC,CAAA"}

package/dist/components/CarouselSection/CarouselSection.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CarouselSectionProps } from './CarouselSection.examples';
+declare const meta: Meta<CarouselSectionProps>;
+export default meta;
+type Story = StoryObj<CarouselSectionProps>;
+export declare const Responsive: Story;
+export declare const WithoutCta: Story;
+//# sourceMappingURL=CarouselSection.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselSection/CarouselSection.stories.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,4BAA4B,CAAA;AAGnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAoDpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;AAE3C,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA"}