@szum-tech/design-system 3.11.1 → 3.12.1

package/dist/components/carousel/index.cjs

@@ -0,0 +1,261 @@
+'use strict';
+
+var chunkCP43WJCN_cjs = require('../../chunk-CP43WJCN.cjs');
+require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-GYXQUTWZ.cjs');
+require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-NU5UQPBX.cjs');
+require('../../chunk-KQ6QE7BT.cjs');
+require('../../chunk-EUH466AL.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-S2BCU6WG.cjs');
+require('../../chunk-TH44JYXB.cjs');
+require('../../chunk-XENOUBSI.cjs');
+require('../../chunk-UJX74PFK.cjs');
+require('../../chunk-XJZOANXX.cjs');
+require('../../chunk-3WSQRFUY.cjs');
+require('../../chunk-GHV2TURY.cjs');
+require('../../chunk-VK5EX3OG.cjs');
+require('../../chunk-CXHDWIGF.cjs');
+require('../../chunk-DTYX7CYN.cjs');
+require('../../chunk-6X26XC6P.cjs');
+require('../../chunk-5AA4IE2T.cjs');
+require('../../chunk-CFJ44JVK.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-2WQJ36RD.cjs');
+require('../../chunk-ZVF7J4EI.cjs');
+require('../../chunk-2Y2ZCPNV.cjs');
+require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-ULEEQ723.cjs');
+require('../../chunk-USIW3VT5.cjs');
+require('../../chunk-XIQUR62A.cjs');
+require('../../chunk-X3ZT3KGX.cjs');
+require('../../chunk-3GNVQFCK.cjs');
+require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
+var React2 = require('react');
+var useEmblaCarousel = require('embla-carousel-react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
+
+var CarouselContext = React2__namespace.createContext(null);
+function useCarousel() {
+  const context = React2__namespace.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+var carouselVariants = classVarianceAuthority.cva("relative", {
+  variants: {
+    orientation: {
+      horizontal: "",
+      vertical: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var carouselContentVariants = classVarianceAuthority.cva("flex", {
+  variants: {
+    orientation: {
+      horizontal: "-ml-4",
+      vertical: "-mt-4 flex-col"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var carouselItemVariants = classVarianceAuthority.cva("min-w-0 shrink-0 grow-0 basis-full", {
+  variants: {
+    orientation: {
+      horizontal: "pl-4",
+      vertical: "pt-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel__default.default(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React2__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React2__namespace.useState(false);
+  const onSelect = React2__namespace.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React2__namespace.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React2__namespace.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React2__namespace.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React2__namespace.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React2__namespace.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("reInit", onSelect);
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: carouselVariants({ orientation, className }),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: carouselContentVariants({ orientation, className }), ...props }) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: carouselItemVariants({ orientation, className }),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkCP43WJCN_cjs.Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: chunkH2BWO3SI_cjs.cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkCP43WJCN_cjs.Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: chunkH2BWO3SI_cjs.cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, {}),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+exports.Carousel = Carousel;
+exports.CarouselContent = CarouselContent;
+exports.CarouselContext = CarouselContext;
+exports.CarouselItem = CarouselItem;
+exports.CarouselNext = CarouselNext;
+exports.CarouselPrevious = CarouselPrevious;
+exports.useCarousel = useCarousel;

package/dist/components/carousel/index.d.cts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from '../button/index.cjs';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const CarouselContext: React.Context<CarouselContextProps>;
+declare function useCarousel(): CarouselContextProps;
+
+type CarouselProps = React.ComponentProps<"div"> & {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
+
+type CarouselContentProps = React.ComponentProps<"div">;
+declare function CarouselContent({ className, ...props }: CarouselContentProps): react_jsx_runtime.JSX.Element;
+
+type CarouselItemProps = React.ComponentProps<"div">;
+declare function CarouselItem({ className, ...props }: CarouselItemProps): react_jsx_runtime.JSX.Element;
+
+type CarouselPreviousProps = React.ComponentProps<typeof Button>;
+declare function CarouselPrevious({ className, variant, size, ...props }: CarouselPreviousProps): react_jsx_runtime.JSX.Element;
+
+type CarouselNextProps = React.ComponentProps<typeof Button>;
+declare function CarouselNext({ className, variant, size, ...props }: CarouselNextProps): react_jsx_runtime.JSX.Element;
+
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselContext, type CarouselContextProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type UseCarouselParameters, useCarousel };

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

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from '../button/index.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const CarouselContext: React.Context<CarouselContextProps>;
+declare function useCarousel(): CarouselContextProps;
+
+type CarouselProps = React.ComponentProps<"div"> & {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
+
+type CarouselContentProps = React.ComponentProps<"div">;
+declare function CarouselContent({ className, ...props }: CarouselContentProps): react_jsx_runtime.JSX.Element;
+
+type CarouselItemProps = React.ComponentProps<"div">;
+declare function CarouselItem({ className, ...props }: CarouselItemProps): react_jsx_runtime.JSX.Element;
+
+type CarouselPreviousProps = React.ComponentProps<typeof Button>;
+declare function CarouselPrevious({ className, variant, size, ...props }: CarouselPreviousProps): react_jsx_runtime.JSX.Element;
+
+type CarouselNextProps = React.ComponentProps<typeof Button>;
+declare function CarouselNext({ className, variant, size, ...props }: CarouselNextProps): react_jsx_runtime.JSX.Element;
+
+export { Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselContext, type CarouselContextProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, type UseCarouselParameters, useCarousel };

package/dist/components/carousel/index.js

@@ -0,0 +1,230 @@
+import { Button } from '../../chunk-QTYNFISP.js';
+import '../../chunk-K5AURCK5.js';
+import '../../chunk-IWF52DDE.js';
+import '../../chunk-OCOCENE6.js';
+import '../../chunk-OQCNPNPS.js';
+import '../../chunk-WXZE35FK.js';
+import '../../chunk-WMGJCB7O.js';
+import '../../chunk-U7XZJQ4O.js';
+import '../../chunk-DL54DIMD.js';
+import '../../chunk-PBEZZMAB.js';
+import '../../chunk-4TRADSTP.js';
+import '../../chunk-M7NIRB3U.js';
+import '../../chunk-E5TYGWGE.js';
+import '../../chunk-P5IUC7HJ.js';
+import '../../chunk-DTSFPOLX.js';
+import '../../chunk-BTSHACKG.js';
+import '../../chunk-HNRVLRMN.js';
+import '../../chunk-3MH6P44N.js';
+import '../../chunk-VT5GDGZJ.js';
+import '../../chunk-UGSNASZM.js';
+import '../../chunk-KGGCA634.js';
+import '../../chunk-XJIUGEPN.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-YUMKV5TH.js';
+import '../../chunk-U3QKV7I4.js';
+import '../../chunk-6BSR3O2J.js';
+import '../../chunk-5F2Y65JH.js';
+import '../../chunk-3RK5PCIC.js';
+import '../../chunk-P4JIMFSL.js';
+import '../../chunk-SB5UG7OC.js';
+import '../../chunk-B7RHEMZH.js';
+import '../../chunk-5MV54MWS.js';
+import '../../chunk-5MJPZUTO.js';
+import '../../chunk-NGVFYKAT.js';
+import { cn } from '../../chunk-ZD2QRAOX.js';
+import * as React2 from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+
+var CarouselContext = React2.createContext(null);
+function useCarousel() {
+  const context = React2.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+var carouselVariants = cva("relative", {
+  variants: {
+    orientation: {
+      horizontal: "",
+      vertical: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var carouselContentVariants = cva("flex", {
+  variants: {
+    orientation: {
+      horizontal: "-ml-4",
+      vertical: "-mt-4 flex-col"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var carouselItemVariants = cva("min-w-0 shrink-0 grow-0 basis-full", {
+  variants: {
+    orientation: {
+      horizontal: "pl-4",
+      vertical: "pt-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
+  const [canScrollNext, setCanScrollNext] = React2.useState(false);
+  const onSelect = React2.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React2.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React2.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React2.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React2.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React2.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("reInit", onSelect);
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: carouselVariants({ orientation, className }),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx("div", { className: carouselContentVariants({ orientation, className }), ...props }) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: carouselItemVariants({ orientation, className }),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ArrowRight, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+export { Carousel, CarouselContent, CarouselContext, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };

package/dist/components/color-swatch/index.d.cts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-declare const colorSwatchVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const colorSwatchVariants: (props?: {
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_types.ClassProp) => string;
 
 type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
 type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;

package/dist/components/color-swatch/index.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-declare const colorSwatchVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const colorSwatchVariants: (props?: {
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_types.ClassProp) => string;
 
 type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
 type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;

package/dist/components/dialog/index.d.cts

@@ -16,9 +16,9 @@ type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
 };
 declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
-declare const dialogContentVariants: (props?: ({
-    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dialogContentVariants: (props?: {
+    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full";
+} & class_variance_authority_types.ClassProp) => string;
 
 type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
 type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;

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

@@ -16,9 +16,9 @@ type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
 };
 declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
-declare const dialogContentVariants: (props?: ({
-    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dialogContentVariants: (props?: {
+    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full";
+} & class_variance_authority_types.ClassProp) => string;
 
 type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
 type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;

package/dist/components/empty/index.d.cts

@@ -21,9 +21,9 @@ type EmptyContentProps = React.ComponentProps<"div">;
 declare function EmptyContent({ className, ...props }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 
 type EmptyMediaProps = React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
-declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyMediaVariants: (props?: {
+    variant?: "default" | "icon";
+} & class_variance_authority_types.ClassProp) => string;
 declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): react_jsx_runtime.JSX.Element;
 
 export { Empty, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyHeader, type EmptyHeaderProps, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, type EmptyTitleProps };

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

@@ -21,9 +21,9 @@ type EmptyContentProps = React.ComponentProps<"div">;
 declare function EmptyContent({ className, ...props }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 
 type EmptyMediaProps = React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
-declare const emptyMediaVariants: (props?: ({
-    variant?: "default" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyMediaVariants: (props?: {
+    variant?: "default" | "icon";
+} & class_variance_authority_types.ClassProp) => string;
 declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): react_jsx_runtime.JSX.Element;
 
 export { Empty, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyHeader, type EmptyHeaderProps, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, type EmptyTitleProps };