@arbidocs/react 0.5.111 → 0.5.112

package/dist/ui/VisibilityToggle.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Share2 } from "lucide-react";
+import { getEntityLabel } from "../entities/registry.js";
+import { IconToggle } from "./IconToggle.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
+const COLORS = {
+  text: "text-secondary",
+  bg: "bg-secondary"
+};
+function isItemShared(item) {
+  return item.shared === true || item.is_shared === true;
+}
+function VisibilityToggle({
+  items,
+  presentation = "toggle",
+  onToggle,
+  disabled = false,
+  disabledTooltip,
+  disablePrivate = false,
+  showLabel = true,
+  showTooltip = true,
+  tooltipActive,
+  tooltipInactive,
+  tooltipMixed,
+  label = "Visibility",
+  workspaceLabel = getEntityLabel("WORKSPACE"),
+  "data-testid": dataTestId
+}) {
+  const itemsArray = useMemo(() => Array.isArray(items) ? items : [items], [items]);
+  const { isAllShared, isMixed } = useMemo(() => {
+    if (itemsArray.length === 0) return { isAllShared: false, isMixed: false };
+    const sharedCount = itemsArray.filter(isItemShared).length;
+    return {
+      isAllShared: sharedCount === itemsArray.length,
+      isMixed: sharedCount > 0 && sharedCount < itemsArray.length
+    };
+  }, [itemsArray]);
+  const isSingle = itemsArray.length === 1;
+  const defaultTooltipActive = `Hide${isSingle ? "" : " all"} from ${workspaceLabel} members`;
+  const defaultTooltipInactive = `Make${isSingle ? "" : " all"} visible to ${workspaceLabel} members`;
+  const defaultTooltipMixed = `Make all visible to ${workspaceLabel} members (some already shared)`;
+  const handleToggle = () => {
+    const shouldShare = !isAllShared;
+    if (disablePrivate && !shouldShare) return;
+    onToggle(shouldShare);
+  };
+  if (presentation === "select")
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: isMixed ? "mixed" : isAllShared ? "workspace" : "me",
+        onValueChange: (value) => onToggle(value === "workspace"),
+        disabled: disabled || !itemsArray.length,
+        children: [
+          /* @__PURE__ */ jsxs(
+            SelectTrigger,
+            {
+              "aria-label": label,
+              "data-testid": dataTestId,
+              className: "h-7 w-auto gap-1 border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted pointer-coarse:h-11",
+              children: [
+                showLabel && /* @__PURE__ */ jsxs("span", { children: [
+                  label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx(SelectValue, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "me", disabled: disablePrivate, children: "Me" }),
+            /* @__PURE__ */ jsx(SelectItem, { value: "workspace", children: "Workspace" }),
+            isMixed && /* @__PURE__ */ jsx(SelectItem, { value: "mixed", disabled: true, children: "Mixed" })
+          ] })
+        ]
+      }
+    );
+  return /* @__PURE__ */ jsx(
+    IconToggle,
+    {
+      icon: Share2,
+      isActive: isAllShared,
+      onToggle: handleToggle,
+      colors: COLORS,
+      inactiveColors: { text: "text-primary", bg: "bg-primary/10" },
+      disabled: disabled || itemsArray.length === 0,
+      disabledTooltip,
+      showLabel,
+      showTooltip,
+      label,
+      isMixed,
+      tooltipActive: tooltipActive || defaultTooltipActive,
+      tooltipInactive: tooltipInactive || defaultTooltipInactive,
+      tooltipMixed: tooltipMixed || defaultTooltipMixed,
+      "data-testid": dataTestId
+    }
+  );
+}
+export {
+  VisibilityToggle
+};
+//# sourceMappingURL=VisibilityToggle.js.map

