@labpane/ui 1.0.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labpane/ui",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Page layouts, forms, dialogs, menus, tables, and an optional terminal for React",
   "license": "MIT",
   "homepage": "https://labpane.com",
@@ -55,11 +55,13 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "lucide-react": "^1.55.0",
     "tailwind-merge": "^3.6.0"
   },
   "peerDependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.2.7",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -67,6 +69,11 @@
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.3.8",
+    "@radix-ui/react-tabs": "^1.1.22",
+    "@radix-ui/react-toggle": "^1.1.19",
+    "@radix-ui/react-toggle-group": "^1.1.20",
+    "@radix-ui/react-tooltip": "^1.3.0",
     "@wterm/dom": "^0.5.4",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
@@ -77,7 +84,9 @@
     }
   },
   "devDependencies": {
+    "@happy-dom/global-registrator": "^20.14.5",
     "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.2.7",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -85,7 +94,15 @@
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.3.8",
+    "@radix-ui/react-tabs": "^1.1.22",
+    "@radix-ui/react-toggle": "^1.1.19",
+    "@radix-ui/react-toggle-group": "^1.1.20",
+    "@radix-ui/react-tooltip": "^1.3.0",
     "@tailwindcss/cli": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/bun": "^1.4.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",

package/styles.css

@@ -47,6 +47,25 @@
   --labui-input-background: #eeeeee;
   --labui-ring: #1d9db4;
   --labui-overlay: color-mix(in srgb, #242424 18%, transparent);
+  --labui-info: #1e5aa8;
+  --labui-info-foreground: #ffffff;
+  --labui-chart-1: #05697a;
+  --labui-chart-2: #1d9db4;
+  --labui-chart-3: #116d3b;
+  --labui-chart-4: #b8741a;
+  --labui-chart-5: #7a4ea0;
+  --labui-sidebar: #f6f6f6;
+  --labui-sidebar-foreground: #242424;
+  --labui-sidebar-primary: #05697a;
+  --labui-sidebar-primary-foreground: #ffffff;
+  --labui-sidebar-accent: #e6e6e6;
+  --labui-sidebar-accent-foreground: #242424;
+  --labui-sidebar-border: #d6d6d6;
+  --labui-sidebar-ring: #1d9db4;
+  --labui-card-gap: 1.5rem;
+  --labui-card-px: 1.5rem;
+  --labui-card-py: 1.5rem;
+  --labui-topbar-height: 3rem;
 }
 
 :where(.dark) {
@@ -77,6 +96,21 @@
   --labui-input-background: #242424;
   --labui-ring: #68bccf;
   --labui-overlay: color-mix(in srgb, #000000 50%, transparent);
+  --labui-info: #7fb4f0;
+  --labui-info-foreground: #0c2340;
+  --labui-chart-1: #68bccf;
+  --labui-chart-2: #1d9db4;
+  --labui-chart-3: #3ddc84;
+  --labui-chart-4: #e0a84a;
+  --labui-chart-5: #b58ce0;
+  --labui-sidebar: #202020;
+  --labui-sidebar-foreground: #e8e8e8;
+  --labui-sidebar-primary: #68bccf;
+  --labui-sidebar-primary-foreground: #1c1c1c;
+  --labui-sidebar-accent: #363636;
+  --labui-sidebar-accent-foreground: #f3f3f3;
+  --labui-sidebar-border: #363636;
+  --labui-sidebar-ring: #68bccf;
 }
 
 @media (forced-colors: active) {
@@ -121,12 +155,101 @@
   --color-input-background: var(--labui-input-background);
   --color-ring: var(--labui-ring);
   --color-overlay: var(--labui-overlay);
+  --color-info: var(--labui-info);
+  --color-info-foreground: var(--labui-info-foreground);
+  --color-chart-1: var(--labui-chart-1);
+  --color-chart-2: var(--labui-chart-2);
+  --color-chart-3: var(--labui-chart-3);
+  --color-chart-4: var(--labui-chart-4);
+  --color-chart-5: var(--labui-chart-5);
+  --color-sidebar: var(--labui-sidebar);
+  --color-sidebar-foreground: var(--labui-sidebar-foreground);
+  --color-sidebar-primary: var(--labui-sidebar-primary);
+  --color-sidebar-primary-foreground: var(--labui-sidebar-primary-foreground);
+  --color-sidebar-accent: var(--labui-sidebar-accent);
+  --color-sidebar-accent-foreground: var(--labui-sidebar-accent-foreground);
+  --color-sidebar-border: var(--labui-sidebar-border);
+  --color-sidebar-ring: var(--labui-sidebar-ring);
 }
 
 @theme {
   --animate-spin: labui-spin 1s linear infinite;
   --animate-pulse: labui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   --animate-pop: labui-pop 160ms ease-out;
+  --animate-fade-in: labui-fade-in 150ms ease-out;
+  --animate-fade-out: labui-fade-out 150ms ease-in;
+  --animate-zoom-in: labui-zoom-in 150ms ease-out;
+  --animate-zoom-out: labui-zoom-out 150ms ease-in;
+  --animate-slide-in-right: labui-slide-in-right 200ms ease-out;
+  --animate-slide-out-right: labui-slide-out-right 200ms ease-in;
+  --animate-slide-in-left: labui-slide-in-left 200ms ease-out;
+  --animate-slide-out-left: labui-slide-out-left 200ms ease-in;
+  --animate-slide-in-top: labui-slide-in-top 200ms ease-out;
+  --animate-slide-out-top: labui-slide-out-top 200ms ease-in;
+  --animate-slide-in-bottom: labui-slide-in-bottom 200ms ease-out;
+  --animate-slide-out-bottom: labui-slide-out-bottom 200ms ease-in;
+  @keyframes labui-fade-in {
+    from {
+      opacity: 0;
+    }
+  }
+  @keyframes labui-fade-out {
+    to {
+      opacity: 0;
+    }
+  }
+  @keyframes labui-zoom-in {
+    from {
+      opacity: 0;
+      transform: translate(-50%, -50%) scale(0.95);
+    }
+  }
+  @keyframes labui-zoom-out {
+    to {
+      opacity: 0;
+      transform: translate(-50%, -50%) scale(0.95);
+    }
+  }
+  @keyframes labui-slide-in-right {
+    from {
+      transform: translateX(100%);
+    }
+  }
+  @keyframes labui-slide-out-right {
+    to {
+      transform: translateX(100%);
+    }
+  }
+  @keyframes labui-slide-in-left {
+    from {
+      transform: translateX(-100%);
+    }
+  }
+  @keyframes labui-slide-out-left {
+    to {
+      transform: translateX(-100%);
+    }
+  }
+  @keyframes labui-slide-in-top {
+    from {
+      transform: translateY(-100%);
+    }
+  }
+  @keyframes labui-slide-out-top {
+    to {
+      transform: translateY(-100%);
+    }
+  }
+  @keyframes labui-slide-in-bottom {
+    from {
+      transform: translateY(100%);
+    }
+  }
+  @keyframes labui-slide-out-bottom {
+    to {
+      transform: translateY(100%);
+    }
+  }
   @keyframes labui-spin {
     to {
       transform: rotate(360deg);

package/dist/chunk-3ZY2AVB4.js

@@ -1,434 +0,0 @@
-// classes.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  experimentalParseClassName: ({ className, parseClassName }) => parseClassName(className.replace(/^labui:/, ""))
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// primitives.tsx
-import * as React from "react";
-import {
-  ArrowLeftIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  CopyIcon,
-  Loader2Icon
-} from "lucide-react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PageActions({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: "labui:ml-auto labui:flex labui:max-w-full labui:flex-wrap labui:items-center labui:justify-end labui:gap-2 labui:[--labui-control-height:2.25rem] labui:empty:hidden labui:[@media(pointer:coarse)]:[--labui-control-height:2.75rem]", children });
-}
-function PageHeader({
-  title,
-  actions
-}) {
-  return /* @__PURE__ */ jsxs("header", { className: "labui:flex labui:flex-wrap labui:items-center labui:gap-3", children: [
-    /* @__PURE__ */ jsx("h1", { className: "labui:font-display labui:text-2xl labui:font-bold labui:tracking-tight", children: title }),
-    /* @__PURE__ */ jsx(PageActions, { children: actions })
-  ] });
-}
-function Page({
-  title,
-  actions,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "labui:flex labui:min-w-0 labui:flex-col labui:gap-4",
-        className
-      ),
-      children: [
-        title && /* @__PURE__ */ jsx(PageHeader, { title, actions }),
-        children
-      ]
-    }
-  );
-}
-var focusRing = "labui:focus-visible:border-ring labui:focus-visible:ring-[3px] labui:focus-visible:ring-ring/50";
-var invalidRing = "labui:aria-invalid:border-destructive labui:aria-invalid:ring-destructive/20 labui:dark:aria-invalid:ring-destructive/40";
-var raisedButtonSurface = [
-  "labui:border labui:border-border labui:border-b-input labui:bg-card labui:bg-linear-to-b labui:from-card labui:to-muted labui:text-foreground",
-  "labui:shadow-[inset_0_1px_0_#ffffff,0_1px_1px_#00000014,0_3px_4px_#0000000d]",
-  "labui:hover:to-background labui:hover:shadow-[inset_0_1px_0_#ffffff,0_2px_3px_#0000001a,0_4px_6px_#0000000d]",
-  "labui:active:translate-y-px labui:active:from-muted labui:active:to-card labui:active:shadow-[inset_0_1px_2px_#0000001a,0_1px_0_#ffffff80]",
-  "labui:dark:border-foreground/15 labui:dark:border-b-foreground/10 labui:dark:bg-secondary labui:dark:from-[color-mix(in_srgb,var(--labui-secondary)_88%,var(--labui-foreground))] labui:dark:to-secondary labui:dark:text-popover-foreground",
-  "labui:dark:shadow-[inset_0_1px_0_#ffffff14,0_1px_2px_#00000026]",
-  "labui:dark:hover:border-foreground/25 labui:dark:hover:from-[color-mix(in_srgb,var(--labui-secondary)_82%,var(--labui-foreground))] labui:dark:hover:to-secondary labui:dark:hover:shadow-[inset_0_1px_0_#ffffff1f,0_2px_4px_#00000033]",
-  "labui:dark:active:from-secondary labui:dark:active:to-secondary labui:dark:active:shadow-[inset_0_1px_2px_#00000033,0_1px_0_#ffffff0a]",
-  "labui:disabled:bg-secondary labui:disabled:bg-none labui:disabled:shadow-none labui:dark:disabled:shadow-none"
-].join(" ");
-var buttonVariants = {
-  default: "labui:border labui:border-transparent labui:bg-primary labui:text-primary-foreground labui:shadow-xs labui:hover:bg-primary/90 labui:active:translate-y-px",
-  destructive: "labui:border labui:border-transparent labui:bg-destructive-muted labui:text-destructive labui:hover:border-destructive/20 labui:hover:bg-destructive/15 labui:focus-visible:ring-destructive/20 labui:dark:focus-visible:ring-destructive/40",
-  secondary: raisedButtonSurface,
-  ghost: "labui:hover:bg-accent labui:hover:text-accent-foreground labui:dark:hover:bg-accent/50",
-  link: "labui:text-link labui:underline-offset-4 labui:hover:underline"
-};
-var buttonSizes = {
-  default: "labui:h-(--labui-control-height) labui:px-4 labui:py-2 labui:has-[>svg]:px-3",
-  sm: "labui:h-(--labui-control-height-sm) labui:gap-1.5 labui:rounded-md labui:px-3 labui:has-[>svg]:px-2.5",
-  "icon-xs": "labui:size-6 labui:rounded-md labui:[&_svg:not([class*='size-'])]:size-3",
-  "icon-sm": "labui:size-(--labui-control-height-sm)"
-};
-var Button = React.forwardRef(function Button2({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}, ref) {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(
-        "labui:inline-flex labui:shrink-0 labui:items-center labui:justify-center labui:gap-2 labui:rounded-md",
-        "labui:text-sm labui:font-medium labui:whitespace-nowrap labui:transition-all labui:outline-none",
-        "labui:disabled:pointer-events-none labui:disabled:opacity-50",
-        focusRing,
-        invalidRing,
-        "labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0 labui:[&_svg:not([class*='size-'])]:size-4",
-        variant && buttonVariants[variant],
-        size && buttonSizes[size],
-        className
-      ),
-      ...props
-    }
-  );
-});
-var badgeVariants = {
-  default: "labui:bg-primary labui:text-primary-foreground labui:[a&]:hover:bg-primary/90",
-  destructive: "labui:border-destructive/30 labui:bg-destructive/15 labui:text-destructive labui:focus-visible:ring-destructive/20 labui:[a&]:hover:bg-destructive/25",
-  success: "labui:border-success/30 labui:bg-success/15 labui:text-success labui:[a&]:hover:bg-success/25",
-  warning: "labui:border-warning/30 labui:bg-warning/15 labui:text-warning labui:[a&]:hover:bg-warning/25"
-};
-var Badge = React.forwardRef(function Badge2({ className, variant = "default", ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "data-slot": "badge",
-      "data-variant": variant,
-      className: cn(
-        "labui:inline-flex labui:w-fit labui:shrink-0 labui:items-center labui:justify-center labui:gap-1 labui:overflow-hidden",
-        "labui:rounded-full labui:border labui:border-transparent labui:px-2 labui:py-0.5",
-        "labui:text-xs labui:font-medium labui:whitespace-nowrap labui:transition-[color,box-shadow]",
-        focusRing,
-        invalidRing,
-        "labui:[&>svg]:pointer-events-none labui:[&>svg]:size-3",
-        variant && badgeVariants[variant],
-        className
-      ),
-      ...props
-    }
-  );
-});
-var alertVariants = {
-  destructive: "labui:border-destructive/40 labui:bg-card labui:text-destructive labui:*:data-[slot=alert-description]:text-destructive/90 labui:[&>svg]:text-current",
-  warning: "labui:border-warning/40 labui:bg-card labui:text-foreground labui:[&>svg]:text-warning"
-};
-var Alert = React.forwardRef(function Alert2({ className, variant, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert",
-      role: "alert",
-      className: cn(
-        "labui:relative labui:grid labui:w-full labui:grid-cols-[0_1fr] labui:items-start labui:gap-y-0.5 labui:rounded-lg labui:border labui:px-4 labui:py-3 labui:text-sm labui:has-[>svg]:grid-cols-[--spacing(4)_1fr] labui:has-[>svg]:gap-x-3 labui:[&>svg]:size-4 labui:[&>svg]:translate-y-0.5 labui:[&>svg]:text-current",
-        variant && alertVariants[variant],
-        className
-      ),
-      ...props
-    }
-  );
-});
-var AlertTitle = React.forwardRef(function AlertTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert-title",
-      className: cn(
-        "labui:col-start-2 labui:line-clamp-1 labui:min-h-4 labui:font-medium labui:tracking-tight",
-        className
-      ),
-      ...props
-    }
-  );
-});
-var AlertDescription = React.forwardRef(function AlertDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert-description",
-      className: cn(
-        "labui:col-start-2 labui:grid labui:justify-items-start labui:gap-1 labui:text-sm labui:text-muted-foreground labui:[&_p]:leading-relaxed",
-        className
-      ),
-      ...props
-    }
-  );
-});
-var Input = React.forwardRef(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      type,
-      autoComplete: "off",
-      "data-slot": "input",
-      className: cn(
-        "labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:rounded-md labui:border labui:border-input",
-        "labui:bg-input-background labui:px-(--labui-control-px) labui:py-1 labui:shadow-xs",
-        "labui:text-base labui:md:text-sm labui:placeholder:text-muted-foreground labui:transition-[color,box-shadow] labui:outline-none",
-        "labui:selection:bg-primary labui:selection:text-primary-foreground",
-        "labui:file:me-3 labui:file:inline-flex labui:file:h-7 labui:file:border-0 labui:file:bg-transparent",
-        "labui:file:text-sm labui:file:font-medium labui:file:text-foreground",
-        "labui:disabled:pointer-events-none labui:disabled:cursor-not-allowed labui:disabled:opacity-50",
-        focusRing,
-        invalidRing,
-        "labui:[&::-webkit-search-cancel-button]:appearance-none labui:[&::-webkit-search-decoration]:appearance-none labui:[&::-webkit-search-results-button]:appearance-none",
-        "labui:[&::-webkit-calendar-picker-indicator]:opacity-60 labui:[&::-webkit-datetime-edit]:leading-none",
-        className
-      ),
-      ...props
-    }
-  );
-});
-var Checkbox = React.forwardRef(function Checkbox2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      "data-slot": "checkbox",
-      className: cn(
-        "labui:peer labui:size-4 labui:shrink-0 labui:rounded-[4px] labui:border labui:border-input labui:dark:bg-input/30",
-        "labui:shadow-xs labui:transition-shadow labui:outline-none",
-        "labui:disabled:cursor-not-allowed labui:disabled:opacity-50",
-        "labui:data-[state=checked]:border-primary labui:data-[state=checked]:bg-primary labui:data-[state=checked]:text-primary-foreground labui:dark:data-[state=checked]:bg-primary",
-        focusRing,
-        invalidRing,
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "labui:grid labui:place-content-center labui:text-current labui:transition-none",
-          children: /* @__PURE__ */ jsx(CheckIcon, { className: "labui:size-3.5" })
-        }
-      )
-    }
-  );
-});
-var Field = React.forwardRef(function Field2({ className, orientation, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      className: cn(
-        "labui:flex labui:w-full labui:gap-3 labui:data-[invalid=true]:text-destructive",
-        orientation ? "labui:items-center" : "labui:flex-col",
-        className
-      ),
-      ...props
-    }
-  );
-});
-var FieldLabel = React.forwardRef(function FieldLabel2({ className, ...props }, ref) {
-  return (
-    // oxlint-disable-next-line jsx-a11y/label-has-associated-control -- callers pass htmlFor
-    /* @__PURE__ */ jsx(
-      "label",
-      {
-        ref,
-        className: cn(
-          "labui:flex labui:w-fit labui:items-center labui:gap-2 labui:text-sm labui:leading-snug labui:font-medium labui:select-none",
-          className
-        ),
-        ...props
-      }
-    )
-  );
-});
-var FieldError = React.forwardRef(function FieldError2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: "alert",
-      className: cn("labui:text-sm labui:text-destructive", className),
-      ...props
-    }
-  );
-});
-function Select(props) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue(props) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-var SelectTrigger = React.forwardRef(function SelectTrigger2({ className, size = "default", children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      ref,
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: cn(
-        "labui:flex labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:items-center labui:justify-between labui:gap-2",
-        "labui:rounded-md labui:border labui:border-input labui:bg-input-background labui:px-(--labui-control-px) labui:shadow-xs",
-        "labui:text-sm labui:whitespace-nowrap labui:transition-[color,box-shadow] labui:outline-none labui:data-[placeholder]:text-muted-foreground",
-        "labui:data-[size=sm]:h-(--labui-control-height-sm) labui:data-[size=sm]:px-2 labui:data-[size=sm]:text-xs",
-        focusRing,
-        invalidRing,
-        "labui:disabled:cursor-not-allowed labui:disabled:opacity-50",
-        "labui:*:data-[slot=select-value]:truncate labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "labui:size-4 labui:text-muted-foreground" }) })
-      ]
-    }
-  );
-});
-var SelectContent = React.forwardRef(function SelectContent2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    SelectPrimitive.Content,
-    {
-      ref,
-      "data-slot": "select-content",
-      position: "popper",
-      sideOffset: 4,
-      className: cn(
-        "labui:relative labui:z-50 labui:max-h-(--radix-select-content-available-height) labui:min-w-(--radix-select-trigger-width) labui:overflow-x-hidden labui:overflow-y-auto labui:rounded-lg labui:border labui:bg-popover/90 labui:p-1 labui:text-popover-foreground labui:shadow-lg labui:backdrop-blur-xl labui:backdrop-saturate-150",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { children: React.Children.toArray(children).length ? children : /* @__PURE__ */ jsx("p", { className: "labui:p-2 labui:text-sm labui:text-muted-foreground", children: "Empty" }) })
-    }
-  ) });
-});
-var SelectItem = React.forwardRef(function SelectItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      ref,
-      "data-slot": "select-item",
-      className: cn(
-        "labui:relative labui:flex labui:w-full labui:cursor-default labui:items-center labui:rounded-md labui:py-1.5 labui:pr-8 labui:pl-2 labui:text-sm labui:outline-none labui:select-none labui:data-[disabled]:pointer-events-none labui:data-[disabled]:opacity-50 labui:data-[highlighted]:bg-accent labui:data-[highlighted]:text-accent-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { className: "labui:absolute labui:right-2 labui:flex labui:items-center", children: /* @__PURE__ */ jsx(CheckIcon, { className: "labui:size-4 labui:text-primary" }) })
-      ]
-    }
-  );
-});
-var Spinner = React.forwardRef(function Spinner2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    Loader2Icon,
-    {
-      ref,
-      role: "status",
-      "aria-label": "Loading",
-      className: cn("labui:size-4 labui:animate-spin", className),
-      ...props
-    }
-  );
-});
-var Skeleton = React.forwardRef(function Skeleton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "skeleton",
-      className: cn(
-        "labui:animate-pulse labui:rounded-md labui:bg-accent",
-        className
-      ),
-      ...props
-    }
-  );
-});
-function CopyButton({ value, label }) {
-  const [copied, setCopied] = React.useState(false);
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon-xs",
-      "aria-label": label,
-      title: label,
-      onClick: () => navigator.clipboard.writeText(value).then(() => setCopied(true)),
-      children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
-    }
-  );
-}
-function Back({
-  label,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "labui:-ml-2.5 labui:self-start",
-      asChild: true,
-      children: /* @__PURE__ */ jsxs("a", { ...props, children: [
-        /* @__PURE__ */ jsx(ArrowLeftIcon, {}),
-        label
-      ] })
-    }
-  );
-}
-
-export {
-  cn,
-  PageActions,
-  PageHeader,
-  Page,
-  Button,
-  Badge,
-  Alert,
-  AlertTitle,
-  AlertDescription,
-  Input,
-  Checkbox,
-  Field,
-  FieldLabel,
-  FieldError,
-  Select,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectItem,
-  Spinner,
-  Skeleton,
-  CopyButton,
-  Back
-};
-//# sourceMappingURL=chunk-3ZY2AVB4.js.map