@conscia-labs/design-system 0.3.5 → 1.0.0

package/dist/chunk-ZCBZHRTV.js

@@ -1,957 +0,0 @@
-import {
-  cn
-} from "./chunk-JU5DQXFC.js";
-
-// src/primitives/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-accent-hover active:bg-accent-active",
-        destructive: "bg-danger text-white shadow-xs hover:bg-danger/90 focus-visible:ring-danger/20 dark:bg-danger-background dark:text-danger-foreground dark:hover:bg-danger-border dark:focus-visible:ring-danger/40",
-        outline: "border border-border-default bg-surface-control text-foreground shadow-xs hover:bg-surface-control-hover hover:text-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "text-foreground hover:bg-surface-muted hover:text-foreground",
-        link: "text-text-link underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-[var(--ds-control-height)] px-3 py-2 has-[>svg]:px-3",
-        sm: "h-[var(--ds-control-height-sm)] rounded-md gap-1.5 px-2.5 has-[>svg]:px-2",
-        lg: "h-[var(--ds-control-height-lg)] rounded-md px-4 has-[>svg]:px-3.5",
-        icon: "size-[var(--ds-control-height)]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  type,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "button",
-      type: asChild ? void 0 : type ?? "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
-// src/primitives/checkbox.tsx
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Checkbox({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    CheckboxPrimitive.Root,
-    {
-      "data-slot": "checkbox",
-      className: cn(
-        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-danger/40 dark:data-[state=checked]:bg-primary",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx2(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: /* @__PURE__ */ jsx2(CheckIcon, { className: "size-3.5" }) })
-    }
-  );
-}
-
-// src/primitives/table.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx3("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
-}
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b [&_tr]:border-border-subtle", className), ...props });
-}
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
-}
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: cn("h-[var(--ds-row-height)] border-b border-border-subtle transition-colors hover:bg-surface-muted/70 data-[state=selected]:bg-accent-background", className),
-      ...props
-    }
-  );
-}
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: cn("h-[var(--ds-table-header-height)] whitespace-nowrap px-3 text-left align-middle text-[var(--ds-metadata)] font-semibold uppercase text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("td", { "data-slot": "table-cell", className: cn("whitespace-nowrap px-3 py-2 align-middle text-sm", className), ...props });
-}
-
-// src/primitives/select.tsx
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-function Select({ ...props }) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectGroup({ ...props }) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
-}
-function SelectValue({ ...props }) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-danger/20 aria-invalid:border-danger flex w-fit items-center justify-between gap-2 rounded-[var(--ds-field-control-radius)] border bg-surface-control px-[var(--ds-field-control-padding-x)] py-2 text-sm leading-5 whitespace-nowrap shadow-none transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[var(--ds-field-control-height)] data-[size=sm]:h-[var(--ds-control-height-sm)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:aria-invalid:ring-danger/40",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx4(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: cn(
-        "bg-popover text-popover-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-[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 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-md border shadow-md",
-        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,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx4(
-          SelectPrimitive.Viewport,
-          {
-            className: 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__ */ jsx4(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: cn(
-        "focus:bg-surface-muted focus:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-[length:var(--ds-menu-item-size)] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx4(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx4(CheckIcon2, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx4(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    SelectPrimitive.Label,
-    {
-      "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-[length:var(--ds-menu-label-size)]", className),
-      ...props
-    }
-  );
-}
-function SelectSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    SelectPrimitive.Separator,
-    {
-      "data-slot": "select-separator",
-      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function SelectScrollUpButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx4(ChevronUpIcon, { className: "size-4" }) });
-}
-function SelectScrollDownButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "size-4" }) });
-}
-
-// src/primitives/input.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx5(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "border-input bg-surface-control flex h-[var(--ds-field-control-height)] w-full min-w-0 rounded-[var(--ds-field-control-radius)] border px-[var(--ds-field-control-padding-x)] py-2 text-sm leading-5 shadow-none transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-sm placeholder:leading-5 placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/primitives/separator.tsx
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Separator2({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx6(
-    SeparatorPrimitive.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border-subtle data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/primitives/sheet.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { XIcon } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn("fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
-      ...props
-    }
-  );
-}
-var sheetSideClasses = {
-  top: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-  right: "right-0 top-0 h-full max-w-md border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-lg",
-  bottom: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-  left: "left-0 top-0 h-full max-w-md border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-lg"
-};
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  closeLabel = "Close",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(SheetPortal, { children: [
-    /* @__PURE__ */ jsx7(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs2(
-      DialogPrimitive.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(
-          "fixed z-50 flex w-full flex-col gap-6 bg-background p-6 text-foreground shadow-lg outline-none data-[state=open]:animate-in data-[state=closed]:animate-out",
-          sheetSideClasses[side],
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs2(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "sheet-close",
-              className: "absolute right-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-              children: [
-                /* @__PURE__ */ jsx7(XIcon, {}),
-                /* @__PURE__ */ jsx7("span", { className: "sr-only", children: closeLabel })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("div", { "data-slot": "sheet-header", className: cn("grid gap-2 pr-8", className), ...props });
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-lg font-semibold leading-tight", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
-    "div",
-    {
-      "data-slot": "sheet-body",
-      className: cn("flex min-h-0 flex-1 flex-col gap-[var(--ds-space-group)] overflow-y-auto pr-1", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-wrap items-center justify-between gap-2 border-t border-border-subtle pt-4", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-function TooltipProvider({ delayDuration = 150, ...props }) {
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
-}
-function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
-}
-function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  sideOffset = 6,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn("z-50 w-fit rounded-md bg-foreground px-3 py-1.5 text-balance text-xs text-background shadow-[var(--ds-shadow-floating)]", className),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
-      ]
-    }
-  ) });
-}
-
-// src/primitives/dialog.tsx
-import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-black/50", className), ...props });
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  size = "default",
-  closeLabel = "Close",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs4(DialogPortal, { children: [
-    /* @__PURE__ */ jsx9(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs4(
-      DialogPrimitive2.Content,
-      {
-        "data-slot": "dialog-content",
-        "data-size": size,
-        className: cn(
-          "fixed left-1/2 top-1/2 z-50 grid max-h-[min(42rem,calc(100vh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden rounded-lg border bg-background p-5 text-foreground shadow-lg sm:p-6",
-          "data-[size=small]:sm:max-w-sm data-[size=default]:sm:max-w-lg data-[size=large]:sm:max-w-3xl",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton ? /* @__PURE__ */ jsxs4(
-            DialogPrimitive2.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "absolute right-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-              children: [
-                /* @__PURE__ */ jsx9(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx9("span", { className: "sr-only", children: closeLabel })
-              ]
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-left", className), ...props });
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Title, { "data-slot": "dialog-title", className: cn("text-base font-semibold leading-none", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(DialogPrimitive2.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground", className), ...props });
-}
-function DialogBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-body", className: cn("min-h-0 overflow-y-auto text-sm", className), ...props });
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-
-// src/primitives/tabs.tsx
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var defaultTabsVisualContext = {
-  variant: "underline",
-  size: "default"
-};
-var TabsRootVisualContext = React.createContext(defaultTabsVisualContext);
-var TabsListVisualContext = React.createContext(defaultTabsVisualContext);
-var tabRailClasses = "flex min-w-0 items-stretch overflow-x-auto overscroll-x-contain border-b border-border-subtle scroll-px-2 snap-x [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
-var navigationTabClasses = "relative inline-flex h-full shrink-0 snap-start items-center justify-center gap-2 whitespace-nowrap rounded-t-[var(--ds-radius-control)] px-[var(--ds-tab-padding-x)] text-sm font-medium outline-none transition-[background-color,color,box-shadow] duration-150 after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-transparent after:transition-colors hover:bg-surface-muted focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring/60 data-[active=false]:text-muted-foreground data-[active=false]:hover:text-foreground data-[active=true]:bg-selection-background data-[active=true]:font-semibold data-[active=true]:text-selection-foreground data-[active=true]:after:bg-selection-indicator";
-function assignRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-function useHorizontalScrollRail(externalRef) {
-  const internalRef = React.useRef(null);
-  const [scrollPosition, setScrollPosition] = React.useState("none");
-  const updateScrollPosition = React.useCallback(() => {
-    const element = internalRef.current;
-    if (!element) return;
-    const maximumScroll = element.scrollWidth - element.clientWidth;
-    const nextPosition = maximumScroll <= 1 ? "none" : element.scrollLeft <= 1 ? "start" : element.scrollLeft >= maximumScroll - 1 ? "end" : "middle";
-    setScrollPosition(
-      (current) => current === nextPosition ? current : nextPosition
-    );
-  }, []);
-  const ref = React.useCallback(
-    (node) => {
-      internalRef.current = node;
-      assignRef(externalRef, node);
-    },
-    [externalRef]
-  );
-  React.useEffect(() => {
-    updateScrollPosition();
-    const element = internalRef.current;
-    if (!element || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(updateScrollPosition);
-    observer.observe(element);
-    return () => observer.disconnect();
-  }, [updateScrollPosition]);
-  return [scrollPosition, ref, updateScrollPosition];
-}
-function Tabs({
-  className,
-  variant = "underline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(TabsRootVisualContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx10(
-    TabsPrimitive.Root,
-    {
-      "data-slot": "tabs",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn("flex min-w-0 flex-col gap-2", className),
-      ...props
-    }
-  ) });
-}
-function TabsList({
-  className,
-  variant,
-  size,
-  children,
-  ref: externalRef,
-  onScroll,
-  ...props
-}) {
-  const rootVisuals = React.useContext(TabsRootVisualContext);
-  const resolvedVariant = variant ?? rootVisuals.variant;
-  const resolvedSize = size ?? rootVisuals.size;
-  const [scrollPosition, scrollRailRef, updateScrollPosition] = useHorizontalScrollRail(externalRef);
-  return /* @__PURE__ */ jsx10(
-    TabsPrimitive.List,
-    {
-      "data-slot": "tabs-list",
-      "data-variant": resolvedVariant,
-      "data-size": resolvedSize,
-      "data-scroll-position": resolvedVariant === "underline" ? scrollPosition : void 0,
-      ref: scrollRailRef,
-      onScroll: (event) => {
-        updateScrollPosition();
-        onScroll?.(event);
-      },
-      className: cn(
-        "text-muted-foreground",
-        resolvedVariant === "underline" && tabRailClasses,
-        resolvedVariant === "underline" && (resolvedSize === "compact" ? "h-[var(--ds-tab-rail-height-compact)]" : "h-[var(--ds-tab-rail-height)]"),
-        resolvedVariant === "segmented" && "inline-flex h-[var(--ds-control-height)] items-center gap-1 self-start rounded-md bg-surface-muted p-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx10(
-        TabsListVisualContext.Provider,
-        {
-          value: { variant: resolvedVariant, size: resolvedSize },
-          children
-        }
-      )
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  const listVisuals = React.useContext(TabsListVisualContext);
-  const resolvedVariant = variant ?? listVisuals.variant;
-  const resolvedSize = size ?? listVisuals.size;
-  return /* @__PURE__ */ jsx10(
-    TabsPrimitive.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      "data-variant": resolvedVariant,
-      "data-size": resolvedSize,
-      className: cn(
-        "disabled:pointer-events-none disabled:opacity-50",
-        resolvedVariant === "underline" && cn(
-          navigationTabClasses,
-          "data-[state=active]:bg-selection-background data-[state=active]:font-semibold data-[state=active]:text-selection-foreground data-[state=active]:after:bg-selection-indicator"
-        ),
-        resolvedVariant === "segmented" && "inline-flex h-full items-center justify-center gap-2 whitespace-nowrap rounded-[calc(var(--ds-radius-control)-2px)] px-3 text-sm font-medium text-muted-foreground outline-none transition-[background-color,color,box-shadow] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/60 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function TabsContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    TabsPrimitive.Content,
-    {
-      "data-slot": "tabs-content",
-      className: cn(
-        "outline-none focus-visible:ring-2 focus-visible:ring-ring/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function NavigationTabs({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    "nav",
-    {
-      "data-slot": "navigation-tabs",
-      className: cn("min-w-0", className),
-      ...props
-    }
-  );
-}
-function NavigationTabsList({
-  className,
-  ref: externalRef,
-  onScroll,
-  ...props
-}) {
-  const [scrollPosition, scrollRailRef, updateScrollPosition] = useHorizontalScrollRail(externalRef);
-  return /* @__PURE__ */ jsx10(
-    "div",
-    {
-      "data-slot": "navigation-tabs-list",
-      "data-scroll-position": scrollPosition,
-      ref: scrollRailRef,
-      onScroll: (event) => {
-        updateScrollPosition();
-        onScroll?.(event);
-      },
-      className: cn(
-        tabRailClasses,
-        "h-[var(--ds-tab-rail-height)]",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function NavigationTab({
-  className,
-  active = false,
-  asChild = false,
-  ref: externalRef,
-  ...props
-}) {
-  const Comp = asChild ? Slot2 : "a";
-  const internalRef = React.useRef(null);
-  const ref = React.useCallback(
-    (node) => {
-      internalRef.current = node;
-      assignRef(externalRef, node);
-    },
-    [externalRef]
-  );
-  React.useEffect(() => {
-    if (!active) return;
-    internalRef.current?.scrollIntoView({
-      behavior: "auto",
-      block: "nearest",
-      inline: "nearest"
-    });
-  }, [active]);
-  return /* @__PURE__ */ jsx10(
-    Comp,
-    {
-      ...props,
-      "data-slot": "navigation-tab",
-      "data-active": active ? "true" : "false",
-      "aria-current": active ? "page" : void 0,
-      ref,
-      className: cn(
-        navigationTabClasses,
-        className
-      )
-    }
-  );
-}
-
-// src/primitives/card.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn("flex flex-col gap-5 rounded-lg border border-border-default bg-card py-[var(--ds-surface-padding)] text-card-foreground shadow-sm", className),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-header", className: cn("grid auto-rows-min gap-1.5 px-[var(--ds-surface-padding)]", className), ...props });
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-title", className: cn("font-semibold leading-none", className), ...props });
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-content", className: cn("px-[var(--ds-surface-padding)]", className), ...props });
-}
-
-// src/primitives/skeleton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-surface-muted", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/collapsible.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function Collapsible({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(
-    CollapsiblePrimitive.Trigger,
-    {
-      "data-slot": "collapsible-trigger",
-      ...props
-    }
-  );
-}
-function CollapsibleContent({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx13(
-    CollapsiblePrimitive.Content,
-    {
-      "data-slot": "collapsible-content",
-      ...props
-    }
-  );
-}
-
-// src/primitives/dropdown-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { ChevronRight } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
-function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs5(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", className: cn("focus:bg-surface-muted flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-[length:var(--ds-menu-item-size)] outline-hidden", className), ...props, children: [
-    children,
-    /* @__PURE__ */ jsx14(ChevronRight, { className: "ml-auto size-4 text-muted-foreground" })
-  ] });
-}
-function DropdownMenuSubContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("z-50 min-w-56 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-[var(--ds-shadow-floating)]", className), ...props }) });
-}
-function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn("z-50 min-w-40 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-[var(--ds-shadow-floating)]", className),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn("focus:bg-surface-muted focus:text-foreground data-[variant=destructive]:text-danger-foreground data-[variant=destructive]:focus:bg-danger-background relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-[length:var(--ds-menu-item-size)] outline-hidden transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8", className),
-      ...props
-    }
-  );
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-[length:var(--ds-menu-label-size)] font-medium data-[inset=true]:pl-8", className), ...props });
-}
-function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
-}
-
-export {
-  buttonVariants,
-  Button,
-  Checkbox,
-  Table,
-  TableHeader,
-  TableBody,
-  TableRow,
-  TableHead,
-  TableCell,
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
-  Input,
-  Separator2 as Separator,
-  Sheet,
-  SheetTrigger,
-  SheetPortal,
-  SheetClose,
-  SheetOverlay,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  SheetDescription,
-  SheetBody,
-  SheetFooter,
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-  Dialog,
-  DialogTrigger,
-  DialogClose,
-  DialogPortal,
-  DialogOverlay,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-  DialogBody,
-  DialogFooter,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  NavigationTabs,
-  NavigationTabsList,
-  NavigationTab,
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  Skeleton,
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent,
-  DropdownMenu,
-  DropdownMenuGroup,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator
-};
-//# sourceMappingURL=chunk-ZCBZHRTV.js.map