package/dist/ui/VisibilityToggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/VisibilityToggle.tsx"],
+  "sourcesContent": ["/**\n * VisibilityToggle Component\n *\n * Toggle for private/shared visibility state, the one control every shareable thing in the app uses\n * (documents, conversations, tags, facts, tasks). Supports single items and bulk operations. It takes\n * the items (with a shared field) and `onToggle` because the mutation differs by context. The name the\n * app gives a workspace (the entity registry's, or `workspaceLabel`) appears in its tooltips.\n */\n\nimport { useMemo } from 'react'\nimport { Share2 } from 'lucide-react'\nimport { getEntityLabel } from '../entities/registry'\nimport { IconToggle } from './IconToggle'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select'\n\ninterface SharedItem {\n  shared?: boolean | null\n  is_shared?: boolean | null\n}\n\nexport interface VisibilityToggleProps {\n  /** Explicit Me / Workspace selector for creation forms. */\n  presentation?: 'toggle' | 'select'\n  /** Single item or array of items with shared/is_shared field */\n  items: SharedItem | SharedItem[]\n  /** Called with true to share, false to unshare */\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  /** Tooltip to show when disabled (e.g., \"You cannot unshare this resource\") */\n  disabledTooltip?: string\n  disablePrivate?: boolean\n  showLabel?: boolean\n  /** Set to false to disable tooltip (useful when nested inside another tooltip) */\n  showTooltip?: boolean\n  tooltipActive?: string\n  tooltipInactive?: string\n  tooltipMixed?: string\n  /** The visible label (when `showLabel`); defaults to \"Visibility\". */\n  label?: string\n  /** What the app calls a workspace, for the default tooltips (default: the entity registry's). */\n  workspaceLabel?: string\n  'data-testid'?: string\n}\n\nconst COLORS = {\n  text: 'text-secondary',\n  bg: 'bg-secondary',\n}\n\n// Helper to check if item is shared (supports both shared and is_shared fields)\nfunction isItemShared(item: SharedItem): boolean {\n  return item.shared === true || item.is_shared === true\n}\n\nexport function VisibilityToggle({\n  items,\n  presentation = 'toggle',\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  disablePrivate = false,\n  showLabel = true,\n  showTooltip = true,\n  tooltipActive,\n  tooltipInactive,\n  tooltipMixed,\n  label = 'Visibility',\n  workspaceLabel = getEntityLabel('WORKSPACE'),\n  'data-testid': dataTestId,\n}: VisibilityToggleProps) {\n  // Normalize to array\n  const itemsArray = useMemo(() => (Array.isArray(items) ? items : [items]), [items])\n\n  // Calculate shared state\n  const { isAllShared, isMixed } = useMemo(() => {\n    if (itemsArray.length === 0) return { isAllShared: false, isMixed: false }\n\n    const sharedCount = itemsArray.filter(isItemShared).length\n    return {\n      isAllShared: sharedCount === itemsArray.length,\n      isMixed: sharedCount > 0 && sharedCount < itemsArray.length,\n    }\n  }, [itemsArray])\n\n  const isSingle = itemsArray.length === 1\n\n  // Default tooltips\n  const defaultTooltipActive = `Hide${isSingle ? '' : ' all'} from ${workspaceLabel} members`\n  const defaultTooltipInactive = `Make${isSingle ? '' : ' all'} visible to ${workspaceLabel} members`\n  const defaultTooltipMixed = `Make all visible to ${workspaceLabel} members (some already shared)`\n\n  const handleToggle = () => {\n    // If all are shared, we want to unshare (unless disablePrivate)\n    // If mixed or none shared, we want to share all\n    const shouldShare = !isAllShared\n    if (disablePrivate && !shouldShare) return\n    onToggle(shouldShare)\n  }\n\n  if (presentation === 'select')\n    return (\n      <Select\n        value={isMixed ? 'mixed' : isAllShared ? 'workspace' : 'me'}\n        onValueChange={(value) => onToggle(value === 'workspace')}\n        disabled={disabled || !itemsArray.length}\n      >\n        <SelectTrigger\n          aria-label={label}\n          data-testid={dataTestId}\n          className=\"h-7 w-auto gap-1 border-0 bg-transparent px-1 text-xs font-normal text-muted-foreground shadow-none hover:bg-muted pointer-coarse:h-11\"\n        >\n          {showLabel && <span>{label}:</span>}\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value=\"me\" disabled={disablePrivate}>\n            Me\n          </SelectItem>\n          <SelectItem value=\"workspace\">Workspace</SelectItem>\n          {isMixed && (\n            <SelectItem value=\"mixed\" disabled>\n              Mixed\n            </SelectItem>\n          )}\n        </SelectContent>\n      </Select>\n    )\n\n  return (\n    <IconToggle\n      icon={Share2}\n      isActive={isAllShared}\n      onToggle={handleToggle}\n      colors={COLORS}\n      inactiveColors={{ text: 'text-primary', bg: 'bg-primary/10' }}\n      disabled={disabled || itemsArray.length === 0}\n      disabledTooltip={disabledTooltip}\n      showLabel={showLabel}\n      showTooltip={showTooltip}\n      label={label}\n      isMixed={isMixed}\n      tooltipActive={tooltipActive || defaultTooltipActive}\n      tooltipInactive={tooltipInactive || defaultTooltipInactive}\n      tooltipMixed={tooltipMixed || defaultTooltipMixed}\n      data-testid={dataTestId}\n    />\n  )\n}\n"],
+  "mappings": "AA+GwB,SACd,KADc;AAtGxB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,eAAe,YAAY,eAAe,mBAAmB;AA+B9E,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,IAAI;AACN;AAGA,SAAS,aAAa,MAA2B;AAC/C,SAAO,KAAK,WAAW,QAAQ,KAAK,cAAc;AACpD;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,iBAAiB,eAAe,WAAW;AAAA,EAC3C,eAAe;AACjB,GAA0B;AAExB,QAAM,aAAa,QAAQ,MAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,GAAI,CAAC,KAAK,CAAC;AAGlF,QAAM,EAAE,aAAa,QAAQ,IAAI,QAAQ,MAAM;AAC7C,QAAI,WAAW,WAAW,EAAG,QAAO,EAAE,aAAa,OAAO,SAAS,MAAM;AAEzE,UAAM,cAAc,WAAW,OAAO,YAAY,EAAE;AACpD,WAAO;AAAA,MACL,aAAa,gBAAgB,WAAW;AAAA,MACxC,SAAS,cAAc,KAAK,cAAc,WAAW;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,WAAW,WAAW,WAAW;AAGvC,QAAM,uBAAuB,OAAO,WAAW,KAAK,MAAM,SAAS,cAAc;AACjF,QAAM,yBAAyB,OAAO,WAAW,KAAK,MAAM,eAAe,cAAc;AACzF,QAAM,sBAAsB,uBAAuB,cAAc;AAEjE,QAAM,eAAe,MAAM;AAGzB,UAAM,cAAc,CAAC;AACrB,QAAI,kBAAkB,CAAC,YAAa;AACpC,aAAS,WAAW;AAAA,EACtB;AAEA,MAAI,iBAAiB;AACnB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,UAAU,UAAU,cAAc,cAAc;AAAA,QACvD,eAAe,CAAC,UAAU,SAAS,UAAU,WAAW;AAAA,QACxD,UAAU,YAAY,CAAC,WAAW;AAAA,QAElC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,cAAY;AAAA,cACZ,eAAa;AAAA,cACb,WAAU;AAAA,cAET;AAAA,6BAAa,qBAAC,UAAM;AAAA;AAAA,kBAAM;AAAA,mBAAC;AAAA,gBAC5B,oBAAC,eAAY;AAAA;AAAA;AAAA,UACf;AAAA,UACA,qBAAC,iBACC;AAAA,gCAAC,cAAW,OAAM,MAAK,UAAU,gBAAgB,gBAEjD;AAAA,YACA,oBAAC,cAAW,OAAM,aAAY,uBAAS;AAAA,YACtC,WACC,oBAAC,cAAW,OAAM,SAAQ,UAAQ,MAAC,mBAEnC;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,gBAAgB,EAAE,MAAM,gBAAgB,IAAI,gBAAgB;AAAA,MAC5D,UAAU,YAAY,WAAW,WAAW;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe,iBAAiB;AAAA,MAChC,iBAAiB,mBAAmB;AAAA,MACpC,cAAc,gBAAgB;AAAA,MAC9B,eAAa;AAAA;AAAA,EACf;AAEJ;",
+  "names": []
+}

