@szum-tech/design-system 3.16.0 → 3.18.1

package/dist/chunk-S3ANEJJ7.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Label.Root,
-    {
-      "data-slot": "label",
-      className: chunkH2BWO3SI_cjs.cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none",
-        "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Label = Label;

package/dist/chunk-S3ZUFD6U.js

@@ -1,23 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Input({ className, type, invalid = false, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      "aria-invalid": props["aria-invalid"] || invalid,
-      className: 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
-    }
-  );
-}
-
-export { Input };

package/dist/chunk-SHPJGB2L.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/collapsible/collapsible.tsx
-function Collapsible({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
-}
-function CollapsibleContent({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
-}
-
-exports.Collapsible = Collapsible;
-exports.CollapsibleContent = CollapsibleContent;
-exports.CollapsibleTrigger = CollapsibleTrigger;

package/dist/chunk-TH44JYXB.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Progress({ className, value, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Progress.Root,
-    {
-      "data-slot": "progress",
-      className: chunkH2BWO3SI_cjs.cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
-      value,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        radixUi.Progress.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: "bg-primary size-full flex-1 transition-all duration-500 ease-in-out",
-          style: { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
-
-exports.Progress = Progress;

package/dist/chunk-TMXVL5CV.cjs

@@ -1,48 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-var tailwindMerge = require('tailwind-merge');
-
-var AlertDialog = radixUi.AlertDialog.Root;
-var AlertDialogTrigger = radixUi.AlertDialog.Trigger;
-function AlertDialogContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Overlay, { className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      radixUi.AlertDialog.Content,
-      {
-        className: chunkH2BWO3SI_cjs.cn(
-          "bg-app-foreground 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg duration-200",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-var AlertDialogAction = radixUi.AlertDialog.Action;
-function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-function AlertDialogTitle({ className, ref, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Title, { ref, className: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
-}
-function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-300", className), ...props });
-}
-var AlertDialogCancel = radixUi.AlertDialog.Cancel;
-function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-}
-
-exports.AlertDialog = AlertDialog;
-exports.AlertDialogAction = AlertDialogAction;
-exports.AlertDialogCancel = AlertDialogCancel;
-exports.AlertDialogContent = AlertDialogContent;
-exports.AlertDialogDescription = AlertDialogDescription;
-exports.AlertDialogFooter = AlertDialogFooter;
-exports.AlertDialogHeader = AlertDialogHeader;
-exports.AlertDialogTitle = AlertDialogTitle;
-exports.AlertDialogTrigger = AlertDialogTrigger;

package/dist/chunk-U3QKV7I4.js

@@ -1,54 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Slot } from 'radix-ui';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var badgeVariants = cva(
-  "border-border focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring [&>svg]:pointer-events-none [&>svg]:size-3",
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
-        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 focus-visible:ring-success/20 border-transparent",
-        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 focus-visible:ring-warning/20 border-transparent",
-        error: "bg-error [a&]:hover:bg-error/90 focus-visible:ring-error/20 dark:focus-visible:ring-error/40 dark:bg-error/60 text-error-foreground border-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-);
-function Badge({ className, variant = "primary", asChild = false, ...props }) {
-  const Comp = asChild ? Slot.Slot : "span";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
-}
-function BadgeButton({ className, asChild = false, ...props }) {
-  const Comp = asChild ? Slot.Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge-button",
-      className: cn(
-        "-me-0.5 inline-flex size-3.5 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-3.5! [&>svg]:opacity-100!",
-        className
-      ),
-      role: "button",
-      ...props
-    }
-  );
-}
-function BadgeDot({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "badge-dot",
-      className: cn("size-1.5 rounded-full bg-[currentColor] opacity-75", className),
-      ...props
-    }
-  );
-}
-
-export { Badge, BadgeButton, BadgeDot };

package/dist/chunk-U7XZJQ4O.js

@@ -1,36 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Tooltip as Tooltip$1 } from 'radix-ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
-}
-function Tooltip(props) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger(props) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
-    Tooltip$1.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: 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__ */ jsx(Tooltip$1.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
-    }
-  ) });
-}
-
-export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/chunk-UJX74PFK.cjs

@@ -1,46 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.ScrollArea.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: chunkH2BWO3SI_cjs.cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "",
-        orientation === "horizontal" ? "h-2.5 flex-col border-t border-t-transparent" : "",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        radixUi.ScrollArea.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded"
-        }
-      )
-    }
-  );
-}
-function ScrollArea({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.ScrollArea.Root, { "data-slot": "scroll-area", className: chunkH2BWO3SI_cjs.cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      radixUi.ScrollArea.Viewport,
-      {
-        "data-slot": "scroll-area-viewport",
-        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",
-        children
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(radixUi.ScrollArea.Corner, {})
-  ] });
-}
-
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;

package/dist/chunk-ULEEQ723.cjs

