@szum-tech/design-system 3.17.0 → 3.18.1

package/dist/chunk-EUH466AL.cjs

@@ -1,179 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var React = require('react');
-var react = require('motion/react');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var cursorVariants = {
-  blinking: {
-    opacity: [0, 0, 1, 1],
-    transition: {
-      duration: 1,
-      repeat: Infinity,
-      repeatDelay: 0,
-      ease: "linear",
-      times: [0, 0.5, 0.5, 1]
-    }
-  }
-};
-var animationVariants = {
-  fadeIn: {
-    hidden: { opacity: 0, y: 10 },
-    show: { opacity: 1, y: 0 },
-    exit: { opacity: 0 }
-  },
-  blurIn: {
-    hidden: { opacity: 0, filter: "blur(4px)" },
-    show: { opacity: 1, filter: "blur(0px)" },
-    exit: { opacity: 0, filter: "blur(4px)" }
-  },
-  blurInUp: {
-    hidden: { opacity: 0, y: 20, filter: "blur(4px)" },
-    show: { opacity: 1, y: 0, filter: "blur(0px)" },
-    exit: { opacity: 0, y: -20, filter: "blur(4px)" }
-  },
-  blurInDown: {
-    hidden: { opacity: 0, y: -20, filter: "blur(4px)" },
-    show: { opacity: 1, y: 0, filter: "blur(0px)" },
-    exit: { opacity: 0, y: 20, filter: "blur(4px)" }
-  },
-  slideUp: {
-    hidden: { opacity: 0, y: 20 },
-    show: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: -20 }
-  },
-  slideDown: {
-    hidden: { opacity: 0, y: -20 },
-    show: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: 20 }
-  },
-  slideLeft: {
-    hidden: { opacity: 0, x: 20 },
-    show: { opacity: 1, x: 0 },
-    exit: { opacity: 0, x: -20 }
-  },
-  slideRight: {
-    hidden: { opacity: 0, x: -20 },
-    show: { opacity: 1, x: 0 },
-    exit: { opacity: 0, x: 20 }
-  },
-  scaleUp: {
-    hidden: { opacity: 0, scale: 0.8 },
-    show: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 1.2 }
-  },
-  scaleDown: {
-    hidden: { opacity: 0, scale: 1.2 },
-    show: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.8 }
-  }
-};
-function TypingText({
-  text,
-  texts,
-  speed = 100,
-  delay = 0,
-  showCursor = true,
-  cursorClassName = "",
-  cursor = "|",
-  loop = false,
-  pauseDuration = 2e3,
-  className,
-  onComplete,
-  startOnView = true,
-  once = false,
-  animation = "fadeIn",
-  inViewMargin,
-  ...props
-}) {
-  const ref = React__namespace.useRef(null);
-  const isInView = react.useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React__namespace.useState(false);
-  const [displayText, setDisplayText] = React__namespace.useState("");
-  const [currentIndex, setCurrentIndex] = React__namespace.useState(0);
-  const [isTyping, setIsTyping] = React__namespace.useState(false);
-  const [currentTextIndex, setCurrentTextIndex] = React__namespace.useState(0);
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  const textArray = texts && texts.length > 0 ? texts : [text];
-  const currentText = textArray[currentTextIndex] ?? "";
-  React__namespace.useEffect(() => {
-    if (!shouldStart) return;
-    const timeout = setTimeout(() => {
-      setIsTyping(true);
-      setHasAnimated(true);
-    }, delay);
-    return () => clearTimeout(timeout);
-  }, [delay, shouldStart]);
-  React__namespace.useEffect(() => {
-    if (!isTyping) return;
-    if (currentIndex < currentText.length) {
-      const timeout = setTimeout(() => {
-        setDisplayText(currentText.slice(0, currentIndex + 1));
-        setCurrentIndex(currentIndex + 1);
-      }, speed);
-      return () => clearTimeout(timeout);
-    } else {
-      onComplete?.();
-      if (loop && texts && texts.length > 1) {
-        const timeout = setTimeout(() => {
-          setDisplayText("");
-          setCurrentIndex(0);
-          setCurrentTextIndex((prev) => (prev + 1) % texts.length);
-        }, pauseDuration);
-        return () => clearTimeout(timeout);
-      }
-    }
-  }, [currentIndex, currentText, isTyping, speed, loop, texts, pauseDuration, onComplete]);
-  const selectedVariants = animationVariants[animation];
-  const MotionComponent = react.motion.span;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MotionComponent,
-    {
-      ref,
-      variants: selectedVariants,
-      initial: "hidden",
-      whileInView: startOnView ? "show" : void 0,
-      animate: startOnView ? void 0 : "show",
-      exit: "exit",
-      className: chunkH2BWO3SI_cjs.cn("whitespace-pre-wrap", className),
-      viewport: { once },
-      "data-slot": "typing-text",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center" }, children: [
-        displayText,
-        showCursor && /* @__PURE__ */ jsxRuntime.jsx(
-          react.motion.span,
-          {
-            variants: cursorVariants,
-            animate: "blinking",
-            className: chunkH2BWO3SI_cjs.cn("text-foreground ms-1 inline-block w-px font-normal select-none", cursorClassName),
-            children: cursor
-          }
-        )
-      ] })
-    }
-  );
-}
-
-exports.TypingText = TypingText;