package/dist/ui/avatar.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "../lib/utils.js";
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/avatar.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\n\nimport { cn } from '../lib/utils'\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full object-cover', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-muted',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],
+  "mappings": "AASE;AATF,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAEjC,SAAS,UAAU;AAEnB,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iEAAiE,SAAS;AAAA,IACvF,GAAG;AAAA;AACN,CACD;AACD,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4CAA4C,SAAS;AAAA,IAClE,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc,gBAAgB,SAAS;",
+  "names": []
+}

package/dist/ui/badge.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        accent: "border-transparent bg-ai-accent-soft text-ai-accent",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/badge.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n        accent: 'border-transparent bg-ai-accent-soft text-ai-accent',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ variant }), className)} {...props} />\n}\n\nexport { Badge, badgeVariants }\n"],
+  "mappings": "AA6BS;AA5BT,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAKA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,MAAM,GAAe;AAC3D,SAAO,oBAAC,SAAI,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAC/E;",
+  "names": []
+}

package/dist/ui/button.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      // One filled primary per view; everything else is tonal, hairline or ghost. No
+      // static shadows: separation is tone, and shadows are reserved for floating layers.
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        accent: "bg-ai-accent text-ai-accent-foreground hover:bg-ai-accent/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-border bg-background hover:bg-muted",
+        secondary: "bg-muted text-foreground hover:bg-muted/70",
+        ghost: "hover:bg-muted",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      // Touch screens get a 44px target (coarse pointers only), mouse keeps the compact 36px.
+      // `!` so the floor also wins over a caller's compact `h-7` or a container's
+      // `[&_button]:h-7` rule: a compact toolbar on a phone must still be tappable.
+      size: {
+        default: "h-9 px-4 py-2 pointer-coarse:h-11!",
+        sm: "h-8 rounded-md px-3 pointer-coarse:h-11! pointer-coarse:min-w-11",
+        lg: "h-10 rounded-md px-8 pointer-coarse:h-12!",
+        icon: "h-9 w-9 pointer-coarse:h-11! pointer-coarse:w-11!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/button.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      // One filled primary per view; everything else is tonal, hairline or ghost. No\n      // static shadows: separation is tone, and shadows are reserved for floating layers.\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        accent: 'bg-ai-accent text-ai-accent-foreground hover:bg-ai-accent/90',\n        destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        outline: 'border border-border bg-background hover:bg-muted',\n        secondary: 'bg-muted text-foreground hover:bg-muted/70',\n        ghost: 'hover:bg-muted',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      // Touch screens get a 44px target (coarse pointers only), mouse keeps the compact 36px.\n      // `!` so the floor also wins over a caller's compact `h-7` or a container's\n      // `[&_button]:h-7` rule: a compact toolbar on a phone must still be tappable.\n      size: {\n        default: 'h-9 px-4 py-2 pointer-coarse:h-11!',\n        sm: 'h-8 rounded-md px-3 pointer-coarse:h-11! pointer-coarse:min-w-11',\n        lg: 'h-10 rounded-md px-8 pointer-coarse:h-12!',\n        icon: 'h-9 w-9 pointer-coarse:h-11! pointer-coarse:w-11!',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button'\n    return (\n      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],
+  "mappings": "AA+CM;AA/CN,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA;AAAA;AAAA;AAAA,MAIA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAOA,MAAM,SAAS,MAAM;AAAA,EACnB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAChE,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE,oBAAC,QAAK,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC,GAAG,KAAW,GAAG,OAAO;AAAA,EAE5F;AACF;AACA,OAAO,cAAc;",
+  "names": []
+}

