@labpane/ui 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,116 @@
-# Temporary Holding Version
+# @labpane/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Page layouts, forms, dialogs, menus, tables, and an optional terminal for React, built on Radix. It pairs with [`@labpane/os`](../os) but works on its own.
+
+```sh
+npm install @labpane/ui @radix-ui/react-alert-dialog @radix-ui/react-checkbox @radix-ui/react-context-menu @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-popover @radix-ui/react-select @radix-ui/react-slot
+```
+
+```tsx
+import "@labpane/ui/styles.css";
+import { Button, Page } from "@labpane/ui";
+
+export function Settings() {
+  return (
+    <Page title="Settings" actions={<Button>Save</Button>}>
+      …
+    </Page>
+  );
+}
+```
+
+Radix and React are peer dependencies, so your app keeps one copy of each. The stylesheet is built with Tailwind 4 but needs no Tailwind in your app: every class is prefixed `labui:`, nothing is global, and it builds in Tailwind 3 PostCSS pipelines too.
+
+## Components
+
+|           |                                                                                                              |
+| --------- | ------------------------------------------------------------------------------------------------------------ |
+| Pages     | `Page`, `PageHeader`, `PageActions`, `Back`                                                                  |
+| Controls  | `Button`, `Badge`, `Input`, `Checkbox`, `Select` and its parts, `Spinner`, `Skeleton`, `CopyButton`, `Alert` |
+| Forms     | `Field`, `FieldLabel`, `FieldError`, `TextField`, `SelectField`, `AddButton`                                 |
+| Dialogs   | `Dialog` and its parts, `ConfirmDialog`, `DiscardDialog`                                                     |
+| Menus     | `OptionMenu`, `ActionMenu`, `MenuContent`                                                                    |
+| Tables    | `Table`, `column`, `mono`, `num`                                                                             |
+| Workspace | `AppMenu`: logo menu with theme, size, and full-screen controls                                              |
+
+`cn()` merges class names and lets your own Tailwind classes override the `labui:` defaults they conflict with.
+
+Tailwind 4 apps can also write their own `labui:` classes on the same theme by importing ui's Tailwind source instead of the built stylesheet:
+
+```css
+@import "@labpane/ui/tailwind.css";
+@source "./src";
+```
+
+## With @labpane/os
+
+Fill the workspace's slots with ui's menus and dialog:
+
+```tsx
+<Workspace
+  {...workspaceProps}
+  toolbar={(pane) => (
+    <OptionMenu
+      options={[{ id: "reports", label: "Reports" }]}
+      onSelect={openTab}
+      trigger={
+        <Button size="icon-sm" aria-label="Open a tab">
+          +
+        </Button>
+      }
+    />
+  )}
+  menu={(target, actions, restoreFocus) => (
+    <ActionMenu
+      actions={actions}
+      onCloseAutoFocus={
+        restoreFocus &&
+        ((event) => {
+          event.preventDefault();
+          restoreFocus();
+        })
+      }
+    >
+      {target}
+    </ActionMenu>
+  )}
+  confirmClose={(tab) => askToDiscard(tab.label)}
+/>
+```
+
+`askToDiscard` returns a promise that a `DiscardDialog` resolves with the user's choice. Action menu items can hold `items` for a submenu, or `checked` for a check mark.
+
+## Terminal
+
+`@labpane/ui/terminal` is a separate entry point, so apps that don't import it never load the terminal. It needs [`@wterm/dom`](https://wterm.dev):
+
+```sh
+npm install @wterm/dom
+```
+
+```tsx
+import "@wterm/dom/css";
+import { Terminal } from "@labpane/ui/terminal";
+
+<Terminal connect={() => "/pty"} expandable />;
+```
+
+`connect` returns the URL of a WebSocket that streams the terminal: binary frames carry input and output, text frames carry error messages, and resizes arrive as JSON `{ cols, rows }`. Instead of `connect`, `shell` runs an in-browser shell such as `BashShell` from `@wterm/just-bash`. `core` swaps in another terminal engine, such as `GhosttyCore` from `@wterm/ghostty`, and `theme` picks one of `terminalThemes` or `"auto"`.
+
+## Theming
+
+Set these on `:root`, or on any ancestor. Add a `dark` class to an ancestor for the dark defaults.
+
+```css
+:root {
+  --labui-primary: #05697a;
+  --labui-radius: 0.75rem;
+  --labui-font-sans: inherit;
+}
+```
+
+Colours: `background`, `foreground`, `card`, `popover`, `primary`, `secondary`, `muted`, `accent`, `destructive`, `success`, and `warning`, each with a `-foreground` pair where it applies, plus `link`, `border`, `input`, `input-background`, `ring`, `overlay`, and `destructive-muted`. Fonts: `font-sans`, `font-mono`, and `font-display`. Sizes: `radius`, `radius-dialog`, `control-height`, `control-height-sm`, `control-px`, and `row-py`. Each is a `--labui-` variable.
+
+## License
+
+MIT

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Authors of Labpane
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/chunk-3ZY2AVB4.js

