@szum-tech/design-system 3.16.0 → 3.18.1

package/dist/chunk-HPICKLBZ.cjs

@@ -1,204 +0,0 @@
-'use strict';
-
-var chunkDUAM4RTP_cjs = require('./chunk-DUAM4RTP.cjs');
-var chunkS3ANEJJ7_cjs = require('./chunk-S3ANEJJ7.cjs');
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-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 fieldVariants = classVarianceAuthority.cva("group/field data-[invalid=true]:text-error flex w-full gap-3", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ],
-      responsive: [
-        "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ]
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-});
-function Field({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: chunkH2BWO3SI_cjs.cn(fieldVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: chunkH2BWO3SI_cjs.cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
-      ...props
-    }
-  );
-}
-function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: chunkH2BWO3SI_cjs.cn(
-        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldError({ className, children, errors, ...props }) {
-  const content = React__namespace.useMemo(() => {
-    if (children) {
-      return children;
-    }
-    if (!errors?.length) {
-      return null;
-    }
-    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
-    if (uniqueErrors?.length == 1) {
-      return uniqueErrors[0]?.message;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.message }, index)) });
-  }, [children, errors]);
-  if (!content) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", "data-slot": "field-error", className: chunkH2BWO3SI_cjs.cn("text-error text-sm font-normal", className), ...props, children: content });
-}
-function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: chunkH2BWO3SI_cjs.cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkS3ANEJJ7_cjs.Label,
-    {
-      "data-slot": "field-label",
-      className: chunkH2BWO3SI_cjs.cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:border-border has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: chunkH2BWO3SI_cjs.cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className),
-      ...props
-    }
-  );
-}
-function FieldSeparator({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: chunkH2BWO3SI_cjs.cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkDUAM4RTP_cjs.Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
-            "data-slot": "field-separator-content",
-            children
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: chunkH2BWO3SI_cjs.cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: chunkH2BWO3SI_cjs.cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Field = Field;
-exports.FieldContent = FieldContent;
-exports.FieldDescription = FieldDescription;
-exports.FieldError = FieldError;
-exports.FieldGroup = FieldGroup;
-exports.FieldLabel = FieldLabel;
-exports.FieldLegend = FieldLegend;
-exports.FieldSeparator = FieldSeparator;
-exports.FieldSet = FieldSet;
-exports.FieldTitle = FieldTitle;

package/dist/chunk-I3RSTJP6.js

@@ -1,20 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Label as Label$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Label$1.Root,
-    {
-      "data-slot": "label",
-      className: 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
-    }
-  );
-}
-
-export { Label };

package/dist/chunk-IWF52DDE.js

@@ -1,55 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var statusVariants = cva(
-  "inline-flex w-fit shrink-0 items-center gap-1.5 overflow-hidden whitespace-nowrap rounded-full border px-2.5 py-1 font-medium text-xs transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-muted text-muted-foreground **:data-[slot=status-indicator]:bg-muted-foreground",
-        success: "border-success/20 bg-success/10 text-success **:data-[slot=status-indicator]:bg-success",
-        error: "border-error/20 bg-error/10 text-error **:data-[slot=status-indicator]:bg-error",
-        warning: "border-warning/20 bg-warning/10 text-warning **:data-[slot=status-indicator]:bg-warning",
-        primary: "border-primary/20 bg-primary/10 text-primary **:data-[slot=status-indicator]:bg-primary "
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Status({ className, variant = "default", asChild, ...rootProps }) {
-  const RootPrimitive = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    RootPrimitive,
-    {
-      "data-slot": "status",
-      "data-variant": variant,
-      ...rootProps,
-      className: cn(statusVariants({ variant }), className)
-    }
-  );
-}
-function StatusIndicator(props) {
-  const { className, ...indicatorProps } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "status-indicator",
-      ...indicatorProps,
-      className: cn(
-        "relative flex size-2 shrink-0 rounded-full",
-        "before:absolute before:inset-0 before:animate-ping before:rounded-full before:bg-inherit",
-        "after:absolute after:inset-0.5 after:rounded-full after:bg-inherit",
-        className
-      )
-    }
-  );
-}
-function StatusLabel({ className, ...labelProps }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "status-label", ...labelProps, className: cn("leading-none", className) });
-}
-
-export { Status, StatusIndicator, StatusLabel };

package/dist/chunk-IZU3KULT.js

@@ -1,41 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Popover as Popover$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Popover(props) {
-  return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
-}
-function PopoverAnchor(props) {
-  return /* @__PURE__ */ jsx(Popover$1.Anchor, { "data-slot": "popover-anchor", ...props });
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
-    Popover$1.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground ring-foreground/10 z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
-        "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",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function PopoverTrigger(props) {
-  return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-0.5 text-sm", className), ...props });
-}
-function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx("h2", { "data-slot": "popover-title", className: cn("font-medium", className), ...props });
-}
-function PopoverDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx("p", { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props });
-}
-
-export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/chunk-K5AURCK5.js

@@ -1,183 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import * as React from 'react';
-import { useInView, motion } from 'motion/react';
-import { jsx } from 'react/jsx-runtime';
-
-function WordRotate({
-  words,
-  duration = 1500,
-  animationStyle = "fade",
-  loop = true,
-  className,
-  containerClassName,
-  pauseDuration = 300,
-  startOnView = true,
-  once = false,
-  inViewMargin,
-  ...props
-}) {
-  const ref = React.useRef(null);
-  const isInView = useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React.useState(false);
-  const [currentWord, setCurrentWord] = React.useState(0);
-  const [show, setShow] = React.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.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__ */ jsx(
-    motion.span,
-    {
-      ref,
-      "data-slot": "word-rotate",
-      className: cn("inline-block overflow-hidden align-bottom leading-none", containerClassName),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        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: cn("inline-block", className),
-          children: words[currentWord]
-        },
-        currentWord
-      )
-    }
-  );
-}
-
-export { WordRotate };

package/dist/chunk-KTAIBRTH.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "skeleton", className: chunkH2BWO3SI_cjs.cn("bg-muted animate-pulse rounded-md", className), ...props });
-}
-
-exports.Skeleton = Skeleton;

package/dist/chunk-L2TRMQNN.js

@@ -1,130 +0,0 @@
-import { Separator } from './chunk-A72LE53B.js';
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var itemVariants = 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 ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "item",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(itemVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-var itemMediaVariants = 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__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-media",
-      "data-variant": variant,
-      className: cn(itemMediaVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props });
-}
-function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
-}
-function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-content",
-      className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
-      ...props
-    }
-  );
-}
-function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "item-description",
-      className: 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__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-footer",
-      className: cn("flex basis-full items-center justify-between gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-header",
-      className: cn("flex basis-full items-center justify-between gap-2", className),
-      ...props
-    }
-  );
-}
-function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "item-title",
-      className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
-      ...props
-    }
-  );
-}
-function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props });
-}
-
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/chunk-M7NIRB3U.js

@@ -1,43 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { ScrollArea as ScrollArea$1 } from 'radix-ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ jsx(
-    ScrollArea$1.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: 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__ */ jsx(
-        ScrollArea$1.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded"
-        }
-      )
-    }
-  );
-}
-function ScrollArea({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs(ScrollArea$1.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
-    /* @__PURE__ */ jsx(
-      ScrollArea$1.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__ */ jsx(ScrollBar, {}),
-    /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
-  ] });
-}
-
-export { ScrollArea, ScrollBar };