package/dist/ui/card.js

@@ -0,0 +1,90 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const cardVariants = cva("min-w-0 rounded-lg bg-card text-card-foreground", {
+  variants: {
+    variant: {
+      flat: "",
+      outline: "border",
+      elevated: "border shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "flat"
+  }
+});
+const Card = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: cn("flex flex-col space-y-1.5 p-6", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-title",
+      className: cn("font-semibold leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: cn("flex items-center p-6 pt-0", className),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardVariants
+};
+//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/card.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\n/**\n * Clean-ARBI design contract rule 3: borderless by default; shadows\n * only when an element needs to read as elevated/floating.\n *\n * - `flat` (default): just a rounded surface, no border, no shadow.\n *   Separation comes from background + spacing.\n * - `outline`: adds a single border for surfaces that need a visible\n *   edge (e.g. selectable list cards, embedded panels).\n * - `elevated`: border + a subtle shadow for cards that should lift.\n *\n * `min-w-0` lets a card be a grid/flex item narrower than its content (a truncated row inside\n * must not widen the track and push the page into horizontal scroll).\n *\n * Self-styled consumers that pass their own border/shadow classes keep\n * working unchanged on the default `flat` base.\n */\nconst cardVariants = cva('min-w-0 rounded-lg bg-card text-card-foreground', {\n  variants: {\n    variant: {\n      flat: '',\n      outline: 'border',\n      elevated: 'border shadow-sm',\n    },\n  },\n  defaultVariants: {\n    variant: 'flat',\n  },\n})\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card\"\n      className={cn(cardVariants({ variant }), className)}\n      {...props}\n    />\n  )\n)\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-header\"\n      className={cn('flex flex-col space-y-1.5 p-6', className)}\n      {...props}\n    />\n  )\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-title\"\n      className={cn('font-semibold leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-description\"\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} data-slot=\"card-content\" className={cn('p-6 pt-0', className)} {...props} />\n  )\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-footer\"\n      className={cn('flex items-center p-6 pt-0', className)}\n      {...props}\n    />\n  )\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants }\n"],
+  "mappings": "AAuCI;AAvCJ,YAAY,WAAW;AACvB,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAkBnB,MAAM,eAAe,IAAI,mDAAmD;AAAA,EAC1E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAKD,MAAM,OAAO,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QACjC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,KAAK,cAAc;AAEnB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;AAEzB,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;AAE9B,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,aAAU,gBAAe,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAE7F;AACA,YAAY,cAAc;AAE1B,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,WAAW,cAAc;",
+  "names": []
+}

package/dist/ui/checkbox.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { cn } from "../lib/utils.js";
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer relative h-4 w-4 shrink-0 rounded-sm border border-muted-foreground/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export {
+  Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/checkbox.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check } from 'lucide-react'\n\nimport { cn } from '../lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer relative h-4 w-4 shrink-0 rounded-sm border border-muted-foreground/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground after:absolute after:left-1/2 after:top-1/2 after:hidden after:size-11 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[''] pointer-coarse:after:block\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],
+  "mappings": "AAmBM;AAnBN,YAAY,WAAW;AACvB,YAAY,uBAAuB;AACnC,SAAS,aAAa;AAEtB,SAAS,UAAU;AAEnB,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,kBAAkB;AAAA,EAAlB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,kBAAkB,WAAlB,EAA4B,WAAW,GAAG,+CAA+C,GACxF,8BAAC,SAAM,WAAU,WAAU,GAC7B;AAAA;AACF,CACD;AACD,SAAS,cAAc,kBAAkB,KAAK;",
+  "names": []
+}

