@szum-tech/design-system 3.17.0 → 3.18.2

package/dist/chunk-CL2C6STG.cjs

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

package/dist/chunk-CXHDWIGF.cjs

@@ -1,89 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-
-function Empty({ className, border = false, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty",
-      className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-header",
-      className: chunkH2BWO3SI_cjs.cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
-      ...props
-    }
-  );
-}
-function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "empty-title", className: chunkH2BWO3SI_cjs.cn("text-lg font-medium tracking-tight", className), ...props });
-}
-function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      "data-slot": "empty-description",
-      className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-content",
-      className: chunkH2BWO3SI_cjs.cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
-      ...props
-    }
-  );
-}
-var emptyMediaVariants = classVarianceAuthority.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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-icon",
-      "data-variant": variant,
-      className: chunkH2BWO3SI_cjs.cn(emptyMediaVariants({ variant, className })),
-      ...props
-    }
-  );
-}
-
-exports.Empty = Empty;
-exports.EmptyContent = EmptyContent;
-exports.EmptyDescription = EmptyDescription;
-exports.EmptyHeader = EmptyHeader;
-exports.EmptyMedia = EmptyMedia;
-exports.EmptyTitle = EmptyTitle;

package/dist/chunk-DGWBE2Y3.cjs

@@ -1,205 +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);
-
-function WordRotate({
-  words,
-  duration = 1500,
-  animationStyle = "fade",
-  loop = true,
-  className,
-  containerClassName,
-  pauseDuration = 300,
-  startOnView = true,
-  once = false,
-  inViewMargin,
-  ...props
-}) {
-  const ref = React__namespace.useRef(null);
-  const isInView = react.useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React__namespace.useState(false);
-  const [currentWord, setCurrentWord] = React__namespace.useState(0);
-  const [show, setShow] = React__namespace.useState(true);
-  const variants = {
-    fade: {
-      initial: { opacity: 0 },
-      animate: {
-        opacity: 1,
-        transition: {
-          duration: 0.4,
-          ease: [0.4, 0, 0.2, 1]
-          // Custom cubic-bezier for smooth fade
-        }
-      },
-      exit: {
-        opacity: 0,
-        transition: {
-          duration: 0.3,
-          ease: [0.4, 0, 1, 1]
-          // Faster exit
-        }
-      }
-    },
-    "slide-up": {
-      initial: { opacity: 0, y: 24 },
-      animate: {
-        opacity: 1,
-        y: 0,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          mass: 0.8
-        }
-      },
-      exit: {
-        opacity: 0,
-        y: -24,
-        transition: {
-          duration: 0.25,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    "slide-down": {
-      initial: { opacity: 0, y: -24 },
-      animate: {
-        opacity: 1,
-        y: 0,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          mass: 0.8
-        }
-      },
-      exit: {
-        opacity: 0,
-        y: 24,
-        transition: {
-          duration: 0.25,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    scale: {
-      initial: { opacity: 0, scale: 0.8 },
-      animate: {
-        opacity: 1,
-        scale: 1,
-        transition: {
-          type: "spring",
-          stiffness: 400,
-          damping: 30,
-          mass: 0.6
-        }
-      },
-      exit: {
-        opacity: 0,
-        scale: 0.9,
-        transition: {
-          duration: 0.2,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    flip: {
-      initial: { opacity: 0, rotateX: 90 },
-      animate: {
-        opacity: 1,
-        rotateX: 0,
-        transition: {
-          type: "spring",
-          stiffness: 200,
-          damping: 20,
-          mass: 1
-        }
-      },
-      exit: {
-        opacity: 0,
-        rotateX: -90,
-        transition: {
-          duration: 0.3,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    }
-  };
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  React__namespace.useEffect(() => {
-    if (!shouldStart) return;
-    if (words.length === 0) return;
-    let intervalId;
-    let timeoutId;
-    intervalId = setInterval(() => {
-      setShow(false);
-      timeoutId = setTimeout(() => {
-        setCurrentWord((prev) => {
-          const nextIndex = prev + 1;
-          if (!loop && nextIndex >= words.length) {
-            clearInterval(intervalId);
-            clearTimeout(timeoutId);
-            return prev;
-          }
-          return loop ? nextIndex % words.length : nextIndex;
-        });
-        setShow(true);
-        setHasAnimated(true);
-      }, pauseDuration);
-    }, duration + pauseDuration);
-    return () => {
-      clearInterval(intervalId);
-      clearTimeout(timeoutId);
-    };
-  }, [shouldStart, duration, pauseDuration, words.length, loop, once, hasAnimated]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.motion.span,
-    {
-      ref,
-      "data-slot": "word-rotate",
-      className: chunkH2BWO3SI_cjs.cn("inline-block overflow-hidden align-bottom leading-none", containerClassName),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.motion.span,
-        {
-          initial: "initial",
-          animate: show ? "animate" : "exit",
-          exit: "exit",
-          variants: variants[animationStyle],
-          transition: { duration: 0.5 },
-          style: {
-            perspective: animationStyle === "flip" ? 1e3 : void 0
-          },
-          className: chunkH2BWO3SI_cjs.cn("inline-block", className),
-          children: words[currentWord]
-        },
-        currentWord
-      )
-    }
-  );
-}
-
-exports.WordRotate = WordRotate;

package/dist/chunk-DUAM4RTP.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Separator({ className, orientation = "horizontal", decorative = false, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Separator.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: chunkH2BWO3SI_cjs.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
-    }
-  );
-}
-
-exports.Separator = Separator;