@orangecheck/app-design 0.6.1 → 1.0.0

package/dist/primitives.d.mts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-DRwGhB0h.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -16,6 +17,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 import { ClassValue } from 'clsx';
+import './index-C6hDqOOS.mjs';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
@@ -147,6 +149,55 @@ interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function ScrollFade({ fade, className, innerClassName, children, ...props }: ScrollFadeProps): react.JSX.Element;
 
+declare function Accordion({ single, children, className, }: {
+    single?: boolean;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function AccordionItem({ title, children, defaultOpen, id, className, }: {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+    className?: string;
+}): react.JSX.Element;
+
+interface ConfirmOptions {
+    title: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+}
+interface PromptOptions extends ConfirmOptions {
+    label?: ReactNode;
+    placeholder?: string;
+    defaultValue?: string;
+    hint?: ReactNode;
+    secret?: boolean;
+    minLength?: number;
+    validate?: (value: string) => string | null | undefined;
+}
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+declare function prompt(options: PromptOptions): Promise<string | null>;
+declare function DialogHost(): react.JSX.Element;
+
+declare function Pagination({ pageIndex, pageSize, total, onPage, label, className, }: {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPage: (pageIndex: number) => void;
+    label?: string;
+    className?: string;
+}): react.JSX.Element | null;
+
+declare function QrCode({ value, size, label, className, }: {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, useTimedOut };
+export { Accordion, AccordionItem, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, type ConfirmOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useTimedOut };

package/dist/primitives.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-BEOxeY9j.js';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -16,6 +17,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 import { ClassValue } from 'clsx';
+import './index-C6hDqOOS.js';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
@@ -147,6 +149,55 @@ interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function ScrollFade({ fade, className, innerClassName, children, ...props }: ScrollFadeProps): react.JSX.Element;
 
+declare function Accordion({ single, children, className, }: {
+    single?: boolean;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function AccordionItem({ title, children, defaultOpen, id, className, }: {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+    className?: string;
+}): react.JSX.Element;
+
+interface ConfirmOptions {
+    title: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+}
+interface PromptOptions extends ConfirmOptions {
+    label?: ReactNode;
+    placeholder?: string;
+    defaultValue?: string;
+    hint?: ReactNode;
+    secret?: boolean;
+    minLength?: number;
+    validate?: (value: string) => string | null | undefined;
+}
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+declare function prompt(options: PromptOptions): Promise<string | null>;
+declare function DialogHost(): react.JSX.Element;
+
+declare function Pagination({ pageIndex, pageSize, total, onPage, label, className, }: {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPage: (pageIndex: number) => void;
+    label?: string;
+    className?: string;
+}): react.JSX.Element | null;
+
+declare function QrCode({ value, size, label, className, }: {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, useTimedOut };
+export { Accordion, AccordionItem, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, type ConfirmOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useTimedOut };

package/dist/primitives.js

@@ -19,6 +19,9 @@ var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var TabsPrimitive = require('@radix-ui/react-tabs');
+var QRCode = require('qrcode');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -49,6 +52,7 @@ var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMe
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
 
 var merge = tailwindMerge.extendTailwindMerge({
   extend: {
@@ -237,13 +241,13 @@ var badgeVariants = classVarianceAuthority.cva(
       tone: {
         neutral: "border-border bg-card text-foreground",
         muted: "border-transparent bg-muted text-muted-foreground",
-        brand: "border-transparent bg-[color-mix(in_oklab,var(--oca-orange)_12%,var(--card))] text-oca-accent-ink",
+        brand: "border-transparent bg-[color-mix(in_oklab,var(--oca-orange)_9%,var(--card))] text-oca-accent-ink",
         danger: "border-transparent bg-[color-mix(in_oklab,var(--destructive)_12%,var(--card))] text-destructive",
         // A good state is a neutral pill with a green dot, not a green pill.
         success: GOOD_DOT,
         // Aliases kept so older call sites keep compiling: attention is
         // the brand accent, information is neutral.
-        warning: "border-transparent bg-[color-mix(in_oklab,var(--oca-orange)_12%,var(--card))] text-oca-accent-ink",
+        warning: "border-transparent bg-[color-mix(in_oklab,var(--oca-orange)_9%,var(--card))] text-oca-accent-ink",
         info: "border-border bg-card text-foreground",
         // Inverted in dark mode, where ink would sit on a card of nearly its own colour.
         ink: "border-transparent bg-oca-ink text-oca-ink-foreground dark:bg-foreground dark:text-background",
@@ -281,6 +285,30 @@ function StatusPill({
     }
   );
 }
+var WORD = {
+  live: "Live",
+  testing: "In testing",
+  "not-yet": "Not yet",
+  paused: "Paused",
+  good: "Good",
+  caution: "Caution",
+  refused: "Refused"
+};
+var TONE = {
+  live: "success",
+  testing: "brand",
+  "not-yet": "muted",
+  paused: "muted",
+  good: "success",
+  caution: "brand",
+  refused: "danger"
+};
+function statusWord(status) {
+  return WORD[status];
+}
+function StatusBadge({ status, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: TONE[status], "data-status": status, className: cn(className), ...props, children: WORD[status] });
+}
 var cardVariants = classVarianceAuthority.cva("relative rounded-[1.25rem] border", {
   variants: {
     tone: {
@@ -464,7 +492,8 @@ var Switch = react.forwardRef(function Switch2({ className, ...props }, ref) {
       className: cn(
         "peer inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent bg-input p-0.5",
         "outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        "data-[state=checked]:bg-brand disabled:cursor-not-allowed disabled:opacity-50",
+        // The deep orange: the track is the state, so it must clear 3:1 on a card.
+        "data-[state=checked]:bg-oca-orange-deep disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
@@ -756,11 +785,252 @@ var TabsTrigger = react.forwardRef(function TabsTrigger2({ className, ...props }
 var TabsContent = react.forwardRef(function TabsContent2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Content, { ref, className: cn("mt-6 outline-none", className), ...props });
 });
+var GroupName = react.createContext(void 0);
+function Accordion({
+  single = false,
+  children,
+  className
+}) {
+  const name = react.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupName.Provider, { value: single ? name : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("divide-y divide-border overflow-hidden rounded-[1.25rem] border border-border bg-card", className), children }) });
+}
+function AccordionItem({
+  title,
+  children,
+  defaultOpen = false,
+  id,
+  className
+}) {
+  const name = react.useContext(GroupName);
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { id, name, open: defaultOpen || void 0, className: cn("group scroll-mt-24", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "summary",
+      {
+        className: cn(
+          "flex min-h-14 cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-[1rem] font-medium leading-snug md:px-6",
+          // Inside the card's clip, so the ring is drawn within the row.
+          "transition-colors hover:bg-accent/60 focus-visible:outline-offset-[-2px] [&::-webkit-details-marker]:hidden"
+        ),
+        children: [
+          title,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              "aria-hidden": true,
+              className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oca-body px-5 pb-5 text-[0.9375rem] md:px-6 md:pb-6", children })
+  ] });
+}
+var queue = [];
+var asked = 0;
+var hosts = 0;
+var listeners = /* @__PURE__ */ new Set();
+var emit = () => listeners.forEach((l) => l());
+function ask(item) {
+  queue = [...queue, { ...item, id: ++asked }];
+  emit();
+}
+function done() {
+  queue = queue.slice(1);
+  emit();
+}
+function confirm(options) {
+  if (hosts === 0) {
+    console.error("confirm(): no <DialogHost /> is mounted, so nothing was asked; treating it as no.");
+    return Promise.resolve(false);
+  }
+  return new Promise((resolve) => ask({ id: 0, kind: "confirm", options, settle: resolve }));
+}
+function prompt(options) {
+  if (hosts === 0) {
+    console.error("prompt(): no <DialogHost /> is mounted, so nothing was asked; treating it as cancelled.");
+    return Promise.resolve(null);
+  }
+  return new Promise((resolve) => ask({ id: 0, kind: "prompt", options, settle: resolve }));
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  hosts++;
+  return () => {
+    listeners.delete(listener);
+    hosts--;
+  };
+}
+var current = () => queue[0] ?? null;
+var none = () => null;
+function PromptBody({ ask: a }) {
+  const o = a.options;
+  const [value, setValue] = react.useState(o.defaultValue ?? "");
+  const [error, setError] = react.useState(null);
+  const submit = (e) => {
+    e.preventDefault();
+    if (o.minLength && value.length < o.minLength) {
+      setError(`At least ${o.minLength} characters.`);
+      return;
+    }
+    const refused = o.validate?.(value);
+    if (refused) {
+      setError(refused);
+      return;
+    }
+    a.settle(value);
+    done();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: submit, noValidate: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Field, { label: o.label ?? "Your answer", hint: o.hint, error, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        autoFocus: true,
+        type: o.secret ? "password" : "text",
+        autoComplete: o.secret ? "new-password" : "off",
+        placeholder: o.placeholder,
+        value,
+        onChange: (e) => {
+          setValue(e.target.value);
+          setError(null);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            a.settle(null);
+            done();
+          },
+          children: o.cancelLabel ?? "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", variant: o.destructive ? "danger" : "primary", children: o.confirmLabel ?? "Continue" })
+    ] })
+  ] });
+}
+function DialogHost() {
+  const a = react.useSyncExternalStore(subscribe, current, none);
+  const cancel = () => {
+    if (!a) return;
+    if (a.kind === "confirm") a.settle(false);
+    else a.settle(null);
+    done();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: a !== null, onOpenChange: (open) => open ? void 0 : cancel(), children: a ? /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogContent,
+    {
+      role: "alertdialog",
+      ...a.options.message ? {} : { "aria-describedby": void 0 },
+      className: "w-[min(92vw,28rem)]",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: a.options.title }),
+          a.options.message ? /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: a.options.message }) : null
+        ] }),
+        a.kind === "prompt" ? (
+          // Keyed by the ask, so a second prompt starts empty.
+          /* @__PURE__ */ jsxRuntime.jsx(PromptBody, { ask: a }, a.id)
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: cancel, children: a.options.cancelLabel ?? "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: a.options.destructive ? "danger" : "primary",
+              onClick: () => {
+                a.settle(true);
+                done();
+              },
+              children: a.options.confirmLabel ?? "Continue"
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null });
+}
+var N = new Intl.NumberFormat("en-US");
+function Pagination({
+  pageIndex,
+  pageSize,
+  total,
+  onPage,
+  label = "Pages",
+  className
+}) {
+  const pages = Math.max(1, Math.ceil(total / pageSize));
+  const index = Math.min(Math.max(0, pageIndex), pages - 1);
+  if (index !== pageIndex && typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+    console.warn(`Pagination: pageIndex ${pageIndex} is outside 0\u2013${pages - 1}; it counts from 0.`);
+  }
+  if (total <= pageSize) return null;
+  const from = index * pageSize + 1;
+  const to = Math.min(total, (index + 1) * pageSize);
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": label, className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { "aria-live": "polite", className: "oca-tabular text-[0.875rem] text-muted-foreground", children: [
+      N.format(from),
+      "\u2013",
+      N.format(to),
+      " of ",
+      N.format(total)
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "secondary", size: "sm", disabled: index === 0, onClick: () => onPage(index - 1), className: "pl-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { "aria-hidden": true }),
+        "Previous"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "secondary", size: "sm", disabled: index >= pages - 1, onClick: () => onPage(index + 1), className: "pr-3", children: [
+        "Next",
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": true })
+      ] })
+    ] })
+  ] });
+}
+function QrCode({
+  value,
+  size = 200,
+  label,
+  className
+}) {
+  const matrix = react.useMemo(() => {
+    try {
+      return QRCode__default.default.create(value, { errorCorrectionLevel: "M" }).modules;
+    } catch {
+      return null;
+    }
+  }, [value]);
+  const path = react.useMemo(() => {
+    if (!matrix) return "";
+    let d = "";
+    for (let y = 0; y < matrix.size; y++) {
+      for (let x = 0; x < matrix.size; x++) {
+        if (matrix.get(y, x)) d += `M${x} ${y}h1v1h-1z`;
+      }
+    }
+    return d;
+  }, [matrix]);
+  const short = value.length > 28 ? `${value.slice(0, 28)}\u2026` : value;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "img",
+      "aria-label": matrix ? label ?? `QR code for ${short}` : "Too long for a QR code",
+      className: cn("inline-block shrink-0 rounded-2xl bg-white p-3 ring-1 ring-border", className),
+      style: { width: size, height: size },
+      children: matrix ? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: `0 0 ${matrix.size} ${matrix.size}`, shapeRendering: "crispEdges", "aria-hidden": true, className: "block size-full", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill: "#0a0a0a" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: "flex size-full items-center justify-center text-center text-[0.8125rem] text-[#54585e]", children: "Too long for a QR code" })
+    }
+  );
+}
 
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: function () { return sonner.toast; }
 });
+exports.Accordion = Accordion;
+exports.AccordionItem = AccordionItem;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Card = Card;
@@ -777,6 +1047,7 @@ exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
+exports.DialogHost = DialogHost;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
 exports.DropdownMenu = DropdownMenu;
@@ -790,10 +1061,12 @@ exports.Field = Field;
 exports.Input = Input;
 exports.Kbd = Kbd;
 exports.Label = Label;
+exports.Pagination = Pagination;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
+exports.QrCode = QrCode;
 exports.RadioGroup = RadioGroup;
 exports.RadioGroupItem = RadioGroupItem;
 exports.ScrollFade = ScrollFade;
@@ -812,6 +1085,7 @@ exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
+exports.StatusBadge = StatusBadge;
 exports.StatusDot = StatusDot;
 exports.StatusPill = StatusPill;
 exports.Switch = Switch;
@@ -829,6 +1103,9 @@ exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
 exports.cn = cn;
+exports.confirm = confirm;
+exports.prompt = prompt;
+exports.statusWord = statusWord;
 exports.useTimedOut = useTimedOut;
 //# sourceMappingURL=primitives.js.map
 //# sourceMappingURL=primitives.js.map