package/dist/ui/collapsible.js

@@ -0,0 +1,10 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/ui/collapsible.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/collapsible.tsx"],
+  "sourcesContent": ["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],
+  "mappings": "AAAA,YAAY,0BAA0B;AAEtC,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,qBAAqB,qBAAqB;",
+  "names": []
+}

package/dist/ui/command.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Dialog, DialogContent } from "./dialog.js";
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+const CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+};
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "data-cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 pointer-coarse:h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[min(300px,50dvh)] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-sm tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+};
+//# sourceMappingURL=command.js.map

package/dist/ui/command.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/command.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\n\nimport { cn } from '../lib/utils'\nimport { Dialog, DialogContent } from './dialog'\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" data-cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        'flex h-10 pointer-coarse:h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn('max-h-[min(300px,50dvh)] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 pointer-coarse:min-h-11 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      className\n    )}\n    {...props}\n  />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-sm tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"],
+  "mappings": ";AAcE,cA2BA,YA3BA;AAZF,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,cAAc;AAEvB,SAAS,UAAU;AACnB,SAAS,QAAQ,qBAAqB;AAEtC,MAAM,UAAU,MAAM,WAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAQ,cAAc,iBAAiB;AAEvC,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAmB;AAC7D,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,uBACvB,8BAAC,WAAQ,WAAU,+WAChB,UACH,GACF,GACF;AAEJ;AAEA,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAC,SAAI,WAAU,mCAAkC,2BAAwB,IACvE;AAAA,sBAAC,UAAO,WAAU,oCAAmC;AAAA,EACrD;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8DAA8D,SAAS;AAAA,IACpF,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,QACR,oBAAC,iBAAiB,OAAjB,EAAuB,KAAU,WAAU,4BAA4B,GAAG,OAAO,CACnF;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,MAAM,eAAe,MAAM,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,MAAM,kBAAkB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA6C;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,gBAAgB,cAAc;",
+  "names": []
+}