@vkzstudio/muza-ui 1.5.2 → 1.7.0

package/dist/components/Carousel/Carousel.js

@@ -1,28 +1,55 @@
-import { jsx as m, jsxs as j } from "react/jsx-runtime";
-import * as o from "react";
-import _ from "embla-carousel-react";
-import { useMuzaTranslations as L } from "../../translations/TranslationContext.js";
-import { cn as h } from "../../utils/cn.js";
-import { ButtonArrow as P } from "../ButtonArrow/ButtonArrow.js";
-import { Flex as B } from "../Flex/Flex.js";
-import { SliderIndicators as F } from "../SliderIndicators/SliderIndicators.js";
-const R = o.createContext(null), v = () => {
-  const t = o.useContext(R);
+import { jsx as p, 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 { ButtonArrow as K } from "../ButtonArrow/ButtonArrow.js";
+import { Flex as oe } from "../Flex/Flex.js";
+import { SliderIndicators as re } from "../SliderIndicators/SliderIndicators.js";
+import { useMediaQuery as te } from "../../hooks/use-media-query.js";
+const se = "(prefers-reduced-motion: reduce)", ae = 5e3, F = r.createContext(null), v = () => {
+  const t = r.useContext(F);
   if (!t)
     throw new Error("useCarousel must be used within a <Carousel />");
   return t;
-}, M = o.forwardRef(
+}, le = r.forwardRef(
   ({
     orientation: t = "horizontal",
-    options: s,
-    align: c,
-    setApi: l,
-    plugins: n,
-    className: f,
-    children: i,
-    ...C
-  }, w) => {
-    const [d, e] = _(
+    options: l,
+    align: u,
+    setApi: n,
+    plugins: s,
+    autoplay: f = !1,
+    autoplayDelay: c = ae,
+    className: w,
+    children: b,
+    onPointerEnter: m,
+    onPointerLeave: d,
+    ...x
+  }, a) => {
+    const i = te(se), y = (s ?? []).some(
+      (o) => o.name === "autoplay"
+    ), g = f && !i && !y, Y = r.useMemo(() => g ? [
+      ...s ?? [],
+      $({
+        delay: c,
+        // 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
+        // leaves the plugin's internal "mouse is over" flag stuck and
+        // autoplay dead. `stopOnInteraction: true` keeps the plugin's
+        // pointerDown pause (the same thing we'd do ourselves) while leaving
+        // every resume decision to us, so hover state is always respected.
+        stopOnInteraction: !0,
+        stopOnMouseEnter: !1,
+        // The plugin's focus-in stop is a one-way trip in this configuration
+        // (its matching focusout resume is only registered when
+        // `stopOnInteraction` is false), which would kill autoplay for good
+        // the first time anything inside gets focused.
+        stopOnFocusIn: !1
+      })
+    ] : s, [g, c, 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
@@ -30,71 +57,100 @@ const R = o.createContext(null), v = () => {
         // (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.
-        ...c !== void 0 && { align: c },
-        ...s,
+        ...u !== void 0 && { align: u },
+        ...l,
         axis: t === "horizontal" ? "x" : "y"
       },
-      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(() => {
+      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) => {
+      o && (J(o.selectedScrollSnap()), B(o.canScrollPrev()), q(o.canScrollNext()));
+    }, []), z = r.useCallback((o) => {
+      o && O(o.scrollSnapList().length);
+    }, []), E = r.useCallback(() => {
       e == null || e.scrollPrev();
-    }, [e]), y = o.useCallback(() => {
+    }, [e]), P = r.useCallback(() => {
       e == null || e.scrollNext();
-    }, [e]), A = o.useCallback(
-      (r) => {
-        e == null || e.scrollTo(r);
+    }, [e]), W = r.useCallback(
+      (o) => {
+        e == null || e.scrollTo(o);
       },
       [e]
-    ), K = o.useCallback(
-      (r) => {
-        const T = t === "horizontal" ? "ArrowLeft" : "ArrowUp", H = t === "horizontal" ? "ArrowRight" : "ArrowDown";
-        r.key === T ? (r.preventDefault(), N()) : r.key === H && (r.preventDefault(), y());
+    ), X = r.useCallback(
+      (o) => {
+        const L = t === "horizontal" ? "ArrowLeft" : "ArrowUp", D = t === "horizontal" ? "ArrowRight" : "ArrowDown";
+        o.key === L ? (o.preventDefault(), E()) : o.key === D && (o.preventDefault(), P());
       },
-      [t, N, y]
+      [t, E, P]
     );
-    o.useEffect(() => {
-      !e || !l || l(e);
-    }, [e, l]), o.useEffect(() => {
+    r.useEffect(() => {
+      !e || !n || n(e);
+    }, [e, n]), r.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);
+        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);
         };
-    }, [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(
-      R.Provider,
+    }, [e, h, 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]
+    ), k = r.useCallback(() => {
+      var o;
+      (o = A()) == null || o.stop();
+    }, [A]), I = r.useCallback(() => {
+      var o;
+      T.current || S.current || (o = A()) == null || o.play();
+    }, [A]);
+    r.useEffect(() => {
+      if (!e || !R) return;
+      const o = () => {
+        S.current = !0, N.current = !0, k();
+      }, L = () => {
+        S.current = !1, I();
+      }, D = () => {
+        N.current && (N.current = !1, I());
+      };
+      return e.on("pointerDown", o), e.on("pointerUp", L), e.on("settle", D), () => {
+        e.off("pointerDown", o), e.off("pointerUp", L), e.off("settle", D), S.current = !1, N.current = !1;
+      };
+    }, [e, R, k, I]);
+    const _ = [], H = [];
+    return r.Children.forEach(b, (o) => {
+      r.isValidElement(o) && o.type === fe ? _.push(o) : H.push(o);
+    }), /* @__PURE__ */ p(
+      F.Provider,
       {
         value: {
-          carouselRef: d,
+          carouselRef: j,
           api: e,
-          options: s,
+          options: l,
           orientation: t,
-          plugins: n,
-          scrollPrev: N,
-          scrollNext: y,
-          canScrollPrev: b,
-          canScrollNext: u,
-          selectedIndex: D,
-          scrollTo: A,
-          slidesCount: k
+          plugins: s,
+          scrollPrev: E,
+          scrollNext: P,
+          canScrollPrev: Q,
+          canScrollNext: V,
+          selectedIndex: G,
+          scrollTo: W,
+          slidesCount: M
         },
-        children: /* @__PURE__ */ j(
+        children: /* @__PURE__ */ Z(
           "div",
           {
-            ref: w,
-            onKeyDownCapture: K,
-            className: f,
+            ref: a,
+            onKeyDownCapture: X,
+            className: w,
             role: "region",
             "aria-roledescription": "carousel",
-            ...C,
+            onPointerEnter: (o) => {
+              o.pointerType === "mouse" && (T.current = !0, k()), m == null || m(o);
+            },
+            onPointerLeave: (o) => {
+              o.pointerType === "mouse" && (T.current = !1, I()), d == null || d(o);
+            },
+            ...x,
             children: [
-              /* @__PURE__ */ m("div", { className: "relative", children: I }),
-              g
+              /* @__PURE__ */ p("div", { className: "relative", children: H }),
+              _
             ]
           }
         )
@@ -102,90 +158,90 @@ const R = o.createContext(null), v = () => {
     );
   }
 );
-M.displayName = "Carousel";
-const U = o.forwardRef(
-  ({ className: t, overflowVisible: s = !1, ...c }, l) => {
-    const { carouselRef: n, orientation: f } = v(), i = f === "horizontal";
-    return /* @__PURE__ */ m(
+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(
       "div",
       {
-        ref: n,
-        className: h(
+        ref: s,
+        className: C(
           // touch-action: keeps cross-axis native scroll while same-axis swipes go to Embla
           "select-none",
-          s ? "overflow-visible" : "overflow-hidden",
-          i ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]"
+          l ? "overflow-visible" : "overflow-hidden",
+          c ? "[touch-action:pan-y_pinch-zoom]" : "[touch-action:pan-x_pinch-zoom]"
         ),
-        children: /* @__PURE__ */ m(
-          B,
+        children: /* @__PURE__ */ p(
+          oe,
           {
-            ref: l,
-            direction: i ? "row" : "column",
-            className: h(
-              i ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
+            ref: n,
+            direction: c ? "row" : "column",
+            className: C(
+              c ? "-ml-comp-carousel-gap" : "-mt-comp-carousel-gap",
               t
             ),
-            ...c
+            ...u
           }
         )
       }
     );
   }
 );
-U.displayName = "CarouselContent";
-const V = o.forwardRef(
-  ({ className: t, ...s }, c) => {
-    const { orientation: l } = v();
-    return /* @__PURE__ */ m(
+ne.displayName = "CarouselContent";
+const ce = r.forwardRef(
+  ({ className: t, ...l }, u) => {
+    const { orientation: n } = v();
+    return /* @__PURE__ */ p(
       "div",
       {
-        ref: c,
+        ref: u,
         role: "group",
         "aria-roledescription": "slide",
-        className: h(
+        className: C(
           "min-w-0 shrink-0 grow-0 basis-full",
           {
-            "pl-comp-carousel-gap": l === "horizontal",
-            "pt-comp-carousel-gap": l !== "horizontal"
+            "pl-comp-carousel-gap": n === "horizontal",
+            "pt-comp-carousel-gap": n !== "horizontal"
           },
           t
         ),
-        ...s
+        ...l
       }
     );
   }
 );
-V.displayName = "CarouselItem";
-const q = o.forwardRef(
+ce.displayName = "CarouselItem";
+const ue = r.forwardRef(
   ({
     className: t,
-    size: s = "default",
-    ariaLabel: c,
-    hideWhenDisabled: l = !1,
-    onClick: n,
+    size: l = "default",
+    ariaLabel: u,
+    hideWhenDisabled: n = !1,
+    onClick: s,
     ...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,
+  }, 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(
+      K,
       {
-        ref: i,
+        ref: c,
         direction: "left",
-        size: s,
-        disabled: !d,
-        "aria-label": b,
-        onClick: (x) => {
-          w(), n == null || n(x);
+        size: l,
+        disabled: !m,
+        "aria-label": x,
+        onClick: (y) => {
+          b(), s == null || s(y);
         },
-        className: h(
+        className: C(
           "absolute",
           {
             "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
+            "-left-comp-carousel-arrow-offset-sm": a && i,
+            "-left-comp-carousel-arrow-offset": a && !i,
+            "-top-comp-carousel-arrow-offset-v-sm": !a && i,
+            "-top-comp-carousel-arrow-offset-v": !a && !i
           },
           t
         ),
@@ -194,37 +250,37 @@ const q = o.forwardRef(
     );
   }
 );
-q.displayName = "CarouselPrevious";
-const G = o.forwardRef(
+ue.displayName = "CarouselPrevious";
+const ie = r.forwardRef(
   ({
     className: t,
-    size: s = "default",
-    ariaLabel: c,
-    hideWhenDisabled: l = !1,
-    onClick: n,
+    size: l = "default",
+    ariaLabel: u,
+    hideWhenDisabled: n = !1,
+    onClick: s,
     ...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,
+  }, 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(
+      K,
       {
-        ref: i,
+        ref: c,
         direction: "right",
-        size: s,
-        disabled: !d,
-        "aria-label": b,
-        onClick: (x) => {
-          w(), n == null || n(x);
+        size: l,
+        disabled: !m,
+        "aria-label": x,
+        onClick: (y) => {
+          b(), s == null || s(y);
         },
-        className: h(
+        className: C(
           "absolute",
           {
             "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
+            "-right-comp-carousel-arrow-offset-sm": a && i,
+            "-right-comp-carousel-arrow-offset": a && !i,
+            "-bottom-comp-carousel-arrow-offset-v-sm": !a && i,
+            "-bottom-comp-carousel-arrow-offset-v": !a && !i
           },
           t
         ),
@@ -233,31 +289,32 @@ const G = o.forwardRef(
     );
   }
 );
-G.displayName = "CarouselNext";
-const J = ({
+ie.displayName = "CarouselNext";
+const fe = ({
   className: t,
-  ariaLabel: s,
-  buttonAriaLabel: c
+  ariaLabel: l,
+  buttonAriaLabel: u
 }) => {
-  const { selectedIndex: l, scrollTo: n, slidesCount: f } = v(), i = L();
-  return f <= 1 ? null : /* @__PURE__ */ m(
-    F,
+  const { selectedIndex: n, scrollTo: s, slidesCount: f } = v(), c = U();
+  return f <= 1 ? null : /* @__PURE__ */ p(
+    re,
     {
       count: f,
-      activeIndex: l,
-      onDotClick: n,
+      activeIndex: n,
+      onDotClick: s,
       interactive: !0,
-      className: h("mt-comp-carousel-dots-gap", t),
-      ariaLabel: s ?? i.carousel.dotsAriaLabel,
-      buttonAriaLabel: c ?? i.carousel.dotAriaLabel
+      className: C("mt-comp-carousel-dots-gap", t),
+      ariaLabel: l ?? c.carousel.dotsAriaLabel,
+      buttonAriaLabel: u ?? c.carousel.dotAriaLabel
     }
   );
 };
 export {
-  M as Carousel,
-  U as CarouselContent,
-  J as CarouselDots,
-  V as CarouselItem,
-  G as CarouselNext,
-  q as CarouselPrevious
+  le as Carousel,
+  ne as CarouselContent,
+  fe as CarouselDots,
+  ce as CarouselItem,
+  ie as CarouselNext,
+  ue as CarouselPrevious,
+  v as useCarousel
 };

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

@@ -8,6 +8,8 @@ export declare const Vertical: Story;
 export declare const MultipleVisible: Story;
 export declare const WithLinks: Story;
 export declare const Looping: Story;
+export declare const Autoplay: Story;
+export declare const CustomControls: Story;
 export declare const SmallArrows: Story;
 export declare const NoDots: Story;
 //# sourceMappingURL=Carousel.stories.d.ts.map

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,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"}
+{"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;AAI3D,OAAO,EACL,QAAQ,EAOT,MAAM,YAAY,CAAA;AAEnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgD/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,QAAQ,EAAE,KAqCtB,CAAA;AA2BD,eAAO,MAAM,cAAc,EAAE,KAoD5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA"}

package/dist/components/Carousel/index.js

@@ -1,9 +1,10 @@
-import { Carousel as r, CarouselContent as s, CarouselDots as u, CarouselItem as C, CarouselNext as a, CarouselPrevious as l } from "./Carousel.js";
+import { Carousel as r, CarouselContent as s, CarouselDots as u, CarouselItem as C, CarouselNext as a, CarouselPrevious as l, useCarousel as t } from "./Carousel.js";
 export {
   r as Carousel,
   s as CarouselContent,
   u as CarouselDots,
   C as CarouselItem,
   a as CarouselNext,
-  l as CarouselPrevious
+  l as CarouselPrevious,
+  t as useCarousel
 };

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

@@ -25,7 +25,7 @@ export interface CarouselSectionProps {
  */
 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).
+ * 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.

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

@@ -92,7 +92,26 @@ export interface IDropdownItem {
     description?: React.ReactNode;
 }
 /** Props for DropdownMenuItem. Standard clickable item with optional icon. Extends Radix Item with IDropdownItem. */
-export type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & IDropdownItem;
+export interface DropdownMenuItemProps extends React.ComponentProps<typeof DropdownMenuPrimitive.Item>, IDropdownItem {
+    /**
+     * Renders the single child as the menu item's root element, merging the item's
+     * props, styling, ref and event handlers onto it. Use it for navigation
+     * entries so they become real links — preserving middle-click, Ctrl+click,
+     * "open in new tab", "copy link address", link semantics for screen readers
+     * and framework prefetching, none of which an `onSelect` handler can offer.
+     *
+     * `icon` and `description` still render: the icon is injected as a sibling
+     * inside the child, and the child's own content is wrapped in the standard
+     * label. Keyboard navigation, typeahead and `onSelect` are unchanged.
+     *
+     * @default false
+     * @example
+     * <DropdownMenuItem asChild icon={<HeartBold />}>
+     *   <Link href="/profile/favorite">Favorites</Link>
+     * </DropdownMenuItem>
+     */
+    asChild?: boolean;
+}
 /**
  * Props for DropdownMenuButtonItem. Menu item rendered as a Button for more prominent actions
  * such as upgrade or sign-up calls-to-action inside the menu. Pass `buttonProps` to configure the inner Button.
@@ -110,9 +129,9 @@ export type DropdownMenuButtonItemProps = React.ComponentProps<typeof DropdownMe
     buttonProps: ButtonProps;
 };
 /** Standard clickable menu item with optional icon and variant styling. */
-declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, asChild, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
-declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, asChild, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: ({ className, ...props }: DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;

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

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