@@ -0,0 +1,434 @@
+// 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

package/dist/chunk-3ZY2AVB4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../classes.ts", "../primitives.tsx"],
+  "sourcesContent": ["import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n  experimentalParseClassName: ({ className, parseClassName }) =>\n    parseClassName(className.replace(/^labui:/, \"\")),\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n", "import * as React from \"react\";\nimport {\n  ArrowLeftIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  CopyIcon,\n  Loader2Icon,\n} from \"lucide-react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { cn } from \"./classes.js\";\nexport { cn } from \"./classes.js\";\n\nexport function PageActions({ children }: { children?: React.ReactNode }) {\n  return (\n    <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]\">\n      {children}\n    </div>\n  );\n}\nexport function PageHeader({\n  title,\n  actions,\n}: {\n  title: string;\n  actions?: React.ReactNode;\n}) {\n  return (\n    <header className=\"labui:flex labui:flex-wrap labui:items-center labui:gap-3\">\n      <h1 className=\"labui:font-display labui:text-2xl labui:font-bold labui:tracking-tight\">\n        {title}\n      </h1>\n      <PageActions>{actions}</PageActions>\n    </header>\n  );\n}\nexport function Page({\n  title,\n  actions,\n  className,\n  children,\n}: {\n  title?: string;\n  actions?: React.ReactNode;\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        \"labui:flex labui:min-w-0 labui:flex-col labui:gap-4\",\n        className,\n      )}\n    >\n      {title && <PageHeader title={title} actions={actions} />}\n      {children}\n    </div>\n  );\n}\n\nconst focusRing =\n  \"labui:focus-visible:border-ring labui:focus-visible:ring-[3px] labui:focus-visible:ring-ring/50\";\nconst invalidRing =\n  \"labui:aria-invalid:border-destructive labui:aria-invalid:ring-destructive/20 labui:dark:aria-invalid:ring-destructive/40\";\n\nconst raisedButtonSurface = [\n  \"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\",\n  \"labui:shadow-[inset_0_1px_0_#ffffff,0_1px_1px_#00000014,0_3px_4px_#0000000d]\",\n  \"labui:hover:to-background labui:hover:shadow-[inset_0_1px_0_#ffffff,0_2px_3px_#0000001a,0_4px_6px_#0000000d]\",\n  \"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]\",\n  \"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\",\n  \"labui:dark:shadow-[inset_0_1px_0_#ffffff14,0_1px_2px_#00000026]\",\n  \"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]\",\n  \"labui:dark:active:from-secondary labui:dark:active:to-secondary labui:dark:active:shadow-[inset_0_1px_2px_#00000033,0_1px_0_#ffffff0a]\",\n  \"labui:disabled:bg-secondary labui:disabled:bg-none labui:disabled:shadow-none labui:dark:disabled:shadow-none\",\n].join(\" \");\n\nconst buttonVariants = {\n  default:\n    \"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\",\n  destructive:\n    \"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\",\n  secondary: raisedButtonSurface,\n  ghost:\n    \"labui:hover:bg-accent labui:hover:text-accent-foreground labui:dark:hover:bg-accent/50\",\n  link: \"labui:text-link labui:underline-offset-4 labui:hover:underline\",\n};\nconst buttonSizes = {\n  default:\n    \"labui:h-(--labui-control-height) labui:px-4 labui:py-2 labui:has-[>svg]:px-3\",\n  sm: \"labui:h-(--labui-control-height-sm) labui:gap-1.5 labui:rounded-md labui:px-3 labui:has-[>svg]:px-2.5\",\n  \"icon-xs\":\n    \"labui:size-6 labui:rounded-md labui:[&_svg:not([class*='size-'])]:size-3\",\n  \"icon-sm\": \"labui:size-(--labui-control-height-sm)\",\n};\n\nconst Button = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<\"button\"> & {\n    variant?: keyof typeof buttonVariants | null;\n    size?: keyof typeof buttonSizes | null;\n    asChild?: boolean;\n  }\n>(function Button(\n  {\n    className,\n    variant = \"default\",\n    size = \"default\",\n    asChild = false,\n    ...props\n  },\n  ref,\n) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        \"labui:inline-flex labui:shrink-0 labui:items-center labui:justify-center labui:gap-2 labui:rounded-md\",\n        \"labui:text-sm labui:font-medium labui:whitespace-nowrap labui:transition-all labui:outline-none\",\n        \"labui:disabled:pointer-events-none labui:disabled:opacity-50\",\n        focusRing,\n        invalidRing,\n        \"labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0 labui:[&_svg:not([class*='size-'])]:size-4\",\n        variant && buttonVariants[variant],\n        size && buttonSizes[size],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Button };\n\nconst badgeVariants = {\n  default:\n    \"labui:bg-primary labui:text-primary-foreground labui:[a&]:hover:bg-primary/90\",\n  destructive:\n    \"labui:border-destructive/30 labui:bg-destructive/15 labui:text-destructive labui:focus-visible:ring-destructive/20 labui:[a&]:hover:bg-destructive/25\",\n  success:\n    \"labui:border-success/30 labui:bg-success/15 labui:text-success labui:[a&]:hover:bg-success/25\",\n  warning:\n    \"labui:border-warning/30 labui:bg-warning/15 labui:text-warning labui:[a&]:hover:bg-warning/25\",\n};\n\nconst Badge = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\"> & {\n    variant?: keyof typeof badgeVariants | null;\n  }\n>(function Badge({ className, variant = \"default\", ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(\n        \"labui:inline-flex labui:w-fit labui:shrink-0 labui:items-center labui:justify-center labui:gap-1 labui:overflow-hidden\",\n        \"labui:rounded-full labui:border labui:border-transparent labui:px-2 labui:py-0.5\",\n        \"labui:text-xs labui:font-medium labui:whitespace-nowrap labui:transition-[color,box-shadow]\",\n        focusRing,\n        invalidRing,\n        \"labui:[&>svg]:pointer-events-none labui:[&>svg]:size-3\",\n        variant && badgeVariants[variant],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Badge };\n\nconst alertVariants = {\n  destructive:\n    \"labui:border-destructive/40 labui:bg-card labui:text-destructive labui:*:data-[slot=alert-description]:text-destructive/90 labui:[&>svg]:text-current\",\n  warning:\n    \"labui:border-warning/40 labui:bg-card labui:text-foreground labui:[&>svg]:text-warning\",\n};\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & {\n    variant?: keyof typeof alertVariants | null;\n  }\n>(function Alert({ className, variant, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(\n        \"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\",\n        variant && alertVariants[variant],\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst AlertTitle = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(function AlertTitle({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-title\"\n      className={cn(\n        \"labui:col-start-2 labui:line-clamp-1 labui:min-h-4 labui:font-medium labui:tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst AlertDescription = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(function AlertDescription({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"alert-description\"\n      className={cn(\n        \"labui:col-start-2 labui:grid labui:justify-items-start labui:gap-1 labui:text-sm labui:text-muted-foreground labui:[&_p]:leading-relaxed\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Alert, AlertTitle, AlertDescription };\n\nconst Input = React.forwardRef<\n  HTMLInputElement,\n  React.ComponentPropsWithoutRef<\"input\">\n>(function Input({ className, type, ...props }, ref) {\n  return (\n    <input\n      ref={ref}\n      type={type}\n      autoComplete=\"off\"\n      data-slot=\"input\"\n      className={cn(\n        \"labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:rounded-md labui:border labui:border-input\",\n        \"labui:bg-input-background labui:px-(--labui-control-px) labui:py-1 labui:shadow-xs\",\n        \"labui:text-base labui:md:text-sm labui:placeholder:text-muted-foreground labui:transition-[color,box-shadow] labui:outline-none\",\n        \"labui:selection:bg-primary labui:selection:text-primary-foreground\",\n        \"labui:file:me-3 labui:file:inline-flex labui:file:h-7 labui:file:border-0 labui:file:bg-transparent\",\n        \"labui:file:text-sm labui:file:font-medium labui:file:text-foreground\",\n        \"labui:disabled:pointer-events-none labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n        focusRing,\n        invalidRing,\n        \"labui:[&::-webkit-search-cancel-button]:appearance-none labui:[&::-webkit-search-decoration]:appearance-none labui:[&::-webkit-search-results-button]:appearance-none\",\n        \"labui:[&::-webkit-calendar-picker-indicator]:opacity-60 labui:[&::-webkit-datetime-edit]:leading-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Input };\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(function Checkbox({ className, ...props }, ref) {\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot=\"checkbox\"\n      className={cn(\n        \"labui:peer labui:size-4 labui:shrink-0 labui:rounded-[4px] labui:border labui:border-input labui:dark:bg-input/30\",\n        \"labui:shadow-xs labui:transition-shadow labui:outline-none\",\n        \"labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n        \"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\",\n        focusRing,\n        invalidRing,\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"labui:grid labui:place-content-center labui:text-current labui:transition-none\"\n      >\n        <CheckIcon className=\"labui:size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\n\nexport { Checkbox };\n\nconst Field = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & { orientation?: \"horizontal\" }\n>(function Field({ className, orientation, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      className={cn(\n        \"labui:flex labui:w-full labui:gap-3 labui:data-[invalid=true]:text-destructive\",\n        orientation ? \"labui:items-center\" : \"labui:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst FieldLabel = React.forwardRef<\n  HTMLLabelElement,\n  React.ComponentPropsWithoutRef<\"label\">\n>(function FieldLabel({ className, ...props }, ref) {\n  return (\n    // oxlint-disable-next-line jsx-a11y/label-has-associated-control -- callers pass htmlFor\n    <label\n      ref={ref}\n      className={cn(\n        \"labui:flex labui:w-fit labui:items-center labui:gap-2 labui:text-sm labui:leading-snug labui:font-medium labui:select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst FieldError = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(function FieldError({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={cn(\"labui:text-sm labui:text-destructive\", className)}\n      {...props}\n    />\n  );\n});\n\nexport { Field, FieldLabel, FieldError };\n\nfunction Select(props: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectValue(\n  props: React.ComponentProps<typeof SelectPrimitive.Value>,\n) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {\n    size?: \"sm\" | \"default\";\n  }\n>(function SelectTrigger(\n  { className, size = \"default\", children, ...props },\n  ref,\n) {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"labui:flex labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:items-center labui:justify-between labui:gap-2\",\n        \"labui:rounded-md labui:border labui:border-input labui:bg-input-background labui:px-(--labui-control-px) labui:shadow-xs\",\n        \"labui:text-sm labui:whitespace-nowrap labui:transition-[color,box-shadow] labui:outline-none labui:data-[placeholder]:text-muted-foreground\",\n        \"labui:data-[size=sm]:h-(--labui-control-height-sm) labui:data-[size=sm]:px-2 labui:data-[size=sm]:text-xs\",\n        focusRing,\n        invalidRing,\n        \"labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n        \"labui:*:data-[slot=select-value]:truncate labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"labui:size-4 labui:text-muted-foreground\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, ...props }, ref) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        data-slot=\"select-content\"\n        position=\"popper\"\n        sideOffset={4}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        <SelectPrimitive.Viewport>\n          {React.Children.toArray(children).length ? (\n            children\n          ) : (\n            <p className=\"labui:p-2 labui:text-sm labui:text-muted-foreground\">\n              Empty\n            </p>\n          )}\n        </SelectPrimitive.Viewport>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(function SelectItem({ className, children, ...props }, ref) {\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      data-slot=\"select-item\"\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator className=\"labui:absolute labui:right-2 labui:flex labui:items-center\">\n        <CheckIcon className=\"labui:size-4 labui:text-primary\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n});\n\nexport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };\n\nconst Spinner = React.forwardRef<\n  SVGSVGElement,\n  React.ComponentPropsWithoutRef<\"svg\">\n>(function Spinner({ className, ...props }, ref) {\n  return (\n    <Loader2Icon\n      ref={ref}\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"labui:size-4 labui:animate-spin\", className)}\n      {...props}\n    />\n  );\n});\n\nexport { Spinner };\n\nconst Skeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(function Skeleton({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"skeleton\"\n      className={cn(\n        \"labui:animate-pulse labui:rounded-md labui:bg-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Skeleton };\n\nexport function CopyButton({ value, label }: { value: string; label: string }) {\n  const [copied, setCopied] = React.useState(false);\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-xs\"\n      aria-label={label}\n      title={label}\n      onClick={() =>\n        navigator.clipboard.writeText(value).then(() => setCopied(true))\n      }\n    >\n      {copied ? <CheckIcon /> : <CopyIcon />}\n    </Button>\n  );\n}\n\nexport function Back({\n  label,\n  ...props\n}: React.ComponentProps<\"a\"> & { label: string }) {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      className=\"labui:-ml-2.5 labui:self-start\"\n      asChild\n    >\n      <a {...props}>\n        <ArrowLeftIcon />\n        {label}\n      </a>\n    </Button>\n  );\n}\n"],
+  "mappings": "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",
+  "names": ["Button", "Badge", "Alert", "AlertTitle", "AlertDescription", "Input", "Checkbox", "Field", "FieldLabel", "FieldError", "SelectTrigger", "SelectContent", "SelectItem", "Spinner", "Skeleton"]
+}