package/dist/chunk-F7NFSDOD.cjs

@@ -1,91 +0,0 @@
-'use strict';
-
-var React3 = require('react');
-
-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 React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-
-// src/hooks/use-validation-log.tsx
-function useValidationLog({ check, scope, message }) {
-  React3__namespace.useEffect(() => {
-    if (!check) {
-      console.error(
-        `%c[Szum Tech-Design System]%c
- ${scope}%c
- ${message}`,
-        "color: #ef4444; font-weight: bold;",
-        "color: #3b82f6; font-weight: bold;",
-        "color: #f59e0b;"
-      );
-    }
-  }, [check, scope, message]);
-}
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  }
-  if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup === "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup === "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React3__namespace.useCallback(composeRefs(...refs), refs);
-}
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React3__namespace.useState(void 0);
-  React3__namespace.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-exports.composeRefs = composeRefs;
-exports.useComposedRefs = useComposedRefs;
-exports.useIsMobile = useIsMobile;
-exports.useValidationLog = useValidationLog;

package/dist/chunk-G24PWQKG.js

@@ -1,20 +0,0 @@
-import * as React2 from 'react';
-
-// src/hooks/use-lazy-ref.tsx
-function useLazyRef(fn) {
-  const ref = React2.useRef(null);
-  if (ref.current === null) {
-    ref.current = fn();
-  }
-  return ref;
-}
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? React2.useEffect : React2.useLayoutEffect;
-function useAsRef(props) {
-  const ref = React2.useRef(props);
-  useIsomorphicLayoutEffect(() => {
-    ref.current = props;
-  });
-  return ref;
-}
-
-export { useAsRef, useIsomorphicLayoutEffect, useLazyRef };

package/dist/chunk-GEDBA3JU.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Popover(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Root, { "data-slot": "popover", ...props });
-}
-function PopoverAnchor(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Anchor, { "data-slot": "popover-anchor", ...props });
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Popover.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: chunkH2BWO3SI_cjs.cn(
-        "bg-popover text-popover-foreground ring-foreground/10 z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function PopoverTrigger(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "popover-header", className: chunkH2BWO3SI_cjs.cn("flex flex-col gap-0.5 text-sm", className), ...props });
-}
-function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("h2", { "data-slot": "popover-title", className: chunkH2BWO3SI_cjs.cn("font-medium", className), ...props });
-}
-function PopoverDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { "data-slot": "popover-description", className: chunkH2BWO3SI_cjs.cn("text-muted-foreground", className), ...props });
-}
-
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverDescription = PopoverDescription;
-exports.PopoverHeader = PopoverHeader;
-exports.PopoverTitle = PopoverTitle;
-exports.PopoverTrigger = PopoverTrigger;

package/dist/chunk-GYXQUTWZ.cjs

@@ -1,59 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var statusVariants = classVarianceAuthority.cva(
-  "inline-flex w-fit shrink-0 items-center gap-1.5 overflow-hidden whitespace-nowrap rounded-full border px-2.5 py-1 font-medium text-xs transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-muted text-muted-foreground **:data-[slot=status-indicator]:bg-muted-foreground",
-        success: "border-success/20 bg-success/10 text-success **:data-[slot=status-indicator]:bg-success",
-        error: "border-error/20 bg-error/10 text-error **:data-[slot=status-indicator]:bg-error",
-        warning: "border-warning/20 bg-warning/10 text-warning **:data-[slot=status-indicator]:bg-warning",
-        primary: "border-primary/20 bg-primary/10 text-primary **:data-[slot=status-indicator]:bg-primary "
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Status({ className, variant = "default", asChild, ...rootProps }) {
-  const RootPrimitive = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RootPrimitive,
-    {
-      "data-slot": "status",
-      "data-variant": variant,
-      ...rootProps,
-      className: chunkH2BWO3SI_cjs.cn(statusVariants({ variant }), className)
-    }
-  );
-}
-function StatusIndicator(props) {
-  const { className, ...indicatorProps } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "status-indicator",
-      ...indicatorProps,
-      className: chunkH2BWO3SI_cjs.cn(
-        "relative flex size-2 shrink-0 rounded-full",
-        "before:absolute before:inset-0 before:animate-ping before:rounded-full before:bg-inherit",
-        "after:absolute after:inset-0.5 after:rounded-full after:bg-inherit",
-        className
-      )
-    }
-  );
-}
-function StatusLabel({ className, ...labelProps }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "status-label", ...labelProps, className: chunkH2BWO3SI_cjs.cn("leading-none", className) });
-}
-
-exports.Status = Status;
-exports.StatusIndicator = StatusIndicator;
-exports.StatusLabel = StatusLabel;

