@szum-tech/design-system 3.17.0 → 3.18.2

package/dist/chunk-WMGJCB7O.js

@@ -1,157 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import * as React from 'react';
-import { useInView, motion } from 'motion/react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-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.useRef(null);
-  const isInView = useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React.useState(false);
-  const [displayText, setDisplayText] = React.useState("");
-  const [currentIndex, setCurrentIndex] = React.useState(0);
-  const [isTyping, setIsTyping] = React.useState(false);
-  const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  const textArray = texts && texts.length > 0 ? texts : [text];
-  const currentText = textArray[currentTextIndex] ?? "";
-  React.useEffect(() => {
-    if (!shouldStart) return;
-    const timeout = setTimeout(() => {
-      setIsTyping(true);
-      setHasAnimated(true);
-    }, delay);
-    return () => clearTimeout(timeout);
-  }, [delay, shouldStart]);
-  React.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 = motion.span;
-  return /* @__PURE__ */ jsx(
-    MotionComponent,
-    {
-      ref,
-      variants: selectedVariants,
-      initial: "hidden",
-      whileInView: startOnView ? "show" : void 0,
-      animate: startOnView ? void 0 : "show",
-      exit: "exit",
-      className: cn("whitespace-pre-wrap", className),
-      viewport: { once },
-      "data-slot": "typing-text",
-      ...props,
-      children: /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center" }, children: [
-        displayText,
-        showCursor && /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            variants: cursorVariants,
-            animate: "blinking",
-            className: cn("text-foreground ms-1 inline-block w-px font-normal select-none", cursorClassName),
-            children: cursor
-          }
-        )
-      ] })
-    }
-  );
-}
-
-export { TypingText };

package/dist/chunk-X3ZT3KGX.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-
-function Accordion({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Accordion.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("pt-0 pb-4", className), children })
-    }
-  );
-}
-function AccordionTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    radixUi.Accordion.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: chunkH2BWO3SI_cjs.cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
-      ]
-    }
-  ) });
-}
-function AccordionItem({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Accordion.Item,
-    {
-      "data-slot": "accordion-item",
-      className: chunkH2BWO3SI_cjs.cn("border-b last:border-b-0", className),
-      ...props
-    }
-  );
-}
-
-exports.Accordion = Accordion;
-exports.AccordionContent = AccordionContent;
-exports.AccordionItem = AccordionItem;
-exports.AccordionTrigger = AccordionTrigger;

package/dist/chunk-X5O7GP4S.js

@@ -1,48 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Switch as Switch$1 } from 'radix-ui';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var switchVariants = cva(
-  [
-    "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none",
-    "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
-    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3",
-    "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error dark:aria-invalid:border-error/50 aria-invalid:ring-3",
-    "data-disabled:cursor-not-allowed data-disabled:opacity-50",
-    "after:absolute after:-inset-x-3 after:-inset-y-2"
-  ],
-  {
-    variants: {
-      size: {
-        default: "h-[18.4px] w-8",
-        sm: "h-3.5 w-6"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var switchThumbVariants = cva(
-  [
-    "pointer-events-none block rounded-full ring-0 transition-transform",
-    "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground"
-  ],
-  {
-    variants: {
-      size: {
-        default: "size-4 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
-        sm: "size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-function Switch({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ jsx(Switch$1.Root, { "data-slot": "switch", className: cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(Switch$1.Thumb, { "data-slot": "switch-thumb", className: switchThumbVariants({ size }) }) });
-}
-
-export { Switch };

package/dist/chunk-X7WREEFD.js

@@ -1,8 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "skeleton", className: cn("bg-muted animate-pulse rounded-md", className), ...props });
-}
-
-export { Skeleton };

package/dist/chunk-XENOUBSI.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-
-function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.RadioGroup.Root, { "data-slot": "radio-group", className: chunkH2BWO3SI_cjs.cn("grid gap-3", className), ...props });
-}
-function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.RadioGroup.Item,
-    {
-      "data-slot": "radio-group-item",
-      className: chunkH2BWO3SI_cjs.cn(
-        "border-input text-primary dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        radixUi.RadioGroup.Indicator,
-        {
-          "data-slot": "radio-group-indicator",
-          className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
-        }
-      )
-    }
-  );
-}
-
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupItem = RadioGroupItem;

package/dist/chunk-XKCLVPUC.js

@@ -1,176 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { ChevronDownIcon, ChevronUpIcon, CheckIcon } from 'lucide-react';
-import { Select as Select$1 } from 'radix-ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function Select({
-  children,
-  disabled,
-  defaultOpen,
-  defaultValue,
-  value,
-  dir,
-  open,
-  form,
-  name,
-  onOpenChange,
-  onValueChange,
-  required,
-  autoComplete,
-  // value props
-  placeholder,
-  // trigger props
-  className,
-  size = "default",
-  invalid = false,
-  ...triggerProps
-}) {
-  const rootProps = {
-    children,
-    disabled,
-    defaultOpen,
-    defaultValue,
-    value,
-    dir,
-    open,
-    form,
-    name,
-    onOpenChange,
-    onValueChange,
-    required,
-    autoComplete
-  };
-  return /* @__PURE__ */ jsxs(Select$1.Root, { "data-slot": "select", ...rootProps, children: [
-    /* @__PURE__ */ jsxs(
-      Select$1.Trigger,
-      {
-        "data-slot": "select-trigger",
-        "aria-invalid": triggerProps["aria-invalid"] || invalid ? true : void 0,
-        "data-size": size,
-        className: cn(
-          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
-          "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-          "data-[size=default]:h-9 data-[size=sm]:h-8",
-          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-          "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-          "data-[placeholder]:text-muted-foreground",
-          className
-        ),
-        ...triggerProps,
-        children: [
-          /* @__PURE__ */ jsx(Select$1.Value, { "data-slot": "select-value", placeholder }),
-          /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-        ]
-      }
-    ),
-    children
-  ] });
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Select$1.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-foreground border-border relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-sm",
-        "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",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      align,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          Select$1.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectScrollUpButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Select$1.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectGroup(props) {
-  return /* @__PURE__ */ jsx(Select$1.Group, { "data-slot": "select-group", ...props });
-}
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    Select$1.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        "[&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(Select$1.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Select$1.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
-      ...props
-    }
-  );
-}
-function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Select$1.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator };

package/dist/chunk-XTKD76O5.js

@@ -1,29 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Avatar as Avatar$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Avatar({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Avatar$1.Root,
-    {
-      "data-slot": "avatar",
-      className: cn("relative flex size-8 shrink-0 overflow-hidden rounded", className),
-      ...props
-    }
-  );
-}
-function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Avatar$1.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props });
-}
-function AvatarFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Avatar$1.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn("bg-muted flex size-full items-center justify-center rounded", className),
-      ...props
-    }
-  );
-}
-
-export { Avatar, AvatarFallback, AvatarImage };