@inshorts/glint-ui 0.6.2 → 0.7.0

package/dist/index.cjs

@@ -49,11 +49,36 @@ __export(index_exports, {
   CopyButton: () => CopyButton,
   DataTable: () => DataTable,
   DateRangePicker: () => DateRangePicker,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   FeatureAccessGate: () => FeatureAccessGate,
   Field: () => Field,
   ImageUploader: () => ImageUploader,
   Input: () => Input,
-  Label: () => Label,
+  Label: () => Label2,
   Modal: () => Modal,
   PageHeader: () => PageHeader,
   Pagination: () => Pagination,
@@ -62,7 +87,7 @@ __export(index_exports, {
   PanelSignInSkeleton: () => PanelSignInSkeleton,
   SegmentedControl: () => SegmentedControl,
   Select: () => Select,
-  Separator: () => Separator,
+  Separator: () => Separator2,
   SideDrawer: () => SideDrawer,
   Spinner: () => Spinner,
   SpreadsheetGrid: () => SpreadsheetGrid,
@@ -1779,15 +1804,244 @@ function DateRangePicker({
   ] });
 }
 
-// src/state-panel.tsx
+// src/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react7 = require("lucide-react");
+var React13 = __toESM(require("react"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "bg-overlay/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "border-border bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg leading-none font-semibold tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/dropdown-menu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_lucide_react8 = require("lucide-react");
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React14.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "bg-popover text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React14.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React14.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("bg-muted -mx-1 my-1 h-px", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/state-panel.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function StatePanel({
   loading,
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       role: loading ? "status" : void 0,
@@ -1799,7 +2053,7 @@ function StatePanel({
       ),
       ...props,
       children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Spinner, { size: "md" }) : null,
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { size: "md" }) : null,
         children
       ]
     }
@@ -1807,7 +2061,7 @@ function StatePanel({
 }
 
 // src/feature-access-gate.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function FeatureAccessGate({
   isLoading,
   allowed,
@@ -1815,16 +2069,16 @@ function FeatureAccessGate({
   children
 }) {
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StatePanel, { loading: true, className: "p-6", children: "Checking permissions\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StatePanel, { loading: true, className: "p-6", children: "Checking permissions\u2026" });
   }
   if (!allowed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Alert, { children: deniedMessage });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Alert, { children: deniedMessage });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
 }
 
 // src/field.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Field({
   label,
   required,
@@ -1834,31 +2088,31 @@ function Field({
   children
 }) {
   const Wrapper = as;
-  const labelNode = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+  const labelNode = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     label,
-    required ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" }) : null
+    required ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Wrapper, { className: cn("space-y-1 text-sm", className), children: [
-    htmlFor && as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { htmlFor, className: "text-muted-foreground", children: labelNode }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-muted-foreground", children: labelNode }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Wrapper, { className: cn("space-y-1 text-sm", className), children: [
+    htmlFor && as === "div" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor, className: "text-muted-foreground", children: labelNode }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: labelNode }),
     children
   ] });
 }
 
 // src/image-uploader.tsx
-var import_lucide_react7 = require("lucide-react");
-var React14 = __toESM(require("react"), 1);
+var import_lucide_react9 = require("lucide-react");
+var React16 = __toESM(require("react"), 1);
 
 // src/input.tsx
-var React13 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var React15 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var inputClass = "h-9 w-full rounded-md border border-border bg-background px-3 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
-var Input = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { ref, className: cn(inputClass, className), ...props })
+var Input = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { ref, className: cn(inputClass, className), ...props })
 );
 Input.displayName = "Input";
 
 // src/image-uploader.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ImageUploader({
   value = "",
   onChange,
@@ -1870,9 +2124,9 @@ function ImageUploader({
   uploadFile,
   uploadFromUrl
 }) {
-  const inputRef = React14.useRef(null);
-  const [uploading, setUploading] = React14.useState(false);
-  const [error, setError] = React14.useState(null);
+  const inputRef = React16.useRef(null);
+  const [uploading, setUploading] = React16.useState(false);
+  const [error, setError] = React16.useState(null);
   const busy = Boolean(disabled || uploading);
   const handleFile = async (file) => {
     if (!uploadFile) {
@@ -1912,10 +2166,10 @@ function ImageUploader({
       setUploading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("space-y-2", className), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-muted-foreground text-xs font-medium", children: label }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("space-y-2", className), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-muted-foreground text-xs font-medium", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "input",
         {
           ref: inputRef,
@@ -1929,7 +2183,7 @@ function ImageUploader({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         Button,
         {
           type: "button",
@@ -1938,12 +2192,12 @@ function ImageUploader({
           disabled: busy,
           onClick: () => inputRef.current?.click(),
           children: [
-            uploading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ImagePlus, { className: "h-4 w-4" }),
+            uploading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ImagePlus, { className: "h-4 w-4" }),
             uploading ? "Uploading\u2026" : "Upload"
           ]
         }
       ),
-      value ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      value ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         Button,
         {
           type: "button",
@@ -1953,13 +2207,13 @@ function ImageUploader({
           onClick: () => onChange(""),
           "aria-label": "Clear image",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.X, { className: "h-4 w-4" }),
             "Clear"
           ]
         }
       ) : null
     ] }),
-    allowUrlPaste ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    allowUrlPaste ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Input,
       {
         defaultValue: value,
@@ -1979,7 +2233,7 @@ function ImageUploader({
     ) : null,
     value ? (
       // eslint-disable-next-line @next/next/no-img-element -- CDN URLs vary
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "img",
         {
           src: value,
@@ -1988,15 +2242,15 @@ function ImageUploader({
         }
       )
     ) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-destructive text-xs", role: "alert", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-destructive text-xs", role: "alert", children: error }) : null
   ] });
 }
 
 // src/label.tsx
-var React15 = __toESM(require("react"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Label = React15.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Label2 = React17.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "label",
     {
       ref,
@@ -2008,10 +2262,10 @@ var Label = React15.forwardRef(
     }
   )
 );
-Label.displayName = "Label";
+Label2.displayName = "Label";
 
 // src/page-header.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function PageHeader({
   title,
   description,
@@ -2019,9 +2273,9 @@ function PageHeader({
   actions,
   className
 }) {
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0", children: [
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "min-w-0", children: [
     eyebrow,
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "h1",
       {
         className: cn(
@@ -2031,12 +2285,12 @@ function PageHeader({
         children: title
       }
     ),
-    description != null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground mt-1 text-sm", children: description }) : null
+    description != null ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-muted-foreground mt-1 text-sm", children: description }) : null
   ] });
   if (!actions) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className, children: heading });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className, children: heading });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: cn(
@@ -2052,14 +2306,14 @@ function PageHeader({
 }
 
 // src/panel-brand-mark.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function PanelBrandMark({
   children,
   size = "md",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       className: cn(
@@ -2074,8 +2328,8 @@ function PanelBrandMark({
 }
 
 // src/panel-sign-in.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function PanelSignIn({
   appName,
   eyebrow = "Secure Google sign-in",
@@ -2093,30 +2347,30 @@ function PanelSignIn({
   className
 }) {
   const busy = isSessionLoading || isSigningIn;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "main",
     {
       className: cn(
         "bg-background text-foreground grid min-h-screen place-items-center p-4 sm:p-8",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { className: "border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PanelBrandMark, { children: brandIcon ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-semibold", "aria-hidden": true, children: appName.slice(0, 1).toUpperCase() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-title truncate font-semibold", children: appName }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-muted-foreground text-meta", children: eyebrow })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("section", { className: "border-border bg-card w-full max-w-md space-y-6 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PanelBrandMark, { children: brandIcon ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-semibold", "aria-hidden": true, children: appName.slice(0, 1).toUpperCase() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-title truncate font-semibold", children: appName }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-muted-foreground text-meta", children: eyebrow })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { className: "text-display font-semibold tracking-tight", children: refused ? refusedTitle : "Sign in" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-muted-foreground text-body", children: refused ? refusedMessage : description })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h1", { className: "text-display font-semibold tracking-tight", children: refused ? refusedTitle : "Sign in" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-muted-foreground text-body", children: refused ? refusedMessage : description })
         ] }),
-        features && features.length > 0 && !refused ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "text-muted-foreground text-body space-y-1.5", children: features.slice(0, 3).map((feature) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: feature })
+        features && features.length > 0 && !refused ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "text-muted-foreground text-body space-y-1.5", children: features.slice(0, 3).map((feature) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-foreground mt-1.5 h-1 w-1 shrink-0 rounded-full bg-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: feature })
         ] }, feature)) }) : null,
-        error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "p",
           {
             role: "alert",
@@ -2124,7 +2378,7 @@ function PanelSignIn({
             children: error
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           Button,
           {
             className: "w-full",
@@ -2132,7 +2386,7 @@ function PanelSignIn({
             onClick: onSignIn,
             "aria-busy": busy,
             children: [
-              busy ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": true }) : null,
+              busy ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": true }) : null,
               isSigningIn ? "Redirecting\u2026" : signInLabel
             ]
           }
@@ -2142,26 +2396,26 @@ function PanelSignIn({
   );
 }
 function PanelSignInSkeleton({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "main",
     {
       className: cn(
         "bg-background grid min-h-screen place-items-center p-4 sm:p-8",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "bg-muted h-3 w-24 animate-pulse rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "bg-muted h-8 w-48 animate-pulse rounded" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "bg-muted mt-7 h-10 w-full animate-pulse rounded-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "border-border bg-card w-full max-w-md space-y-4 rounded-lg border p-8 shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-muted h-3 w-24 animate-pulse rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-muted h-8 w-48 animate-pulse rounded" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-muted mt-7 h-10 w-full animate-pulse rounded-md" })
       ] })
     }
   );
 }
 
 // src/pagination.tsx
-var import_lucide_react9 = require("lucide-react");
-var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function Pagination({
   currentPage,
   totalPages,
@@ -2169,7 +2423,7 @@ function Pagination({
   loading = false,
   showPageInfo = true
 }) {
-  const visiblePages = React16.useMemo(() => {
+  const visiblePages = React18.useMemo(() => {
     const delta = 2;
     const range = [];
     const rangeWithDots = [];
@@ -2190,15 +2444,15 @@ function Pagination({
     return rangeWithDots;
   }, [currentPage, totalPages]);
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-    showPageInfo ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-muted-foreground order-2 text-sm sm:order-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+    showPageInfo ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "text-muted-foreground order-2 text-sm sm:order-1", children: [
       "Page ",
       currentPage,
       " of ",
       totalPages
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "order-1 flex items-center space-x-1 sm:order-2 sm:space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "order-1 flex items-center space-x-1 sm:order-2 sm:space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Button,
         {
           variant: "outline",
@@ -2207,18 +2461,18 @@ function Pagination({
           disabled: currentPage <= 1 || loading,
           className: "h-8 min-w-8 px-2",
           "aria-label": "Previous page",
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex max-w-[200px] items-center space-x-1 overflow-x-auto sm:max-w-none", children: visiblePages.map(
-        (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex max-w-[200px] items-center space-x-1 overflow-x-auto sm:max-w-none", children: visiblePages.map(
+        (page, index) => page === "..." ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "div",
           {
             className: "flex h-8 w-8 shrink-0 items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.MoreHorizontal, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" })
           },
           `dots-${index}`
-        ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           Button,
           {
             variant: page === currentPage ? "default" : "outline",
@@ -2232,7 +2486,7 @@ function Pagination({
           page
         )
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Button,
         {
           variant: "outline",
@@ -2241,7 +2495,7 @@ function Pagination({
           disabled: currentPage >= totalPages || loading,
           className: "h-8 min-w-8 px-2",
           "aria-label": "Next page",
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react9.ChevronRight, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
         }
       )
     ] })
@@ -2249,8 +2503,8 @@ function Pagination({
 }
 
 // src/segmented-control.tsx
-var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var TONE_ON = "bg-primary text-primary-foreground";
 var TONE_OFF = "text-muted-foreground hover:bg-muted";
 var TONES = {
@@ -2271,7 +2525,7 @@ function SegmentedControl({
   fill = false,
   className
 }) {
-  const refs = React17.useRef(/* @__PURE__ */ new Map());
+  const refs = React19.useRef(/* @__PURE__ */ new Map());
   function onKeyDown(event) {
     const step = event.key === "ArrowRight" || event.key === "ArrowDown" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 0;
     if (step === 0) return;
@@ -2283,7 +2537,7 @@ function SegmentedControl({
     onChange(next.value);
     refs.current.get(next.value)?.focus();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       role: "radiogroup",
@@ -2292,7 +2546,7 @@ function SegmentedControl({
       className: cn(TRACKS[variant], className),
       children: options.map((option) => {
         const checked = option.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             ref: (node) => {
@@ -2322,22 +2576,22 @@ function SegmentedControl({
 }
 
 // src/select.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function optionText(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(optionText).join("");
-  if (React18.isValidElement(node)) {
+  if (React20.isValidElement(node)) {
     return optionText(node.props.children);
   }
   return "";
 }
 function optionsFromChildren(children) {
   const options = [];
-  React18.Children.forEach(children, (child) => {
-    if (!React18.isValidElement(child)) return;
-    if (child.type === React18.Fragment) {
+  React20.Children.forEach(children, (child) => {
+    if (!React20.isValidElement(child)) return;
+    if (child.type === React20.Fragment) {
       options.push(
         ...optionsFromChildren(
           child.props.children
@@ -2369,7 +2623,7 @@ function Select({
   const options = optionsFromChildren(children);
   const current = Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value);
   const blank = options.find((option) => option.value === "");
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Autocomplete,
     {
       id,
@@ -2390,10 +2644,10 @@ function Select({
 }
 
 // src/separator.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Separator = React19.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var Separator2 = React21.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       ref,
@@ -2408,13 +2662,13 @@ var Separator = React19.forwardRef(
     }
   )
 );
-Separator.displayName = "Separator";
+Separator2.displayName = "Separator";
 
 // src/side-drawer.tsx
-var import_lucide_react10 = require("lucide-react");
-var React20 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
+var React22 = __toESM(require("react"), 1);
 var import_react_dom3 = require("react-dom");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function SideDrawer({
   isOpen,
   title,
@@ -2423,8 +2677,8 @@ function SideDrawer({
   panelClassName
 }) {
   const mounted = useHasMounted();
-  const headingId = React20.useId();
-  const panelRef = React20.useRef(null);
+  const headingId = React22.useId();
+  const panelRef = React22.useRef(null);
   useDialogLayer({
     // Gated on `mounted` too: before that the panel is not rendered, so there
     // would be nothing to move focus into.
@@ -2434,8 +2688,8 @@ function SideDrawer({
   });
   if (!mounted || !isOpen) return null;
   return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           "aria-hidden": true,
@@ -2443,7 +2697,7 @@ function SideDrawer({
           className: "fixed inset-0 z-[90] bg-overlay/30"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "aside",
         {
           ref: panelRef,
@@ -2456,20 +2710,20 @@ function SideDrawer({
             panelClassName ?? "w-full max-w-md"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "border-border flex items-center justify-between gap-3 border-b px-4 py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { id: headingId, className: "truncate text-base font-semibold", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "border-border flex items-center justify-between gap-3 border-b px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { id: headingId, className: "truncate text-base font-semibold", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
                   "aria-label": "Close panel",
                   onClick: onClose,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react10.X, { className: "h-4 w-4", "aria-hidden": true })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react12.X, { className: "h-4 w-4", "aria-hidden": true })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
           ]
         }
       )
@@ -2479,8 +2733,8 @@ function SideDrawer({
 }
 
 // src/spreadsheet-grid.tsx
-var React21 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var React23 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function isInRange(range, r, c) {
   if (!range) return false;
   return r >= range.r1 && r <= range.r2 && c >= range.c1 && c <= range.c2;
@@ -2497,11 +2751,11 @@ function SpreadsheetGrid({
   onRangeChange,
   onCopy
 }) {
-  const gridRef = React21.useRef(null);
-  const anchorRef = React21.useRef(null);
-  const focusRef = React21.useRef(null);
-  const [dragging, setDragging] = React21.useState(false);
-  const setSelection = React21.useCallback(
+  const gridRef = React23.useRef(null);
+  const anchorRef = React23.useRef(null);
+  const focusRef = React23.useRef(null);
+  const [dragging, setDragging] = React23.useState(false);
+  const setSelection = React23.useCallback(
     (anchor, focus) => {
       anchorRef.current = anchor;
       focusRef.current = focus;
@@ -2509,7 +2763,7 @@ function SpreadsheetGrid({
     },
     [onRangeChange]
   );
-  const selectCell = React21.useCallback(
+  const selectCell = React23.useCallback(
     (r, c, extend) => {
       if (extend && anchorRef.current)
         setSelection(anchorRef.current, { r, c });
@@ -2517,7 +2771,7 @@ function SpreadsheetGrid({
     },
     [setSelection]
   );
-  const selectColumn = React21.useCallback(
+  const selectColumn = React23.useCallback(
     (c, extend) => {
       const lastRow = Math.max(rows.length - 1, 0);
       const anchorCol = extend && anchorRef.current ? anchorRef.current.c : c;
@@ -2525,7 +2779,7 @@ function SpreadsheetGrid({
     },
     [rows.length, setSelection]
   );
-  const selectRow = React21.useCallback(
+  const selectRow = React23.useCallback(
     (r, extend) => {
       const lastCol = columns.length - 1;
       const anchorRow = extend && anchorRef.current ? anchorRef.current.r : r;
@@ -2533,15 +2787,15 @@ function SpreadsheetGrid({
     },
     [columns.length, setSelection]
   );
-  const selectAll = React21.useCallback(() => {
+  const selectAll = React23.useCallback(() => {
     if (!rows.length || !columns.length) return;
     setSelection({ r: 0, c: 0 }, { r: rows.length - 1, c: columns.length - 1 });
   }, [rows.length, columns.length, setSelection]);
-  const scrollCellIntoView = React21.useCallback((r, c) => {
+  const scrollCellIntoView = React23.useCallback((r, c) => {
     const cell = gridRef.current?.querySelector(`[data-cell="${r}-${c}"]`);
     cell?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, []);
-  const moveFocus = React21.useCallback(
+  const moveFocus = React23.useCallback(
     (dr, dc, extend) => {
       if (!rows.length || !columns.length) return;
       const base = focusRef.current || { r: 0, c: 0 };
@@ -2552,7 +2806,7 @@ function SpreadsheetGrid({
     },
     [rows.length, columns.length, selectCell, scrollCellIntoView]
   );
-  React21.useEffect(() => {
+  React23.useEffect(() => {
     if (!dragging) return;
     const stop = () => setDragging(false);
     window.addEventListener("mouseup", stop);
@@ -2595,7 +2849,7 @@ function SpreadsheetGrid({
         break;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       ref: gridRef,
@@ -2604,9 +2858,9 @@ function SpreadsheetGrid({
       "aria-label": ariaLabel,
       onKeyDown: handleKeyDown,
       className: "border-border bg-background/80 overflow-x-auto rounded-lg border outline-none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("table", { className: "w-full text-sm whitespace-nowrap select-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { className: "text-muted-foreground border-border border-b text-left", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("table", { className: "w-full text-sm whitespace-nowrap select-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("thead", { className: "text-muted-foreground border-border border-b text-left", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "th",
             {
               scope: "col",
@@ -2616,7 +2870,7 @@ function SpreadsheetGrid({
               children: "#"
             }
           ),
-          columns.map((column, c) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          columns.map((column, c) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "th",
             {
               scope: "col",
@@ -2628,19 +2882,19 @@ function SpreadsheetGrid({
             column.key
           ))
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tbody", { children: rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { children: rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "td",
           {
             colSpan: columns.length + 1,
             className: "text-muted-foreground px-3 py-6 text-center",
             children: loading ? loadingMessage : emptyMessage
           }
-        ) }) : rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        ) }) : rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "tr",
           {
             className: "border-border border-b",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "td",
                 {
                   className: "text-muted-foreground w-10 cursor-pointer px-2 py-2 text-center text-xs",
@@ -2649,7 +2903,7 @@ function SpreadsheetGrid({
                   children: r + 1
                 }
               ),
-              columns.map((column, c) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              columns.map((column, c) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "td",
                 {
                   "data-cell": `${r}-${c}`,
@@ -2677,10 +2931,10 @@ function SpreadsheetGrid({
 }
 
 // src/switch.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Switch = React22.forwardRef(
-  ({ checked, onCheckedChange, className, disabled, id, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Switch = React24.forwardRef(
+  ({ checked, onCheckedChange, className, disabled, id, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "button",
     {
       ref,
@@ -2699,7 +2953,7 @@ var Switch = React22.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "span",
         {
           "aria-hidden": true,
@@ -2715,9 +2969,9 @@ var Switch = React22.forwardRef(
 Switch.displayName = "Switch";
 
 // src/table.tsx
-var React23 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Table = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Table = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "table",
   {
     ref,
@@ -2726,9 +2980,9 @@ var Table = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableBody = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "tbody",
   {
     ref,
@@ -2737,7 +2991,7 @@ var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableFooter = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "tfoot",
   {
     ref,
@@ -2749,7 +3003,7 @@ var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableRow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "tr",
   {
     ref,
@@ -2761,7 +3015,7 @@ var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableHead = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "th",
   {
     ref,
@@ -2773,7 +3027,7 @@ var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableCell = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "td",
   {
     ref,
@@ -2782,7 +3036,7 @@ var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var TableCaption = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "caption",
   {
     ref,
@@ -2793,8 +3047,8 @@ var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/tabs.tsx
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var React26 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function TabPanel({
   id,
   labelledBy,
@@ -2802,7 +3056,7 @@ function TabPanel({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       role: "tabpanel",
@@ -2821,8 +3075,8 @@ function Tabs({
   ariaLabel,
   className
 }) {
-  const refs = React24.useRef(/* @__PURE__ */ new Map());
-  const reactId = React24.useId();
+  const refs = React26.useRef(/* @__PURE__ */ new Map());
+  const reactId = React26.useId();
   const hasInlinePanels = tabs.some((tab) => tab.panel != null);
   function tabDomId(key) {
     return `${reactId}-tab-${key}`;
@@ -2844,7 +3098,7 @@ function Tabs({
     event.preventDefault();
     focusTab(next.key);
   }
-  const tablist = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  const tablist = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       role: "tablist",
@@ -2858,7 +3112,7 @@ function Tabs({
         const active = tab.key === value;
         const id = tabDomId(tab.key);
         const controls = tab.panel != null || tab.panelId ? panelDomId(tab) : void 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
           "button",
           {
             id,
@@ -2883,7 +3137,7 @@ function Tabs({
             ),
             children: [
               tab.label,
-              tab.badge != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-muted-foreground ml-1.5 text-xs", children: tab.badge }) : null
+              tab.badge != null ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-muted-foreground ml-1.5 text-xs", children: tab.badge }) : null
             ]
           },
           tab.key
@@ -2892,10 +3146,10 @@ function Tabs({
     }
   );
   if (!hasInlinePanels) return tablist;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("space-y-3", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("space-y-3", className), children: [
     tablist,
     tabs.map(
-      (tab) => tab.panel != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      (tab) => tab.panel != null ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         TabPanel,
         {
           id: panelDomId(tab),
@@ -2910,11 +3164,11 @@ function Tabs({
 }
 
 // src/textarea.tsx
-var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var React27 = __toESM(require("react"), 1);
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var textareaClass = "border-border bg-background focus-visible:ring-ring w-full rounded-md border px-3 py-2 text-sm focus-visible:ring-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50";
-var Textarea = React25.forwardRef(
-  ({ className, rows = 3, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var Textarea = React27.forwardRef(
+  ({ className, rows = 3, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "textarea",
     {
       ref,
@@ -2945,6 +3199,31 @@ Textarea.displayName = "Textarea";
   CopyButton,
   DataTable,
   DateRangePicker,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   FeatureAccessGate,
   Field,
   ImageUploader,