package/dist/chunk-H2BWO3SI.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-
-// src/utils/index.ts
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-
-exports.cn = cn;

package/dist/chunk-H5NHGMSQ.js

@@ -1,136 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Dialog } from 'radix-ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { XIcon } from 'lucide-react';
-import { cva } from 'class-variance-authority';
-
-function Sheet(props) {
-  return /* @__PURE__ */ jsx(Dialog.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger(props) {
-  return /* @__PURE__ */ jsx(Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose(props) {
-  return /* @__PURE__ */ jsx(Dialog.Close, { "data-slot": "sheet-close", ...props });
-}
-var sheetContentStyles = cva(
-  [
-    "bg-background text-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed z-50 flex flex-col gap-4 bg-clip-padding shadow-lg transition duration-200 ease-in-out",
-    "data-[state=open]:slide-in data-[state=closed]:slide-out"
-  ],
-  {
-    variants: {
-      side: {
-        top: [
-          "data-[side=top]:data-[state=open]:slide-in-from-top-10",
-          "data-[side=top]:data-[state=closed]:slide-out-to-top-10",
-          "data-[side=top]:inset-x-0",
-          "data-[side=top]:top-0",
-          "data-[side=top]:h-auto",
-          "data-[side=top]:border-b",
-          "data-[side=top]:max-h-[90vh]"
-        ],
-        right: [
-          "data-[side=right]:data-[state=open]:slide-in-from-right-10",
-          "data-[side=right]:data-[state=closed]:slide-out-to-right-10",
-          "data-[side=right]:inset-y-0",
-          "data-[side=right]:right-0",
-          "data-[side=right]:h-full",
-          "data-[side=right]:border-l",
-          "data-[side=right]:w-3/4",
-          "data-[side=right]:sm:max-w-sm"
-        ],
-        bottom: [
-          "data-[side=bottom]:data-[state=open]:slide-in-from-bottom-10",
-          "data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-10",
-          "data-[side=bottom]:inset-x-0",
-          "data-[side=bottom]:bottom-0",
-          "data-[side=bottom]:h-auto",
-          "data-[side=bottom]:border-t",
-          "data-[side=bottom]:max-h-[90vh]"
-        ],
-        left: [
-          "data-[side=left]:data-[state=open]:slide-in-from-left-10",
-          "data-[side=left]:data-[state=closed]:slide-out-to-left-10",
-          "data-[side=left]:inset-y-0",
-          "data-[side=left]:left-0",
-          "data-[side=left]:h-full",
-          "data-[side=left]:border-r",
-          "data-[side=left]:w-3/4",
-          "data-[side=left]:sm:max-w-sm"
-        ]
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-function SheetContent({
-  side = "right",
-  showCloseButton = true,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Dialog.Portal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ jsx(
-      Dialog.Overlay,
-      {
-        "data-slot": "sheet-overlay",
-        className: "data-[state=open]:animate-in data-[state=closed]:animate-out [state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Dialog.Content,
-      {
-        "data-slot": "sheet-content",
-        "data-side": side,
-        className: cn(sheetContentStyles({ side }), className),
-        ...props,
-        children: [
-          children,
-          showCloseButton ? /* @__PURE__ */ jsxs(
-            Dialog.Close,
-            {
-              "data-slot": "sheet-close",
-              className: "focus:ring-ring focus:ring-offset-background absolute top-3 right-3 rounded opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-0.5 p-4", className), ...props });
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Dialog.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-foreground text-base font-medium", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Dialog.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-HCHVDUI6.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var lucideReact = require('lucide-react');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Checkbox.Root,
-    {
-      "data-slot": "checkbox",
-      className: chunkH2BWO3SI_cjs.cn(
-        "peer border-input dark:bg-input/30 size-4 shrink-0 rounded border shadow-xs transition-shadow outline-none",
-        "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        radixUi.Checkbox.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
-
-exports.Checkbox = Checkbox;

package/dist/chunk-HNRVLRMN.js

@@ -1,82 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-
-function Empty({ className, border = false, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "empty",
-      className: cn(
-        "border-border flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded p-6 text-center text-balance md:p-12",
-        border ? "border" : "",
-        border === "dashed" ? "border-dashed" : "",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "empty-header",
-      className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
-      ...props
-    }
-  );
-}
-function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className), ...props });
-}
-function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "empty-description",
-      className: cn(
-        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "empty-content",
-      className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
-      ...props
-    }
-  );
-}
-var emptyMediaVariants = cva(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function EmptyMedia({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "empty-icon",
-      "data-variant": variant,
-      className: cn(emptyMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };