@szum-tech/design-system 3.16.0 → 3.18.1

package/dist/chunk-6HX7ETL3.cjs

@@ -1,183 +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 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__ */ jsxRuntime.jsxs(radixUi.Select.Root, { "data-slot": "select", ...rootProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      radixUi.Select.Trigger,
-      {
-        "data-slot": "select-trigger",
-        "aria-invalid": triggerProps["aria-invalid"] || invalid ? true : void 0,
-        "data-size": size,
-        className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx(radixUi.Select.Value, { "data-slot": "select-value", placeholder }),
-          /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
-        ]
-      }
-    ),
-    children
-  ] });
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  align = "center",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    radixUi.Select.Content,
-    {
-      "data-slot": "select-content",
-      className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          radixUi.Select.Viewport,
-          {
-            className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectScrollUpButton({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Select.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Select.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: chunkH2BWO3SI_cjs.cn("flex cursor-default items-center justify-center py-1", className),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectGroup(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Group, { "data-slot": "select-group", ...props });
-}
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    radixUi.Select.Item,
-    {
-      "data-slot": "select-item",
-      className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Select.Label,
-    {
-      "data-slot": "select-label",
-      className: chunkH2BWO3SI_cjs.cn("text-muted-foreground px-2 py-1.5 text-xs", className),
-      ...props
-    }
-  );
-}
-function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Select.Separator,
-    {
-      "data-slot": "select-separator",
-      className: chunkH2BWO3SI_cjs.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectSeparator = SelectSeparator;

package/dist/chunk-6X26XC6P.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/header/header.tsx
-function Header({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "header",
-    {
-      className: "border-border/40 bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container flex h-16 items-center", children })
-    }
-  );
-}
-
-exports.Header = Header;

package/dist/chunk-7OD2NBSV.cjs

@@ -1,50 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var switchVariants = classVarianceAuthority.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 = classVarianceAuthority.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__ */ jsxRuntime.jsx(radixUi.Switch.Root, { "data-slot": "switch", className: chunkH2BWO3SI_cjs.cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Switch.Thumb, { "data-slot": "switch-thumb", className: switchThumbVariants({ size }) }) });
-}
-
-exports.Switch = Switch;

package/dist/chunk-A72LE53B.js

@@ -1,21 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Separator as Separator$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Separator({ className, orientation = "horizontal", decorative = false, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Separator$1.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { Separator };

package/dist/chunk-A7SBXO2Y.cjs

@@ -1,40 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
-}
-function Tooltip(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    radixUi.Tooltip.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: chunkH2BWO3SI_cjs.cn(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
-    }
-  ) });
-}
-
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipTrigger = TooltipTrigger;

package/dist/chunk-B4M7Q5KX.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Input({ className, type, invalid = false, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      "aria-invalid": props["aria-invalid"] || invalid,
-      className: chunkH2BWO3SI_cjs.cn(
-        "dark:bg-input/30 border-input file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error dark:aria-invalid:border-error/50",
-        "focus-visible:border-ring focus-visible:ring-ring/50",
-        "disabled:bg-input/50 dark:disabled:bg-input/80",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Input = Input;

package/dist/chunk-B7RHEMZH.js

@@ -1,48 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Accordion as Accordion$1 } from 'radix-ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronDownIcon } from 'lucide-react';
-
-function Accordion({ ...props }) {
-  return /* @__PURE__ */ jsx(Accordion$1.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Accordion$1.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__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
-    }
-  );
-}
-function AccordionTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-    Accordion$1.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: 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__ */ jsx(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__ */ jsx(
-    Accordion$1.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b last:border-b-0", className),
-      ...props
-    }
-  );
-}
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/chunk-BTSHACKG.js

@@ -1,123 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Dialog as Dialog$1 } from 'radix-ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { XIcon } from 'lucide-react';
-import { twMerge } from 'tailwind-merge';
-import { cva } from 'class-variance-authority';
-
-function Dialog(props) {
-  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
-}
-function DialogClose(props) {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
-}
-var dialogContentVariants = cva(
-  [
-    "bg-background border-border fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-1rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border p-6 shadow-lg duration-200",
-    "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 "
-  ],
-  {
-    variants: {
-      width: {
-        xs: "w-xs",
-        sm: "w-sm",
-        md: "w-md",
-        lg: "w-lg",
-        xl: "w-xl",
-        "2xl": "w-2xl",
-        "3xl": "w-3xl",
-        "4xl": "w-4xl",
-        "5xl": "w-5xl",
-        "6xl": "w-6xl",
-        full: "w-full"
-      }
-    },
-    defaultVariants: {
-      width: "md"
-    }
-  }
-);
-function DialogContent({
-  className,
-  children,
-  width = "md",
-  showCloseButton = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(
-      Dialog$1.Overlay,
-      {
-        "data-slot": "dialog-overlay",
-        className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/80 fixed inset-0 z-50 backdrop-blur-xs"
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Dialog$1.Content,
-      {
-        "data-slot": "dialog-content",
-        className: twMerge(dialogContentVariants({ width }), className),
-        ...props,
-        children: [
-          children,
-          showCloseButton ? /* @__PURE__ */ jsxs(
-            Dialog$1.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-}
-function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-      ...props
-    }
-  );
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };