@orangecheck/design 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1488 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React2 from 'react';
+import { createContext, useState, useRef, useEffect, useCallback, useMemo, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTheme } from 'next-themes';
+import { ChevronDown, Palette, Check, Sun, Moon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Toaster as Toaster$1 } from 'sonner';
+import * as ui_star from '@orangecheck/ui';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  AlertWithAction: () => AlertWithAction,
+  AlertWithCountdown: () => AlertWithCountdown,
+  Badge: () => Badge,
+  Button: () => Button,
+  ConfirmHost: () => ConfirmHost,
+  DEFAULT_OC_THEME: () => DEFAULT_OC_THEME,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  ErrorBoundary: () => ErrorBoundary,
+  Input: () => Input,
+  Label: () => Label,
+  Modal: () => Modal,
+  OC_SKIN_COOKIE: () => OC_SKIN_COOKIE,
+  OC_THEMES: () => OC_THEMES,
+  OcThemeBridge: () => OcThemeBridge,
+  OcThemePicker: () => OcThemePicker,
+  OcThemeProvider: () => OcThemeProvider,
+  Pagination: () => Pagination,
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  PromptHost: () => PromptHost,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator,
+  Sheet: () => Sheet,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetHeader: () => SheetHeader,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Skeleton: () => Skeleton,
+  Textarea: () => Textarea,
+  ThemeToggle: () => ThemeToggle,
+  ThemeToggleLink: () => ThemeToggleLink,
+  Toaster: () => Toaster,
+  Working: () => Working,
+  WorkingPanel: () => WorkingPanel,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  confirm: () => confirm,
+  getOcThemeInitScript: () => getOcThemeInitScript,
+  isKnownTheme: () => isKnownTheme,
+  prompt: () => prompt,
+  resolveTheme: () => resolveTheme,
+  useOcSkin: () => useOcSkin
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/tokens/themes.ts
+var OC_THEMES = [
+  {
+    id: "orangecheck",
+    label: "orangecheck",
+    description: "the default \u2014 Bitcoin-orange, sharp 0.25rem corners, Inter + JetBrains Mono"
+  },
+  {
+    id: "midnight",
+    label: "midnight",
+    description: "indigo on slate, softer rounded 0.625rem corners, Manrope sans \u2014 calmer, SaaS-ier"
+  },
+  {
+    id: "phosphor",
+    label: "phosphor",
+    description: "CRT terminal green, hard 0.125rem corners, fully monospace \u2014 far from orange"
+  },
+  {
+    id: "aurora",
+    label: "aurora",
+    description: "cool teal, generous 0.75rem corners, soft elevation \u2014 flips the flat ethos"
+  }
+];
+var DEFAULT_OC_THEME = "orangecheck";
+function isKnownTheme(id) {
+  return !!id && OC_THEMES.some((t) => t.id === id);
+}
+function resolveTheme(id) {
+  return isKnownTheme(id) ? id : DEFAULT_OC_THEME;
+}
+var OC_SKIN_COOKIE = "oc_skin";
+var ONE_YEAR = 60 * 60 * 24 * 365;
+var ATTR = "data-oc-theme";
+function readSkinCookie() {
+  if (typeof document === "undefined") return null;
+  const prefix = `${OC_SKIN_COOKIE}=`;
+  for (const part of document.cookie.split(";")) {
+    const trimmed = part.trim();
+    if (trimmed.startsWith(prefix)) {
+      const v = decodeURIComponent(trimmed.slice(prefix.length));
+      return v.length > 0 ? v : null;
+    }
+  }
+  return null;
+}
+function writeSkinCookie(value) {
+  if (typeof document === "undefined") return;
+  const isLocal = location.hostname === "localhost" || location.hostname === "127.0.0.1";
+  const parts = [
+    `${OC_SKIN_COOKIE}=${encodeURIComponent(value)}`,
+    "Path=/",
+    `Max-Age=${ONE_YEAR}`,
+    "SameSite=Lax"
+  ];
+  if (!isLocal) {
+    parts.push("Domain=.ochk.io");
+    parts.push("Secure");
+  }
+  document.cookie = parts.join("; ");
+}
+function applyAttr(skin) {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute(ATTR, skin);
+}
+var OcSkinContext = createContext(null);
+function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
+  const [skin, setSkinState] = useState(() => resolveTheme(defaultSkin));
+  const hydratedRef = useRef(false);
+  useEffect(() => {
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    const fromCookie = resolveTheme(readSkinCookie() ?? defaultSkin);
+    applyAttr(fromCookie);
+    setSkinState(fromCookie);
+  }, [defaultSkin]);
+  useEffect(() => {
+    function sync() {
+      const fromCookie = resolveTheme(readSkinCookie() ?? skin);
+      if (fromCookie !== skin) {
+        applyAttr(fromCookie);
+        setSkinState(fromCookie);
+      }
+    }
+    window.addEventListener("focus", sync);
+    document.addEventListener("visibilitychange", sync);
+    return () => {
+      window.removeEventListener("focus", sync);
+      document.removeEventListener("visibilitychange", sync);
+    };
+  }, [skin]);
+  const setSkin = useCallback((id) => {
+    const next = resolveTheme(id);
+    applyAttr(next);
+    writeSkinCookie(next);
+    setSkinState(next);
+  }, []);
+  const value = useMemo(
+    () => ({ skin, setSkin, themes: OC_THEMES }),
+    [skin, setSkin]
+  );
+  return /* @__PURE__ */ jsx(OcSkinContext.Provider, { value, children });
+}
+function useOcSkin() {
+  const ctx = useContext(OcSkinContext);
+  if (!ctx) {
+    throw new Error("useOcSkin must be used within <OcThemeProvider>");
+  }
+  return ctx;
+}
+function getOcThemeInitScript(defaultSkin = DEFAULT_OC_THEME) {
+  return `(function(){try{var m=document.cookie.match(/(?:^|; )${OC_SKIN_COOKIE}=([^;]*)/);var s=m?decodeURIComponent(m[1]):'${defaultSkin}';if(!s){s='${defaultSkin}';}document.documentElement.setAttribute('${ATTR}',s);}catch(e){document.documentElement.setAttribute('${ATTR}','${defaultSkin}');}})();`;
+}
+var COOKIE = "oc_theme";
+var ALLOWED = /* @__PURE__ */ new Set(["light", "dark", "system"]);
+var ONE_YEAR2 = 60 * 60 * 24 * 365;
+function readCookie(name) {
+  if (typeof document === "undefined") return null;
+  const prefix = `${name}=`;
+  for (const part of document.cookie.split(";")) {
+    const trimmed = part.trim();
+    if (trimmed.startsWith(prefix)) {
+      const v = decodeURIComponent(trimmed.slice(prefix.length));
+      return v.length > 0 ? v : null;
+    }
+  }
+  return null;
+}
+function writeCookie(value) {
+  if (typeof document === "undefined") return;
+  if (!ALLOWED.has(value)) return;
+  const isLocal = location.hostname === "localhost" || location.hostname === "127.0.0.1";
+  const parts = [
+    `${COOKIE}=${encodeURIComponent(value)}`,
+    "Path=/",
+    `Max-Age=${ONE_YEAR2}`,
+    "SameSite=Lax"
+  ];
+  if (!isLocal) {
+    parts.push("Domain=.ochk.io");
+    parts.push("Secure");
+  }
+  document.cookie = parts.join("; ");
+}
+function OcThemeBridge() {
+  const { theme, setTheme } = useTheme();
+  const hydratedRef = useRef(false);
+  useEffect(() => {
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    const cookieValue = readCookie(COOKIE);
+    if (cookieValue && ALLOWED.has(cookieValue) && cookieValue !== theme) {
+      setTheme(cookieValue);
+    }
+  }, [theme, setTheme]);
+  useEffect(() => {
+    if (!hydratedRef.current) return;
+    if (!theme) return;
+    writeCookie(theme);
+  }, [theme]);
+  return null;
+}
+function OcThemePicker({ className, triggerClassName, popoverClassName }) {
+  const { skin, setSkin, themes } = useOcSkin();
+  const [open, setOpen] = useState(false);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function onDown(e) {
+      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": "choose theme",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        title: "choose theme",
+        onClick: () => setOpen((v) => !v),
+        className: cn(
+          "text-muted-foreground hover:text-foreground inline-flex size-9 items-center justify-center rounded-md transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+          triggerClassName
+        ),
+        children: /* @__PURE__ */ jsx(Palette, { className: "size-4", "aria-hidden": true })
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        className: cn(
+          "bg-popover text-popover-foreground absolute right-0 z-50 mt-2 w-64 overflow-hidden rounded-md border shadow-md",
+          popoverClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "label-mono text-muted-foreground px-3 pt-3 pb-1", children: "theme" }),
+          /* @__PURE__ */ jsx("ul", { className: "pb-1", children: themes.map((t) => {
+            const active = t.id === skin;
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitemradio",
+                "aria-checked": active,
+                onClick: () => {
+                  setSkin(t.id);
+                  setOpen(false);
+                },
+                className: cn(
+                  "hover:bg-accent hover:text-accent-foreground flex w-full items-start gap-2 px-3 py-2 text-left transition-colors",
+                  active && "text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "mt-0.5 size-4 shrink-0", children: active && /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary", "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium", children: t.label }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block text-xs leading-snug", children: t.description })
+                  ] })
+                ]
+              }
+            ) }, t.id);
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+var buttonVariants = cva(
+  "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white",
+        outline: "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var badgeVariants = cva(
+  "focus-visible:border-ring focus-visible:ring-ring/50 inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "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",
+        destructive: "bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/90 border-transparent",
+        warning: "bg-warning text-warning-foreground [a&]:hover:bg-warning/90 border-transparent",
+        success: "bg-success text-success-foreground [a&]:hover:bg-success/90 border-transparent",
+        info: "bg-info text-info-foreground [a&]:hover:bg-info/90 border-transparent",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input bg-input/30 hover:bg-input/50 dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow,background-color] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-brand/25 dark:aria-invalid:ring-brand/35 aria-invalid:border-brand",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex select-none items-center gap-2 text-sm font-medium leading-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
+    }
+  );
+}
+var alertVariants = cva(
+  "relative grid w-full grid-cols-[0_1fr] items-start gap-x-0 gap-y-0.5 rounded-md border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        success: "text-success bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-success/90",
+        warning: "text-warning bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-warning/90"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertWithAction({
+  variant = "default",
+  icon: Icon2,
+  title,
+  description,
+  actionLabel,
+  onAction,
+  actionVariant = "outline",
+  actionIcon,
+  actionDisabled,
+  actionContent,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Alert, { variant, className, children: [
+    Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }),
+    title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
+    /* @__PURE__ */ jsxs(AlertDescription, { children: [
+      description,
+      (actionLabel || actionContent) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2", children: [
+        actionContent,
+        actionLabel && onAction && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: actionVariant,
+            onClick: onAction,
+            disabled: actionDisabled,
+            className: cn(!actionContent && "ml-auto"),
+            children: [
+              actionIcon,
+              actionLabel
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function AlertWithCountdown({
+  variant = "default",
+  icon: Icon2,
+  title,
+  description,
+  countdown,
+  countdownLabel,
+  countdownIcon,
+  actionLabel = "Check Now",
+  onAction,
+  actionIcon,
+  actionDisabled,
+  className
+}) {
+  const label = countdownLabel ? countdownLabel.replace("{countdown}", countdown.toString()) : `Rechecking in ${countdown} second${countdown !== 1 ? "s" : ""}...`;
+  return /* @__PURE__ */ jsxs(Alert, { variant, className, children: [
+    Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }),
+    title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
+    /* @__PURE__ */ jsxs(AlertDescription, { children: [
+      description,
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-2 text-sm", children: [
+        countdownIcon,
+        /* @__PURE__ */ jsx("span", { children: label }),
+        onAction && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: onAction,
+            disabled: actionDisabled,
+            className: "ml-auto",
+            children: [
+              actionIcon,
+              actionLabel
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "placeholder:text-muted-foreground border-input bg-input/30 hover:bg-input/50 dark:bg-input/30 dark:hover:bg-input/50 w-full min-w-0 rounded-md border px-3 py-2 font-mono text-xs leading-relaxed shadow-xs transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ThemeToggle({ className }) {
+  const { resolvedTheme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const isDark = resolvedTheme === "dark";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
+      title: isDark ? "Switch to light mode" : "Switch to dark mode",
+      onClick: () => setTheme(isDark ? "light" : "dark"),
+      className: cn("text-muted-foreground hover:text-foreground", className),
+      children: !mounted ? /* @__PURE__ */ jsx("span", { className: "block size-4" }) : isDark ? /* @__PURE__ */ jsx(Sun, { className: "size-4" }) : /* @__PURE__ */ jsx(Moon, { className: "size-4" })
+    }
+  );
+}
+function ThemeToggleLink() {
+  const { resolvedTheme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const isDark = mounted && resolvedTheme === "dark";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => setTheme(isDark ? "light" : "dark"),
+      className: "hover:text-foreground flex w-full items-center justify-between px-2 py-2 text-left text-xs tracking-wide uppercase transition-colors",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "tracking-wide lowercase", children: [
+          "> ",
+          mounted ? isDark ? "light mode" : "dark mode" : "theme"
+        ] }),
+        mounted && (isDark ? /* @__PURE__ */ jsx(Sun, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Moon, { className: "size-3.5" }))
+      ]
+    }
+  );
+}
+function Working({ text, size = "md", progress, className }) {
+  const isSmall = size === "sm";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-live": "polite",
+      className: cn(
+        "inline-flex items-center gap-2 font-mono",
+        isSmall ? "text-[11px]" : "text-xs",
+        "text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "oc-working-cursor", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx("span", { className: "oc-working-dot", style: { animationDelay: "0ms" }, children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "oc-working-dot", style: { animationDelay: "140ms" }, children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "oc-working-dot", style: { animationDelay: "280ms" }, children: "\xB7" })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "oc-working-text", children: [
+          text,
+          progress && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60 ml-1.5", children: [
+            "[",
+            progress,
+            "]"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function WorkingPanel({ text, progress }) {
+  return /* @__PURE__ */ jsxs("div", { className: "terminal", children: [
+    /* @__PURE__ */ jsxs("div", { className: "terminal-title", children: [
+      /* @__PURE__ */ jsx("span", { className: "terminal-dot" }),
+      /* @__PURE__ */ jsx("span", { className: "terminal-dot" }),
+      /* @__PURE__ */ jsx("span", { className: "terminal-dot" }),
+      /* @__PURE__ */ jsx("span", { className: "ml-2", children: "in progress" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 p-5", children: /* @__PURE__ */ jsx(Working, { text, ...progress ? { progress } : {} }) })
+  ] });
+}
+var ErrorBoundary = class extends React2.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => this.setState({ error: null });
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[ErrorBoundary]", error, info);
+  }
+  render() {
+    if (this.state.error) {
+      if (this.props.fallback) {
+        return this.props.fallback(this.state.error, this.reset);
+      }
+      return /* @__PURE__ */ jsx("div", { className: "container py-16", children: /* @__PURE__ */ jsxs("div", { className: "terminal", children: [
+        /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsx("span", { className: "text-destructive flex items-center gap-1.5", children: "! fatal" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-5 font-mono text-xs leading-relaxed", children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "> ",
+              "err:"
+            ] }),
+            " ",
+            this.state.error.message || "unknown error"
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+            "> ",
+            "this page crashed. reload to recover."
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: this.reset,
+              className: "bg-primary text-primary-foreground hover:bg-primary/90 mt-2 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 font-mono text-xs tracking-widest uppercase",
+              children: "retry"
+            }
+          )
+        ] })
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+function Skeleton({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-muted/40 animate-pulse rounded-sm", className) });
+}
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Sheet(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    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
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  const sideClasses = {
+    right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+    left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+    top: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+    bottom: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+  };
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=closed]:animate-out data-[state=open]:duration-500 data-[state=open]:animate-in",
+          sideClasses[side],
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx(X, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "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 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+var NODE_ENV = globalThis.process?.env?.NODE_ENV;
+var pending = null;
+var notifyHost = null;
+var hostMountCount = 0;
+function confirm(opts) {
+  return new Promise((resolve) => {
+    pending = { ...opts, resolve };
+    if (notifyHost) {
+      notifyHost();
+    } else if (NODE_ENV !== "production") {
+      console.warn("[ConfirmDialog] confirm() called but no <ConfirmHost /> is mounted");
+    }
+  });
+}
+function ConfirmHost() {
+  const [state, setState] = useState(null);
+  const submittingRef = useRef(false);
+  useEffect(() => {
+    hostMountCount += 1;
+    if (hostMountCount > 1 && NODE_ENV !== "production") {
+      console.warn(
+        "[ConfirmDialog] multiple <ConfirmHost /> instances mounted \u2014 the last one wins"
+      );
+    }
+    notifyHost = () => setState(pending);
+    if (pending) setState(pending);
+    return () => {
+      hostMountCount -= 1;
+      notifyHost = null;
+    };
+  }, []);
+  const close = useCallback(
+    (ok) => {
+      if (submittingRef.current) return;
+      submittingRef.current = true;
+      state?.resolve(ok);
+      pending = null;
+      setState(null);
+      requestAnimationFrame(() => {
+        submittingRef.current = false;
+      });
+    },
+    [state]
+  );
+  if (!state) return null;
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(false), children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsxs(DialogPrimitive.Content, { className: "bg-card border-border fixed top-1/2 left-1/2 z-50 w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 border shadow-lg outline-none", children: [
+      /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "flex items-center gap-1.5 " + (state.destructive ? "text-destructive" : "text-primary"),
+          children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "size-3.5" }),
+            state.title
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
+        /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: state.title }),
+        /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => close(false),
+              className: "font-mono text-[11px] tracking-widest uppercase",
+              children: state.cancelLabel ?? "cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => close(true),
+              className: "font-display tracking-wide uppercase " + (state.destructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : ""),
+              children: state.confirmLabel ?? "confirm"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+var NODE_ENV2 = globalThis.process?.env?.NODE_ENV;
+var pending2 = null;
+var notifyHost2 = null;
+var hostMountCount2 = 0;
+function prompt(opts) {
+  return new Promise((resolve) => {
+    pending2 = { ...opts, resolve };
+    if (notifyHost2) {
+      notifyHost2();
+    } else if (NODE_ENV2 !== "production") {
+      console.warn("[PromptDialog] prompt() called but no <PromptHost /> is mounted");
+    }
+  });
+}
+function PromptHost() {
+  const [state, setState] = useState(null);
+  const [value, setValue] = useState("");
+  const [confirmValue, setConfirmValue] = useState("");
+  const [error, setError] = useState(null);
+  const submittingRef = useRef(false);
+  useEffect(() => {
+    hostMountCount2 += 1;
+    if (hostMountCount2 > 1 && NODE_ENV2 !== "production") {
+      console.warn("[PromptDialog] multiple <PromptHost /> instances mounted");
+    }
+    notifyHost2 = () => {
+      setValue(pending2?.defaultValue ?? "");
+      setConfirmValue("");
+      setError(null);
+      setState(pending2);
+    };
+    if (pending2) notifyHost2();
+    return () => {
+      hostMountCount2 -= 1;
+      notifyHost2 = null;
+    };
+  }, []);
+  const close = useCallback(
+    (result) => {
+      if (submittingRef.current) return;
+      submittingRef.current = true;
+      state?.resolve(result);
+      pending2 = null;
+      setState(null);
+      requestAnimationFrame(() => {
+        submittingRef.current = false;
+      });
+    },
+    [state]
+  );
+  const submit = useCallback(() => {
+    if (!state) return;
+    const v = value;
+    if (state.minLength && v.length < state.minLength) {
+      setError(`must be at least ${state.minLength} characters`);
+      return;
+    }
+    if (state.confirmField && v !== confirmValue) {
+      setError("the two entries do not match");
+      return;
+    }
+    if (state.validate) {
+      const msg = state.validate(v);
+      if (msg) {
+        setError(msg);
+        return;
+      }
+    }
+    close(v);
+  }, [state, value, confirmValue, close]);
+  if (!state) return null;
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open: true, onOpenChange: (open) => !open && close(null), children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: "bg-card border-border fixed top-1/2 left-1/2 z-50 w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 border shadow-lg outline-none",
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            submit();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "terminal-title", children: /* @__PURE__ */ jsxs("span", { className: "text-primary flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }),
+            state.title
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 sm:p-5", children: [
+            /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: state.title }),
+            state.message && /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground font-mono text-xs leading-relaxed whitespace-pre-wrap", children: state.message }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              state.label && /* @__PURE__ */ jsx(Label, { children: state.label }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  autoFocus: true,
+                  type: state.secret ? "password" : "text",
+                  value,
+                  onChange: (e) => {
+                    setValue(e.target.value);
+                    setError(null);
+                  },
+                  placeholder: state.placeholder,
+                  autoComplete: "off",
+                  spellCheck: false,
+                  className: (state.label ? "mt-2 " : "") + (state.secret ? "font-mono" : "")
+                }
+              )
+            ] }),
+            state.confirmField && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { children: "confirm" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: state.secret ? "password" : "text",
+                  value: confirmValue,
+                  onChange: (e) => {
+                    setConfirmValue(e.target.value);
+                    setError(null);
+                  },
+                  placeholder: "re-enter to confirm",
+                  autoComplete: "off",
+                  spellCheck: false,
+                  className: "mt-2 " + (state.secret ? "font-mono" : "")
+                }
+              )
+            ] }),
+            error && /* @__PURE__ */ jsx("p", { className: "text-destructive font-mono text-xs", children: error }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  onClick: () => close(null),
+                  className: "font-mono text-[11px] tracking-widest uppercase",
+                  children: state.cancelLabel ?? "cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { onClick: submit, className: "font-display tracking-wide uppercase", children: state.confirmLabel ?? "ok" })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+function Modal({ open, onOpenChange, title, subtitle, children, actions, width = "wide" }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "bg-background/80 fixed inset-0 z-[100] backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "terminal fixed top-[5vh] left-1/2 z-[110] flex max-h-[90vh] -translate-x-1/2 flex-col overflow-hidden rounded-sm border",
+          width === "wide" ? "w-[95vw] max-w-screen-2xl" : "w-[80vw] max-w-3xl",
+          "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"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "terminal-title flex shrink-0 items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "terminal-dot", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { className: "terminal-dot opacity-70", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { className: "terminal-dot opacity-50", "aria-hidden": true }),
+              /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "ml-2 truncate", children: title }),
+              subtitle && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 ml-1 truncate text-[10px] normal-case tracking-normal", children: [
+                "\xB7 ",
+                subtitle
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              actions,
+              /* @__PURE__ */ jsx(
+                DialogPrimitive.Close,
+                {
+                  "aria-label": "close",
+                  className: "text-muted-foreground hover:text-foreground inline-flex h-6 w-6 items-center justify-center rounded-sm",
+                  children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4 sm:p-6", children })
+        ]
+      }
+    )
+  ] }) });
+}
+function Pagination({ page, pageSize, total, onPage, className }) {
+  if (total <= pageSize) return null;
+  const start = page * pageSize;
+  const shown = Math.max(0, Math.min(pageSize, total - start));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between " + (className ?? "mt-3"), children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 font-mono text-[10px]", children: [
+      start + 1,
+      "\u2013",
+      start + shown,
+      " of ",
+      total
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => onPage(page - 1), disabled: page === 0, children: [
+        /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
+        " prev"
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => onPage(page + 1),
+          disabled: start + pageSize >= total,
+          children: [
+            "next ",
+            /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx(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-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-input/30 hover:bg-input/50 dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow,background-color] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *: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 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(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__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-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-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    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__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("flex cursor-default items-center justify-center py-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+    }
+  );
+}
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-foreground group-[.toast]:text-background",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+          error: "group-[.toaster]:!bg-card group-[.toaster]:!text-foreground group-[.toaster]:!border-border",
+          success: "group-[.toaster]:!bg-card group-[.toaster]:!text-foreground group-[.toaster]:!border-border",
+          warning: "group-[.toaster]:!bg-card group-[.toaster]:!text-foreground group-[.toaster]:!border-border",
+          info: "group-[.toaster]:!bg-card group-[.toaster]:!text-muted-foreground group-[.toaster]:!border-border"
+        }
+      },
+      style: {
+        "--normal-bg": "var(--card)",
+        "--normal-text": "var(--card-foreground)",
+        "--normal-border": "var(--border)",
+        "--error-bg": "var(--card)",
+        "--error-text": "var(--foreground)",
+        "--error-border": "var(--border)",
+        "--success-bg": "var(--card)",
+        "--success-text": "var(--foreground)",
+        "--success-border": "var(--border)",
+        "--warning-bg": "var(--card)",
+        "--warning-text": "var(--foreground)",
+        "--warning-border": "var(--border)",
+        "--info-bg": "var(--card)",
+        "--info-text": "var(--muted-foreground)",
+        "--info-border": "var(--border)"
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/index.ts
+var components_exports = {};
+__reExport(components_exports, ui_star);
+
+// src/index.ts
+__reExport(src_exports, components_exports);
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, Badge, Button, ConfirmHost, DEFAULT_OC_THEME, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, ErrorBoundary, Input, Label, Modal, OC_SKIN_COOKIE, OC_THEMES, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, badgeVariants, buttonVariants, cn, confirm, getOcThemeInitScript, isKnownTheme, prompt, resolveTheme, useOcSkin };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map