@vkzstudio/muza-ui 1.8.0 → 1.9.0

package/dist/components/Card/Card.d.ts

@@ -1,24 +1,23 @@
-import { FlexProps } from '../Flex/Flex';
-import * as React from 'react';
+import { FlexOwnProps, FlexProps } from '../Flex/Flex';
 declare const cardVariants: (props?: ({
     variant?: "default" | "market" | "checkout" | null | undefined;
-    gap?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    gapX?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    gapY?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    p?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    px?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    py?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    pl?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    m?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mx?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    my?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mt?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mr?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    mb?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
-    ml?: "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapX?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    gapY?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    p?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    px?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    py?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pt?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pr?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pb?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    pl?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    m?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mx?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    my?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mt?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mr?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    mb?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    ml?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
     justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | null | undefined;
@@ -26,14 +25,11 @@ declare const cardVariants: (props?: ({
     flex?: 1 | "none" | "auto" | "initial" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
- * Props for the Card component.
- *
- * Extends `FlexProps` so the card surface exposes the same layout API as
- * `Flex` (direction, alignment, gap, padding, margin, polymorphic
- * `component`). Adds a visual `variant` for the Figma-defined card styles
- * and an `asChild` escape hatch for polymorphic rendering via Radix Slot.
+ * Card's own props on top of the `Flex` layout API: a visual `variant` for
+ * the Figma-defined card styles and an `asChild` escape hatch for polymorphic
+ * rendering via Radix Slot.
  */
-export interface CardProps extends FlexProps, Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
+export interface CardOwnProps {
     /**
      * Visual style variant.
      *
@@ -58,6 +54,19 @@ export interface CardProps extends FlexProps, Omit<React.HTMLAttributes<HTMLElem
      */
     asChild?: boolean;
 }
-declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Props for the Card component.
+ *
+ * Extends `FlexProps` so the card surface exposes the same layout API as
+ * `Flex` (direction, alignment, gap, padding, margin, `component`) and the
+ * same standard HTML attributes. As with `Flex`, naming a `component` at the
+ * call site brings that tag's own attributes and element type.
+ *
+ * @example
+ * <Card component="section" aria-labelledby="heading" variant="market" />
+ */
+export interface CardProps extends FlexProps, CardOwnProps {
+}
+declare const Card: import('../../utils').PolymorphicComponent<FlexOwnProps & CardOwnProps, CardProps>;
 export { Card, cardVariants };
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;8EAiBhB,CAAA;AAEF;;;;;;;GAOG;AACH,MAAM,WAAW,SACf,SAAQ,SAAS,EACf,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAClD;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC3C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,IAAI,+EA+CT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,cAAc,CAAA;AAErB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;8EAiBhB,CAAA;AAEF;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;IAC3C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,YAAY;CAAG;AAE7D,QAAA,MAAM,IAAI,gFA+CT,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Card/Card.js

@@ -1,12 +1,13 @@
-import * as r from "react";
+import * as v from "react";
 import { Slot as g } from "@radix-ui/react-slot";
 import { cva as x } from "class-variance-authority";
 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", {
+import { polymorphicForwardRef as C } from "../../utils/polymorphic.js";
+import { flexLayoutDefaults as z, flexLayoutVariants as L } from "../Flex/Flex.js";
+const N = x("flex border border-solid", {
   variants: {
-    ...z,
+    ...L,
     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,54 +15,54 @@ const L = x("flex border border-solid", {
     }
   },
   defaultVariants: {
-    ...C,
+    ...z,
     direction: "column",
     variant: "default"
   }
-}), N = r.forwardRef(
-  ({
-    className: a,
-    style: c,
-    variant: o,
-    direction: t,
-    wrap: e,
+}), R = C(
+  function({
+    className: r,
+    style: o,
+    variant: c,
+    direction: a,
+    wrap: t,
     justify: d,
-    align: p,
-    flex: m,
-    gap: u,
-    padding: n,
-    margin: i,
-    component: s = "div",
-    asChild: f = !1,
-    children: l,
-    ...k
-  }, b) => {
-    const h = f ? g : s, v = V({ gap: u, padding: n, margin: i });
-    return r.createElement(
-      h,
+    align: e,
+    flex: p,
+    gap: m,
+    padding: i,
+    margin: n,
+    component: u = "div",
+    asChild: s = !1,
+    children: f,
+    ...l
+  }, h) {
+    const k = s ? g : u, b = V({ gap: m, padding: i, margin: n });
+    return v.createElement(
+      k,
       {
-        ref: b,
+        ref: h,
         className: y(
-          L({
-            variant: o,
-            direction: t,
-            wrap: e,
+          N({
+            variant: c,
+            direction: a,
+            wrap: t,
             justify: d,
-            align: p,
-            flex: m,
-            ...v
+            align: e,
+            flex: p,
+            ...b
           }),
-          a
+          r
         ),
-        style: c,
-        ...k
+        style: o,
+        ...l
       },
-      l
+      f
     );
   }
 );
-N.displayName = "Card";
+R.displayName = "Card";
 export {
-  N as Card,
-  L as cardVariants
+  R as Card,
+  N as cardVariants
 };

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

@@ -207,6 +207,22 @@ export interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElemen
      * @default false
      */
     overflowVisible?: boolean;
+    /**
+     * Additional CSS classes for the scrolling viewport — the element Embla
+     * measures slide positions against — rather than the inner track that
+     * `className` targets.
+     *
+     * Use it for padding that must sit *outside* the slide measurement. Padding
+     * on the track is measured as part of the slides, so with `align="start"`
+     * only the first slide ends up inset: every later snap aligns flush to the
+     * viewport edge. Applying the same padding here insets the viewport itself,
+     * so every snap position matches.
+     *
+     * @example
+     * // Bleeding track whose first and last cards stay inset to the page column
+     * <CarouselContent viewportClassName="px-layout-p-standard" />
+     */
+    viewportClassName?: string;
 }
 declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
 /**

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":"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"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAI7B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO5C;;;;;;;;;;;;;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;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD;;;OAGG;IACH,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD;;;;OAIG;IACH,GAAG,EAAE,WAAW,CAAA;IAChB,wEAAwE;IACxE,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,kEAAkE;IAClE,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,oDAAoD;IACpD,aAAa,EAAE,OAAO,CAAA;IACtB,gDAAgD;IAChD,aAAa,EAAE,OAAO,CAAA;IACtB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAA;CACpB;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,4BAMhB,CAAA;AAED;;;GAGG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,aAAa;CAAG;AAEpB,QAAA,MAAM,QAAQ,0FA+Pb,CAAA;AAGD;;;;;GAKG;AACH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;;;;;;;;OAcG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,QAAA,MAAM,eAAe,6FAgCpB,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,EACZ,WAAW,GACZ,CAAA"}

package/dist/components/Carousel/Carousel.js

@@ -1,9 +1,9 @@
-import { jsx as p, jsxs as Z } from "react/jsx-runtime";
+import { jsx as d, jsxs as Z } from "react/jsx-runtime";
 import * as r from "react";
 import $ from "embla-carousel-autoplay";
 import ee from "embla-carousel-react";
 import { useMuzaTranslations as U } from "../../translations/TranslationContext.js";
-import { cn as C } from "../../utils/cn.js";
+import { cn as w } from "../../utils/cn.js";
 import { ButtonArrow as K } from "../ButtonArrow/ButtonArrow.js";
 import { Flex as oe } from "../Flex/Flex.js";
 import { SliderIndicators as re } from "../SliderIndicators/SliderIndicators.js";
@@ -17,15 +17,15 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
   ({
     orientation: t = "horizontal",
     options: l,
-    align: u,
+    align: c,
     setApi: n,
     plugins: s,
     autoplay: f = !1,
-    autoplayDelay: c = ae,
-    className: w,
+    autoplayDelay: u = ae,
+    className: m,
     children: b,
-    onPointerEnter: m,
-    onPointerLeave: d,
+    onPointerEnter: p,
+    onPointerLeave: h,
     ...x
   }, a) => {
     const i = te(se), y = (s ?? []).some(
@@ -33,7 +33,7 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
     ), g = f && !i && !y, Y = r.useMemo(() => g ? [
       ...s ?? [],
       $({
-        delay: c,
+        delay: u,
         // Pause/resume is driven from this component instead of the plugin's
         // own wiring: on touch devices the browser fires a synthetic
         // `mouseenter` after a tap and never a matching `mouseleave`, which
@@ -49,7 +49,7 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
         // the first time anything inside gets focused.
         stopOnFocusIn: !1
       })
-    ] : s, [g, c, s]), [j, e] = ee(
+    ] : s, [g, u, s]), [j, e] = ee(
       {
         // `skipSnaps: true` lets a longer drag/flick cross several slides
         // before snapping, instead of Embla's default of clamping every drag
@@ -57,12 +57,12 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
         // (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.
-        ...u !== void 0 && { align: u },
+        ...c !== void 0 && { align: c },
         ...l,
         axis: t === "horizontal" ? "x" : "y"
       },
       Y
-    ), [Q, B] = r.useState(!1), [V, q] = r.useState(!1), [G, J] = r.useState(0), [M, O] = r.useState(0), h = r.useCallback((o) => {
+    ), [Q, B] = r.useState(!1), [V, q] = r.useState(!1), [G, J] = r.useState(0), [M, O] = r.useState(0), C = r.useCallback((o) => {
       o && (J(o.selectedScrollSnap()), B(o.canScrollPrev()), q(o.canScrollNext()));
     }, []), z = r.useCallback((o) => {
       o && O(o.scrollSnapList().length);
@@ -86,10 +86,10 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
       !e || !n || n(e);
     }, [e, n]), r.useEffect(() => {
       if (e)
-        return O(e.scrollSnapList().length), h(e), e.on("select", h), e.on("reInit", h), e.on("reInit", z), () => {
-          e.off("select", h), e.off("reInit", h), e.off("reInit", z);
+        return O(e.scrollSnapList().length), C(e), e.on("select", C), e.on("reInit", C), e.on("reInit", z), () => {
+          e.off("select", C), e.off("reInit", C), e.off("reInit", z);
         };
-    }, [e, h, z]);
+    }, [e, C, z]);
     const T = r.useRef(!1), S = r.useRef(!1), N = r.useRef(!1), R = g && M > 1, A = r.useCallback(
       () => R ? e == null ? void 0 : e.plugins().autoplay : void 0,
       [e, R]
@@ -116,7 +116,7 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
     const _ = [], H = [];
     return r.Children.forEach(b, (o) => {
       r.isValidElement(o) && o.type === fe ? _.push(o) : H.push(o);
-    }), /* @__PURE__ */ p(
+    }), /* @__PURE__ */ d(
       F.Provider,
       {
         value: {
@@ -138,18 +138,18 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
           {
             ref: a,
             onKeyDownCapture: X,
-            className: w,
+            className: m,
             role: "region",
             "aria-roledescription": "carousel",
             onPointerEnter: (o) => {
-              o.pointerType === "mouse" && (T.current = !0, k()), m == null || m(o);
+              o.pointerType === "mouse" && (T.current = !0, k()), p == null || p(o);
             },
             onPointerLeave: (o) => {
-              o.pointerType === "mouse" && (T.current = !1, I()), d == null || d(o);
+              o.pointerType === "mouse" && (T.current = !1, I()), h == null || h(o);
             },
             ...x,
             children: [
-              /* @__PURE__ */ p("div", { className: "relative", children: H }),
+              /* @__PURE__ */ d("div", { className: "relative", children: H }),
               _
             ]
           }
@@ -160,28 +160,29 @@ const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(nul
 );
 le.displayName = "Carousel";
 const ne = r.forwardRef(
-  ({ className: t, overflowVisible: l = !1, ...u }, n) => {
-    const { carouselRef: s, orientation: f } = v(), c = f === "horizontal";
-    return /* @__PURE__ */ p(
+  ({ className: t, overflowVisible: l = !1, viewportClassName: c, ...n }, s) => {
+    const { carouselRef: f, orientation: u } = v(), m = u === "horizontal";
+    return /* @__PURE__ */ d(
       "div",
       {
-        ref: s,
-        className: C(
+        ref: f,
+        className: w(
           // 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]"
+          m ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]",
+          c
         ),
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ d(
           oe,
           {
-            ref: n,
-            direction: c ? "row" : "column",
-            className: C(
-              c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
+            ref: s,
+            direction: m ? "row" : "column",
+            className: w(
+              m ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
               t
             ),
-            ...u
+            ...n
           }
         )
       }
@@ -190,15 +191,15 @@ const ne = r.forwardRef(
 );
 ne.displayName = "CarouselContent";
 const ce = r.forwardRef(
-  ({ className: t, ...l }, u) => {
+  ({ className: t, ...l }, c) => {
     const { orientation: n } = v();
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ d(
       "div",
       {
-        ref: u,
+        ref: c,
         role: "group",
         "aria-roledescription": "slide",
-        className: C(
+        className: w(
           "min-w-0 shrink-0 grow-0 basis-full",
           {
             "pl-comp-carousel-gap": n === "horizontal",
@@ -216,24 +217,24 @@ const ue = r.forwardRef(
   ({
     className: t,
     size: l = "default",
-    ariaLabel: u,
+    ariaLabel: c,
     hideWhenDisabled: n = !1,
     onClick: s,
     ...f
-  }, c) => {
-    const { orientation: w, scrollPrev: b, canScrollPrev: m } = v(), d = U(), x = u ?? d.carousel.previousAriaLabel, a = w === "horizontal", i = l === "sm";
-    return n && !m ? null : /* @__PURE__ */ p(
+  }, u) => {
+    const { orientation: m, scrollPrev: b, canScrollPrev: p } = v(), h = U(), x = c ?? h.carousel.previousAriaLabel, a = m === "horizontal", i = l === "sm";
+    return n && !p ? null : /* @__PURE__ */ d(
       K,
       {
-        ref: c,
+        ref: u,
         direction: "left",
         size: l,
-        disabled: !m,
+        disabled: !p,
         "aria-label": x,
         onClick: (y) => {
           b(), s == null || s(y);
         },
-        className: C(
+        className: w(
           "absolute",
           {
             "top-1/2 -translate-y-1/2": a,
@@ -255,24 +256,24 @@ const ie = r.forwardRef(
   ({
     className: t,
     size: l = "default",
-    ariaLabel: u,
+    ariaLabel: c,
     hideWhenDisabled: n = !1,
     onClick: s,
     ...f
-  }, c) => {
-    const { orientation: w, scrollNext: b, canScrollNext: m } = v(), d = U(), x = u ?? d.carousel.nextAriaLabel, a = w === "horizontal", i = l === "sm";
-    return n && !m ? null : /* @__PURE__ */ p(
+  }, u) => {
+    const { orientation: m, scrollNext: b, canScrollNext: p } = v(), h = U(), x = c ?? h.carousel.nextAriaLabel, a = m === "horizontal", i = l === "sm";
+    return n && !p ? null : /* @__PURE__ */ d(
       K,
       {
-        ref: c,
+        ref: u,
         direction: "right",
         size: l,
-        disabled: !m,
+        disabled: !p,
         "aria-label": x,
         onClick: (y) => {
           b(), s == null || s(y);
         },
-        className: C(
+        className: w(
           "absolute",
           {
             "top-1/2 -translate-y-1/2": a,
@@ -293,19 +294,19 @@ ie.displayName = "CarouselNext";
 const fe = ({
   className: t,
   ariaLabel: l,
-  buttonAriaLabel: u
+  buttonAriaLabel: c
 }) => {
-  const { selectedIndex: n, scrollTo: s, slidesCount: f } = v(), c = U();
-  return f <= 1 ? null : /* @__PURE__ */ p(
+  const { selectedIndex: n, scrollTo: s, slidesCount: f } = v(), u = U();
+  return f <= 1 ? null : /* @__PURE__ */ d(
     re,
     {
       count: f,
       activeIndex: n,
       onDotClick: s,
       interactive: !0,
-      className: C("mt-comp-carousel-dots-gap", t),
-      ariaLabel: l ?? c.carousel.dotsAriaLabel,
-      buttonAriaLabel: u ?? c.carousel.dotAriaLabel
+      className: w("mt-comp-carousel-dots-gap", t),
+      ariaLabel: l ?? u.carousel.dotsAriaLabel,
+      buttonAriaLabel: c ?? u.carousel.dotAriaLabel
     }
   );
 };

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

@@ -17,18 +17,27 @@ export interface CarouselSectionProps {
      * should navigate to.
      */
     ctaHref?: string;
+    /**
+     * Whether the section sits on a tinted brand panel. `true` wraps the content
+     * in the rounded `surface-brand-brand-tertiary` box; `false` drops the panel
+     * so the section runs straight on the page background. Pair it with
+     * untinted cards (`offerItems` vs `untintedOfferItems` below).
+     *
+     * @default true
+     */
+    isTinted?: boolean;
 }
 /**
  * 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;
+export declare const CarouselSection: ({ title, items, ctaLabel, ctaHref, isTinted, }: CarouselSectionProps) => import("react/jsx-runtime").JSX.Element;
+/** Slides for the tinted section — cards filled to read on the purple panel. */
+export declare const offerItems: React.ReactNode[];
 /**
- * Pre-rendered slides using the library `OfferCard` (tinted compact 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.
+ * Slides for the untinted section — transparent cards that keep only their
+ * stroke, so they read on the plain page background.
  */
-export declare const offerItems: React.ReactNode[];
+export declare const untintedOfferItems: React.ReactNode[];
 //# sourceMappingURL=CarouselSection.examples.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"CarouselSection.examples.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselSection/CarouselSection.examples.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+C9B,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;IAChB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,gDAM7B,oBAAoB,4CAiGtB,CAAA;AA+ID,gFAAgF;AAChF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,SAAS,EAA2B,CAAA;AAEnE;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAA4B,CAAA"}

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

@@ -4,5 +4,7 @@ declare const meta: Meta<CarouselSectionProps>;
 export default meta;
 type Story = StoryObj<CarouselSectionProps>;
 export declare const Responsive: Story;
+export declare const Untinted: Story;
+export declare const FitsOnDesktop: Story;
 export declare const WithoutCta: Story;
 //# sourceMappingURL=CarouselSection.stories.d.ts.map

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

@@ -1 +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"}
+{"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,EAG1B,MAAM,4BAA4B,CAAA;AAGnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAqDpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;AAE3C,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryIcon/CategoryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;GAGG;AACH,QAAA,MAAM,oBAAoB;;8EAYzB,CAAA;AAED,4CAA4C;AAC5C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAYD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,2FAuCjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"CategoryIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryIcon/CategoryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;GAGG;AACH,QAAA,MAAM,oBAAoB;;8EAYzB,CAAA;AAED,4CAA4C;AAC5C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAUD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,2FAmCjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAA"}