@@ -1,108 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var React = require('react');
-var radixUi = require('radix-ui');
-var classVarianceAuthority = require('class-variance-authority');
-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 colorSwatchVariants = classVarianceAuthority.cva(
-  "border-border box-border rounded border [background-clip:padding-box] shadow-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-  {
-    variants: {
-      size: {
-        default: "size-8",
-        sm: "size-6",
-        lg: "size-12"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-
-// src/components/color-swatch/color-swatch.utils.ts
-function getIsCssColor(v) {
-  try {
-    return typeof CSS !== "undefined" && typeof CSS.supports === "function" ? CSS.supports("color", v) : true;
-  } catch {
-    return false;
-  }
-}
-function getHasAlpha(v) {
-  const s = v.trim().toLowerCase();
-  if (s === "transparent") return true;
-  if (/^#(?:[0-9a-f]{4}|[0-9a-f]{8})$/i.test(s)) return true;
-  if (/\b(?:rgba|hsla)\s*\(/i.test(s)) return true;
-  return /\b(?:rgb|hsl|lab|lch|oklab|oklch|color)\s*\([^)]*\/\s*[\d.]+%?\s*\)/i.test(s);
-}
-function ColorSwatch({
-  color,
-  size = "default",
-  asChild = false,
-  disabled = false,
-  withoutTransparency = false,
-  className,
-  style,
-  ...props
-}) {
-  const colorValue = color?.trim();
-  const backgroundStyle = React__namespace.useMemo(() => {
-    if (!colorValue) {
-      return {
-        background: "linear-gradient(to bottom right, transparent calc(50% - 1px), hsl(var(--destructive)) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) no-repeat"
-      };
-    }
-    if (!getIsCssColor(colorValue)) {
-      return { backgroundColor: "transparent" };
-    }
-    if (!withoutTransparency && getHasAlpha(colorValue)) {
-      return {
-        background: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 0% 50% / 10px 10px`
-      };
-    }
-    return { backgroundColor: colorValue };
-  }, [colorValue, withoutTransparency]);
-  const ariaLabel = !colorValue ? "No color selected" : `Color swatch: ${colorValue}`;
-  const Primitive = asChild ? radixUi.Slot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive,
-    {
-      role: "img",
-      "aria-label": ariaLabel,
-      "aria-disabled": disabled || void 0,
-      "data-disabled": disabled ? "" : void 0,
-      "data-slot": "color-swatch",
-      ...props,
-      className: chunkH2BWO3SI_cjs.cn(colorSwatchVariants({ size }), className),
-      style: {
-        ...backgroundStyle,
-        forcedColorAdjust: "none",
-        ...style
-      }
-    }
-  );
-}
-
-exports.ColorSwatch = ColorSwatch;

package/dist/chunk-UNOMGKAZ.cjs

@@ -1,141 +0,0 @@
-'use strict';
-
-var chunkDUAM4RTP_cjs = require('./chunk-DUAM4RTP.cjs');
-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 itemVariants = classVarianceAuthority.cva(
-  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 flex flex-wrap items-center rounded border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:ring [a]:transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border-border",
-        muted: "bg-muted/50"
-      },
-      size: {
-        default: "gap-4 p-4 ",
-        sm: "gap-2.5 px-4 py-3"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
-  const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: chunkH2BWO3SI_cjs.cn(itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = classVarianceAuthority.cva(
-  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "border-border bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
-        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function ItemMedia({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: chunkH2BWO3SI_cjs.cn(itemMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "list", "data-slot": "item-group", className: chunkH2BWO3SI_cjs.cn("group/item-group flex flex-col", className), ...props });
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "item-actions", className: chunkH2BWO3SI_cjs.cn("flex items-center gap-2", className), ...props });
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: chunkH2BWO3SI_cjs.cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: chunkH2BWO3SI_cjs.cn(
-        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: chunkH2BWO3SI_cjs.cn("flex basis-full items-center justify-between gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: chunkH2BWO3SI_cjs.cn("flex basis-full items-center justify-between gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: chunkH2BWO3SI_cjs.cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
-      ...props
-    }
-  );
-}
-function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDUAM4RTP_cjs.Separator, { "data-slot": "item-separator", orientation: "horizontal", className: chunkH2BWO3SI_cjs.cn("my-0", className), ...props });
-}
-
-exports.Item = Item;
-exports.ItemActions = ItemActions;
-exports.ItemContent = ItemContent;
-exports.ItemDescription = ItemDescription;
-exports.ItemFooter = ItemFooter;
-exports.ItemGroup = ItemGroup;
-exports.ItemHeader = ItemHeader;
-exports.ItemMedia = ItemMedia;
-exports.ItemSeparator = ItemSeparator;
-exports.ItemTitle = ItemTitle;

package/dist/chunk-USIW3VT5.cjs

@@ -1,73 +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 CountingNumber({
-  from = 0,
-  to = 100,
-  duration = 2,
-  delay = 0,
-  className,
-  startOnView = true,
-  once = false,
-  inViewMargin,
-  onComplete,
-  format,
-  ...props
-}) {
-  const ref = React__namespace.useRef(null);
-  const isInView = react.useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React__namespace.useState(false);
-  const [display, setDisplay] = React__namespace.useState(from);
-  const motionValue = react.useMotionValue(from);
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  React__namespace.useEffect(
-    function() {
-      if (!shouldStart) {
-        return;
-      }
-      setHasAnimated(true);
-      const timeout = setTimeout(function() {
-        const controls = react.animate(motionValue, to, {
-          duration,
-          onUpdate: (v) => setDisplay(v),
-          onComplete
-        });
-        return function() {
-          controls.stop();
-        };
-      }, delay);
-      return function() {
-        clearTimeout(timeout);
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [shouldStart, from, to, duration, delay]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(react.motion.span, { ref, "data-slot": "counting-number", className: chunkH2BWO3SI_cjs.cn("inline-block", className), ...props, children: format ? format(display) : Math.round(display) });
-}
-
-exports.CountingNumber = CountingNumber;