@szum-tech/design-system 3.17.0 → 3.18.1

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 };

package/dist/chunk-BUJO4FB6.js

@@ -1,252 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import * as React2 from 'react';
-import { Slot } from 'radix-ui';
-import { createPortal } from 'react-dom';
-import { defaultDropAnimationSideEffects, useSensors, useSensor, MouseSensor, TouchSensor, KeyboardSensor, DndContext, MeasuringStrategy, DragOverlay } from '@dnd-kit/core';
-import { sortableKeyboardCoordinates, arrayMove, SortableContext, useSortable, verticalListSortingStrategy, rectSortingStrategy, defaultAnimateLayoutChanges } from '@dnd-kit/sortable';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CSS } from '@dnd-kit/utilities';
-
-var SORTABLE_ROOT_NAME = "Sortable";
-var SORTABLE_ITEM_NAME = "SortableItem";
-var SORTABLE_ITEM_HANDLE_NAME = "SortableItemHandle";
-var SORTABLE_OVERLAY_NAME = "SortableOverlay";
-var animateLayoutChanges = (args) => defaultAnimateLayoutChanges({ ...args, wasDragging: true });
-var dropAnimationConfig = {
-  sideEffects: defaultDropAnimationSideEffects({
-    styles: {
-      active: {
-        opacity: "0.4"
-      }
-    }
-  })
-};
-var SortableItemContext = React2.createContext(null);
-function useSortableItemContext(consumerName) {
-  const context = React2.useContext(SortableItemContext);
-  if (!context) {
-    throw new Error(`\`${consumerName}\` must be used within \`${SORTABLE_ITEM_NAME}\``);
-  }
-  return context;
-}
-var IsOverlayContext = React2.createContext(false);
-var SortableInternalContext = React2.createContext(null);
-function useSortableInternalContext(consumerName) {
-  const context = React2.useContext(SortableInternalContext);
-  if (!context) {
-    throw new Error(`\`${consumerName}\` must be used within \`${SORTABLE_ROOT_NAME}\``);
-  }
-  return context;
-}
-function Sortable({
-  value,
-  onValueChange,
-  getItemValue,
-  className,
-  asChild = false,
-  onMove,
-  strategy = "vertical",
-  onDragStart,
-  onDragEnd,
-  modifiers,
-  children,
-  ...props
-}) {
-  const [activeId, setActiveId] = React2.useState(null);
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useLayoutEffect(() => setMounted(true), []);
-  const sensors = useSensors(
-    useSensor(MouseSensor, {
-      activationConstraint: {
-        distance: 10
-      }
-    }),
-    useSensor(TouchSensor, {
-      activationConstraint: {
-        delay: 250,
-        tolerance: 5
-      }
-    }),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates
-    })
-  );
-  const handleDragStart = React2.useCallback(
-    (event) => {
-      setActiveId(event.active.id);
-      onDragStart?.(event);
-    },
-    [onDragStart]
-  );
-  const handleDragEnd = React2.useCallback(
-    (event) => {
-      const { active, over } = event;
-      setActiveId(null);
-      onDragEnd?.(event);
-      if (!over) return;
-      const activeIndex = value.findIndex((item) => getItemValue(item) === active.id);
-      const overIndex = value.findIndex((item) => getItemValue(item) === over.id);
-      if (activeIndex !== overIndex) {
-        if (onMove) {
-          onMove({ event, activeIndex, overIndex });
-        } else {
-          const newValue = arrayMove(value, activeIndex, overIndex);
-          onValueChange(newValue);
-        }
-      }
-    },
-    [value, getItemValue, onValueChange, onMove, onDragEnd]
-  );
-  const handleDragCancel = React2.useCallback(() => {
-    setActiveId(null);
-  }, []);
-  const getStrategy = () => {
-    switch (strategy) {
-      case "horizontal":
-        return rectSortingStrategy;
-      case "grid":
-        return rectSortingStrategy;
-      case "vertical":
-      default:
-        return verticalListSortingStrategy;
-    }
-  };
-  const itemIds = React2.useMemo(() => value.map(getItemValue), [value, getItemValue]);
-  const contextValue = React2.useMemo(() => ({ activeId, modifiers }), [activeId, modifiers]);
-  const overlayContent = React2.useMemo(() => {
-    if (!activeId) return null;
-    let result = null;
-    React2.Children.forEach(children, (child) => {
-      if (React2.isValidElement(child) && child.props.value === activeId) {
-        result = React2.cloneElement(child, {
-          ...child.props,
-          className: cn(child.props.className, "z-50")
-        });
-      }
-    });
-    return result;
-  }, [activeId, children]);
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(SortableInternalContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    DndContext,
-    {
-      sensors,
-      modifiers,
-      measuring: {
-        droppable: {
-          strategy: MeasuringStrategy.Always
-        }
-      },
-      onDragStart: handleDragStart,
-      onDragEnd: handleDragEnd,
-      onDragCancel: handleDragCancel,
-      children: [
-        /* @__PURE__ */ jsx(SortableContext, { items: itemIds, strategy: getStrategy(), children: /* @__PURE__ */ jsx(
-          Comp,
-          {
-            "data-slot": "sortable",
-            "data-dragging": activeId !== null,
-            className: cn(activeId !== null && "cursor-grabbing!", className),
-            ...props,
-            children
-          }
-        ) }),
-        mounted && createPortal(
-          /* @__PURE__ */ jsx(
-            DragOverlay,
-            {
-              dropAnimation: dropAnimationConfig,
-              modifiers,
-              className: cn("z-50", activeId && "cursor-grabbing"),
-              children: /* @__PURE__ */ jsx(IsOverlayContext.Provider, { value: true, children: overlayContent })
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  ) });
-}
-function SortableItem({ value, className, asChild = false, disabled, children, ...props }) {
-  const isOverlay = React2.useContext(IsOverlayContext);
-  const {
-    setNodeRef,
-    transform,
-    transition,
-    attributes,
-    listeners,
-    isDragging: isSortableDragging
-  } = useSortable({
-    id: value,
-    disabled: disabled || isOverlay,
-    animateLayoutChanges
-  });
-  if (isOverlay) {
-    const Comp2 = asChild ? Slot.Root : "div";
-    return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: { listeners: void 0, isDragging: true, disabled: false }, children: /* @__PURE__ */ jsx(Comp2, { "data-slot": "sortable-item", "data-value": value, "data-dragging": true, className: cn(className), ...props, children }) });
-  }
-  const style = {
-    transition,
-    transform: CSS.Transform.toString(transform)
-  };
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: { listeners, isDragging: isSortableDragging, disabled }, children: /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sortable-item",
-      "data-value": value,
-      "data-dragging": isSortableDragging,
-      "data-disabled": disabled,
-      ref: setNodeRef,
-      style,
-      ...attributes,
-      className: cn(isSortableDragging && "z-50 opacity-50", disabled && "opacity-50", className),
-      ...props,
-      children
-    }
-  ) });
-}
-function SortableItemHandle({
-  className,
-  asChild = false,
-  cursor = true,
-  children,
-  ...props
-}) {
-  const { listeners, isDragging, disabled } = useSortableItemContext(SORTABLE_ITEM_HANDLE_NAME);
-  const Comp = asChild ? Slot.Root : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "sortable-item-handle",
-      "data-dragging": isDragging,
-      "data-disabled": disabled,
-      ...listeners,
-      className: cn(cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"), className),
-      ...props,
-      children
-    }
-  );
-}
-function SortableOverlay({ children, className, ...props }) {
-  const { activeId, modifiers } = useSortableInternalContext(SORTABLE_OVERLAY_NAME);
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useLayoutEffect(() => setMounted(true), []);
-  const content = activeId && children ? typeof children === "function" ? children({ value: activeId }) : children : null;
-  if (!mounted) return null;
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      DragOverlay,
-      {
-        dropAnimation: dropAnimationConfig,
-        modifiers,
-        className: cn("z-50", activeId && "cursor-grabbing", className),
-        ...props,
-        children: /* @__PURE__ */ jsx(IsOverlayContext.Provider, { value: true, children: content })
-      }
-    ),
-    document.body
-  );
-}
-
-export { Sortable, SortableItem, SortableItemHandle, SortableOverlay, useSortableItemContext };