@vkzstudio/muza-ui 1.0.48 → 1.2.0

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

@@ -40,12 +40,28 @@ export interface CarouselProps {
      * Embla configuration forwarded as the first argument to `useEmblaCarousel`.
      * Controls behaviour like looping, alignment, or drag thresholds.
      *
+     * Defaults to `{ skipSnaps: true }` so a longer drag can cross several
+     * slides before snapping; anything you pass here is merged over that and
+     * wins (e.g. `options={{ skipSnaps: false }}` to clamp drags to one slide).
+     *
      * @example
-     * <Carousel opts={{ loop: true, align: 'start' }}>...</Carousel>
+     * <Carousel options={{ loop: true }}>...</Carousel>
      *
      * @see CarouselOptions
      */
-    opts?: CarouselOptions;
+    options?: CarouselOptions;
+    /**
+     * Slide alignment within the viewport — a shorthand for Embla's `align`
+     * option so it can be set without an `options` object. An `align` set in
+     * `options` takes precedence over this prop. When neither is set, Embla's
+     * default (`'center'`) applies.
+     *
+     * @example
+     * <Carousel align="start">...</Carousel>
+     *
+     * @see CarouselOptions
+     */
+    align?: NonNullable<CarouselOptions>['align'];
     /**
      * Embla plugins forwarded as the second argument to `useEmblaCarousel`
      * (autoplay, classnames, fade, etc.).
@@ -83,7 +99,18 @@ declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
  *
  * Accepts all standard `<div>` attributes.
  */
-export type CarouselContentProps = React.HTMLAttributes<HTMLDivElement>;
+export interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Lets slides spill past the viewport edges instead of being clipped. By
+     * default the viewport uses `overflow: hidden`, so off-screen slides are
+     * hidden. Set to `true` when neighbouring slides should remain visible
+     * beyond the container (e.g. a peeking "bleed" layout, or to avoid clipping
+     * slide shadows). Dragging/snapping still works either way.
+     *
+     * @default false
+     */
+    overflowVisible?: boolean;
+}
 declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Props for the CarouselItem component. Renders a single slide that occupies

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;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB;;;;;;;;;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,6HAmIb,CAAA;AAGD;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEvE,QAAA,MAAM,eAAe,6FAkBpB,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;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"}

package/dist/components/Carousel/Carousel.js

@@ -1,92 +1,100 @@
-import { jsx as m, jsxs as H } from "react/jsx-runtime";
-import * as o from "react";
-import j from "embla-carousel-react";
+import { jsx as m, jsxs as j } from "react/jsx-runtime";
+import * as e 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 z } from "../ButtonArrow/ButtonArrow.js";
+import { ButtonArrow as I } from "../ButtonArrow/ButtonArrow.js";
 import { SliderIndicators as F } from "../SliderIndicators/SliderIndicators.js";
-import { cn as b } from "../../utils/cn.js";
-const P = o.createContext(null), x = () => {
-  const t = o.useContext(P);
+import { cn as p } from "../../utils/cn.js";
+const P = e.createContext(null), x = () => {
+  const t = e.useContext(P);
   if (!t)
     throw new Error("useCarousel must be used within a <Carousel />");
   return t;
-}, M = o.forwardRef(
+}, M = e.forwardRef(
   ({
     orientation: t = "horizontal",
-    opts: l,
-    setApi: n,
-    plugins: a,
-    className: u,
+    options: l,
+    align: n,
+    setApi: a,
+    plugins: u,
+    className: f,
     children: c,
-    ...f
-  }, p) => {
-    const [C, e] = j(
+    ...h
+  }, C) => {
+    const [w, o] = _(
       {
+        // `skipSnaps: true` lets a longer drag/flick cross several slides
+        // before snapping, instead of Embla's default of clamping every drag
+        // to the adjacent slide. Override with `options={{ skipSnaps: false }}`
+        // (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,
         axis: t === "horizontal" ? "x" : "y"
       },
-      a
-    ), [h, s] = o.useState(!1), [i, w] = o.useState(!1), [R, D] = o.useState(0), [E, L] = o.useState(0), d = o.useCallback((r) => {
-      r && (D(r.selectedScrollSnap()), s(r.canScrollPrev()), w(r.canScrollNext()));
-    }, []), v = o.useCallback((r) => {
+      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 = o.useCallback(() => {
-      e == null || e.scrollPrev();
-    }, [e]), N = o.useCallback(() => {
-      e == null || e.scrollNext();
-    }, [e]), A = o.useCallback(
+    }, []), S = e.useCallback(() => {
+      o == null || o.scrollPrev();
+    }, [o]), N = e.useCallback(() => {
+      o == null || o.scrollNext();
+    }, [o]), A = e.useCallback(
       (r) => {
-        e == null || e.scrollTo(r);
+        o == null || o.scrollTo(r);
       },
-      [e]
-    ), k = o.useCallback(
+      [o]
+    ), K = e.useCallback(
       (r) => {
-        const K = t === "horizontal" ? "ArrowLeft" : "ArrowUp", T = t === "horizontal" ? "ArrowRight" : "ArrowDown";
-        r.key === K ? (r.preventDefault(), S()) : r.key === T && (r.preventDefault(), N());
+        const T = t === "horizontal" ? "ArrowLeft" : "ArrowUp", H = t === "horizontal" ? "ArrowRight" : "ArrowDown";
+        r.key === T ? (r.preventDefault(), S()) : r.key === H && (r.preventDefault(), N());
       },
       [t, S, N]
     );
-    o.useEffect(() => {
-      !e || !n || n(e);
-    }, [e, n]), o.useEffect(() => {
-      if (e)
-        return L(e.scrollSnapList().length), d(e), e.on("select", d), e.on("reInit", d), e.on("reInit", v), () => {
-          e.off("select", d), e.off("reInit", d), e.off("reInit", v);
+    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);
         };
-    }, [e, d, v]);
-    const g = [], I = [];
-    return o.Children.forEach(c, (r) => {
-      o.isValidElement(r) && r.type === J ? g.push(r) : I.push(r);
+    }, [o, d, v]);
+    const z = [], g = [];
+    return e.Children.forEach(c, (r) => {
+      e.isValidElement(r) && r.type === J ? z.push(r) : g.push(r);
     }), /* @__PURE__ */ m(
       P.Provider,
       {
         value: {
-          carouselRef: C,
-          api: e,
-          opts: l,
+          carouselRef: w,
+          api: o,
+          options: l,
           orientation: t,
-          plugins: a,
+          plugins: u,
           scrollPrev: S,
           scrollNext: N,
-          canScrollPrev: h,
-          canScrollNext: i,
-          selectedIndex: R,
+          canScrollPrev: s,
+          canScrollNext: b,
+          selectedIndex: D,
           scrollTo: A,
-          slidesCount: E
+          slidesCount: k
         },
-        children: /* @__PURE__ */ H(
+        children: /* @__PURE__ */ j(
           "div",
           {
-            ref: p,
-            onKeyDownCapture: k,
-            className: u,
+            ref: C,
+            onKeyDownCapture: K,
+            className: f,
             role: "region",
             "aria-roledescription": "carousel",
-            ...f,
+            ...h,
             children: [
-              /* @__PURE__ */ m("div", { className: "relative", children: I }),
-              g
+              /* @__PURE__ */ m("div", { className: "relative", children: g }),
+              z
             ]
           }
         )
@@ -95,25 +103,37 @@ const P = o.createContext(null), x = () => {
   }
 );
 M.displayName = "Carousel";
-const U = o.forwardRef(
-  ({ className: t, ...l }, n) => {
-    const { carouselRef: a, orientation: u } = x(), c = u === "horizontal";
-    return /* @__PURE__ */ m("div", { ref: a, className: "overflow-hidden", children: /* @__PURE__ */ m(
-      B,
+const U = e.forwardRef(
+  ({ className: t, overflowVisible: l = !1, ...n }, a) => {
+    const { carouselRef: u, orientation: f } = x(), c = f === "horizontal";
+    return /* @__PURE__ */ m(
+      "div",
       {
-        ref: n,
-        direction: c ? "row" : "column",
-        className: b(
-          c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
-          t
+        ref: u,
+        className: p(
+          // 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]"
         ),
-        ...l
+        children: /* @__PURE__ */ m(
+          B,
+          {
+            ref: a,
+            direction: c ? "row" : "column",
+            className: p(
+              c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
+              t
+            ),
+            ...n
+          }
+        )
       }
-    ) });
+    );
   }
 );
 U.displayName = "CarouselContent";
-const V = o.forwardRef(
+const V = e.forwardRef(
   ({ className: t, ...l }, n) => {
     const { orientation: a } = x();
     return /* @__PURE__ */ m(
@@ -122,7 +142,7 @@ const V = o.forwardRef(
         ref: n,
         role: "group",
         "aria-roledescription": "slide",
-        className: b(
+        className: p(
           "min-w-0 shrink-0 grow-0 basis-full",
           {
             "pl-comp-carousel-gap": a === "horizontal",
@@ -136,27 +156,27 @@ const V = o.forwardRef(
   }
 );
 V.displayName = "CarouselItem";
-const q = o.forwardRef(
+const q = e.forwardRef(
   ({
     className: t,
     size: l = "default",
     ariaLabel: n,
     onClick: a,
     ...u
-  }, c) => {
-    const { orientation: f, scrollPrev: p, canScrollPrev: C } = x(), e = y(), h = n ?? e.carousel.previousAriaLabel, s = f === "horizontal", i = l === "sm";
+  }, 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(
-      z,
+      I,
       {
-        ref: c,
+        ref: f,
         direction: "left",
         size: l,
         disabled: !C,
-        "aria-label": h,
-        onClick: (w) => {
-          p(), a == null || a(w);
+        "aria-label": o,
+        onClick: (b) => {
+          h(), a == null || a(b);
         },
-        className: b(
+        className: p(
           "absolute",
           {
             "top-1/2 -translate-y-1/2": s,
@@ -174,27 +194,27 @@ const q = o.forwardRef(
   }
 );
 q.displayName = "CarouselPrevious";
-const G = o.forwardRef(
+const G = e.forwardRef(
   ({
     className: t,
     size: l = "default",
     ariaLabel: n,
     onClick: a,
     ...u
-  }, c) => {
-    const { orientation: f, scrollNext: p, canScrollNext: C } = x(), e = y(), h = n ?? e.carousel.nextAriaLabel, s = f === "horizontal", i = l === "sm";
+  }, 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(
-      z,
+      I,
       {
-        ref: c,
+        ref: f,
         direction: "right",
         size: l,
         disabled: !C,
-        "aria-label": h,
-        onClick: (w) => {
-          p(), a == null || a(w);
+        "aria-label": o,
+        onClick: (b) => {
+          h(), a == null || a(b);
         },
-        className: b(
+        className: p(
           "absolute",
           {
             "top-1/2 -translate-y-1/2": s,
@@ -217,17 +237,17 @@ const J = ({
   ariaLabel: l,
   buttonAriaLabel: n
 }) => {
-  const { selectedIndex: a, scrollTo: u, slidesCount: c } = x(), f = y();
-  return c <= 1 ? null : /* @__PURE__ */ m(
+  const { selectedIndex: a, scrollTo: u, slidesCount: f } = x(), c = y();
+  return f <= 1 ? null : /* @__PURE__ */ m(
     F,
     {
-      count: c,
+      count: f,
       activeIndex: a,
       onDotClick: u,
       interactive: !0,
-      className: b("mt-comp-carousel-dots-gap", t),
-      ariaLabel: l ?? f.carousel.dotsAriaLabel,
-      buttonAriaLabel: n ?? f.carousel.dotAriaLabel
+      className: p("mt-comp-carousel-dots-gap", t),
+      ariaLabel: l ?? c.carousel.dotsAriaLabel,
+      buttonAriaLabel: n ?? c.carousel.dotAriaLabel
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,QAAQ,EAMT,MAAM,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiCtC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA"}
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EACL,QAAQ,EAMT,MAAM,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA2C/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAiCtC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAyCvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA+FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAUD,eAAO,MAAM,kBAAkB,EAAE,KAwIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAwJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA+FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAUD,eAAO,MAAM,kBAAkB,EAAE,KA8IhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAwJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}

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

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof DatePicker>;
 export declare const DatePickerDefault: Story;
 export declare const DatePickerSingle: Story;
+export declare const OpenState: Story;
 export declare const DatePickerWithDefaultValue: Story;
 export declare const CustomFormatter: Story;
 export declare const Disabled: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KAkDnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KAkDnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePickerButton/DatePickerButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgDvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAenB,CAAA;AA4BD,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAkED,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAA;AA6BD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}
+{"version":3,"file":"DatePickerButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePickerButton/DatePickerButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAgDvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAenB,CAAA;AA4BD,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAkED,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmCxB,CAAA"}

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

@@ -10,6 +10,7 @@ type PlaygroundProps = {
     closeAriaLabel?: string;
 };
 export declare const Small: Story;
+export declare const OpenState: Story;
 export declare const Medium: Story;
 export declare const Large: Story;
 export declare const OverflowContent: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA"}
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EACL,MAAM,EAOP,MAAM,UAAU,CAAA;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAoDnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiK5C,CAAA"}

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

@@ -48,6 +48,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const OpenState: Story;
 export declare const WithIcons: Story;
 export declare const WithSeparator: Story;
 export declare const WithDisabledItem: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AA4B3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KA+EhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA2D9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA"}
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AA4B3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA8BvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KA+EhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA2D9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA"}

package/dist/components/Icons/CustomBadges.d.ts

@@ -11,4 +11,9 @@ export declare const GooglePlayBadge: React.ForwardRefExoticComponent<Omit<Badge
  * @component
  */
 export declare const AppStoreBadge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+/**
+ * Huawei AppGallery download badge.
+ * @component
+ */
+export declare const HuaweiBadge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=CustomBadges.d.ts.map

package/dist/components/Icons/CustomBadges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomBadges.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/CustomBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe,+FAiG3B,CAAA;AAGD;;;GAGG;AACH,eAAO,MAAM,aAAa,+FAqHzB,CAAA"}
+{"version":3,"file":"CustomBadges.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/CustomBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe,+FAiG3B,CAAA;AAGD;;;GAGG;AACH,eAAO,MAAM,aAAa,+FAqHzB,CAAA;AAGD;;;GAGG;AACH,eAAO,MAAM,WAAW,+FA4HvB,CAAA"}