@yenio-pld/blocks 1.0.0-rc.1 → 1.0.0-rc.2

package/dist/index.cjs

@@ -1,144 +1,63 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var react = require('react');
+var skeleton_js = require('./ui/skeleton.js');
+var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var empty_js = require('./ui/empty.js');
 var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
-var reactSlot = require('@radix-ui/react-slot');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var alertDialog_js = require('./ui/alert-dialog.js');
+var button_js = require('./ui/button.js');
+var dropdownMenu_js = require('./ui/dropdown-menu.js');
 var nextThemes = require('next-themes');
-var SliderPrimitive = require('@radix-ui/react-slider');
-var TogglePrimitive = require('@radix-ui/react-toggle');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-var vaul = require('vaul');
+var slider_js = require('./ui/slider.js');
+var toggle_js = require('./ui/toggle.js');
+var dialog_js = require('./ui/dialog.js');
+var drawer_js = require('./ui/drawer.js');
 var framerMotion = require('framer-motion');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
-var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespace(TogglePrimitive);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-
-var LanguageContext = React.createContext(null);
+var LanguageContext = react.createContext(null);
 function useLanguageContext() {
-  return React.useContext(LanguageContext);
-}
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty",
-      className: cn(
-        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg p-6 text-center text-balance md:p-12",
-        className
-      ),
-      ...props
-    }
-  );
+  return react.useContext(LanguageContext);
 }
-function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-header",
-      className: cn(
-        "flex max-w-sm flex-col items-center gap-2 text-center",
-        className
-      ),
-      ...props
-    }
-  );
+function PageTitle({
+  title,
+  description
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+  ] });
 }
-var emptyMediaVariants = classVarianceAuthority.cva(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function EmptyMedia({
-  className,
-  variant = "default",
-  ...props
+function Field({
+  label,
+  children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-icon",
-      "data-variant": variant,
-      className: cn(emptyMediaVariants({ variant, className })),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1 text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: label }),
+    children
+  ] });
 }
-function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-title",
-      className: cn("text-lg font-medium tracking-tight", className),
-      ...props
-    }
-  );
+function ListSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-8 w-48" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-10 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-16 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-16 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-16 w-full" })
+  ] });
 }
-function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-description",
-      className: cn(
-        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
+function TableSkeleton({
+  columns,
+  rows = 5
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-busy": "true", className: "flex flex-col gap-2", children: Array.from({ length: rows }, (_, row) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: Array.from({ length: columns }, (_2, column) => /* @__PURE__ */ jsxRuntime.jsx(skeleton_js.Skeleton, { className: "h-8 flex-1" }, column)) }, row)) });
 }
-function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "empty-content",
-      className: cn(
-        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
-        className
-      ),
-      ...props
-    }
-  );
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 function LoadingState({
   label = "Loading\u2026",
@@ -195,7 +114,7 @@ function EmptyState({
 }) {
   const isCompact = variant === "compact";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    Empty,
+    empty_js.Empty,
     {
       className: cn(
         "gap-3",
@@ -203,9 +122,9 @@ function EmptyState({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(EmptyHeader, { className: "gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(empty_js.EmptyHeader, { className: "gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            EmptyMedia,
+            empty_js.EmptyMedia,
             {
               variant: "icon",
               className: cn(
@@ -216,7 +135,7 @@ function EmptyState({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            EmptyTitle,
+            empty_js.EmptyTitle,
             {
               className: cn(
                 "font-medium tracking-normal",
@@ -225,194 +144,104 @@ function EmptyState({
               children: title
             }
           ),
-          description ? /* @__PURE__ */ jsxRuntime.jsx(EmptyDescription, { className: "mt-0", children: description }) : null
+          description ? /* @__PURE__ */ jsxRuntime.jsx(empty_js.EmptyDescription, { className: "mt-0", children: description }) : null
         ] }),
-        action ? /* @__PURE__ */ jsxRuntime.jsx(EmptyContent, { className: "gap-0", children: action }) : null
+        action ? /* @__PURE__ */ jsxRuntime.jsx(empty_js.EmptyContent, { className: "gap-0", children: action }) : null
       ]
     }
   );
 }
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+function Empty2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg p-6 text-center text-balance md:p-12",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var emptyMediaVariants = classVarianceAuthority.cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:text-foreground dark:hover:bg-muted dark:hover:text-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 dark:hover:text-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
+        default: "bg-transparent",
+        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
       }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+      variant: "default"
     }
   }
 );
-function Button({
+function EmptyMedia2({
   className,
   variant = "default",
-  size = "default",
-  asChild = false,
   ...props
 }) {
-  const Comp = asChild ? reactSlot.Slot : "button";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
+    "div",
     {
-      "data-slot": "button",
+      "data-slot": "empty-icon",
       "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
+      className: cn(emptyMediaVariants({ variant, className })),
       ...props
     }
   );
 }
-function AlertDialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Root, { "data-slot": "alert-dialog", ...props });
-}
-function AlertDialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Portal, { "data-slot": "alert-dialog-portal", ...props });
-}
-function AlertDialogOverlay({
-  className,
-  ...props
-}) {
+function EmptyTitle2({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Overlay,
+    "div",
     {
-      "data-slot": "alert-dialog-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
-        className
-      ),
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
       ...props
     }
   );
 }
-function AlertDialogContent({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AlertDialogPrimitive__namespace.Content,
-      {
-        "data-slot": "alert-dialog-content",
-        "data-size": size,
-        className: cn(
-          "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg",
-          className
-        ),
-        ...props
-      }
-    )
-  ] });
-}
-function AlertDialogHeader({
-  className,
-  ...props
-}) {
+function EmptyDescription2({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      "data-slot": "alert-dialog-header",
+      "data-slot": "empty-description",
       className: cn(
-        "flex flex-col gap-1.5 text-center sm:text-left",
+        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
       ...props
     }
   );
 }
-function AlertDialogFooter({
-  className,
-  ...props
-}) {
+function EmptyContent2({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      "data-slot": "alert-dialog-footer",
+      "data-slot": "empty-content",
       className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
         className
       ),
       ...props
     }
   );
 }
-function AlertDialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Title,
-    {
-      "data-slot": "alert-dialog-title",
-      className: cn("text-lg font-semibold", className),
-      ...props
-    }
-  );
-}
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Description,
-    {
-      "data-slot": "alert-dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Action,
-    {
-      "data-slot": "alert-dialog-action",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
-function AlertDialogCancel({
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialogPrimitive__namespace.Cancel,
-    {
-      "data-slot": "alert-dialog-cancel",
-      className: cn(className),
-      ...props
-    }
-  ) });
-}
 function ConfirmDestructiveDialog({
   open,
   onOpenChange,
@@ -422,15 +251,15 @@ function ConfirmDestructiveDialog({
   cancelLabel = "Cancel",
   onConfirm
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { size: "sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(AlertDialogDescription, { children: description })
+  return /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog_js.AlertDialogContent, { size: "sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(alertDialog_js.AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialogTitle, { children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsxs(alertDialog_js.AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialogCancel, { children: cancelLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        AlertDialogAction,
+        alertDialog_js.AlertDialogAction,
         {
           variant: "destructive",
           onClick: () => {
@@ -443,65 +272,6 @@ function ConfirmDestructiveDialog({
     ] })
   ] }) });
 }
-var miniMenuContentClassName = "max-h-none overflow-x-visible overflow-y-visible";
-var miniMenuContentDefaults = {
-  sideOffset: 8,
-  collisionPadding: 12
-};
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      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-[200] max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DropdownMenuPrimitive__namespace.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_svg:not([class*='text-'])]:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:[&_svg:not([class*='text-'])]:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:data-[highlighted]:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 dark:data-[variant=destructive]:data-[highlighted]:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:data-[highlighted]:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
 var DEFAULT_NOTIFICATION_BELL_LABELS = {
   title: "Notifications",
   empty: "You're all caught up.",
@@ -558,63 +328,76 @@ function NotificationBell({
   className
 }) {
   const labels = { ...DEFAULT_NOTIFICATION_BELL_LABELS, ...labelOverrides };
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { modal: false, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: cn("relative size-9", className),
-        "aria-label": labels.title,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "size-4" }),
-          unreadCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-destructive text-destructive-foreground absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full text-[10px] leading-none font-medium tabular-nums", children: formatUnreadBadge(unreadCount) }) : null
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align, className: "w-80 p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold", children: labels.title }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(NotificationListSkeleton, {}) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground px-4 py-8 text-center text-sm", children: labels.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: items.map((item, index) => {
-        const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-none font-medium", children: item.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground line-clamp-2 text-xs", children: item.message }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground/70 text-xs", children: formatTime(item.createdAt) })
-        ] });
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          item.href ? /* @__PURE__ */ jsxRuntime.jsx(
-            "a",
-            {
-              href: item.href,
-              className: cn(
-                "hover:bg-muted/50 flex gap-3 px-4 py-3 motion-safe:transition-colors",
-                !item.read && "bg-muted/30"
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    dropdownMenu_js.DropdownMenu,
+    {
+      onOpenChange: (open) => {
+        onOpenChange?.(open);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          dropdownMenu_js.DropdownMenuTrigger,
+          {
+            render: /* @__PURE__ */ jsxRuntime.jsx(
+              button_js.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: cn("relative size-9", className),
+                "aria-label": labels.title
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "size-4" }),
+              unreadCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-destructive text-destructive-foreground absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full text-[10px] leading-none font-medium tabular-nums", children: formatUnreadBadge(unreadCount) }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu_js.DropdownMenuContent, { align, className: "w-80 p-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold", children: labels.title }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(NotificationListSkeleton, {}) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground px-4 py-8 text-center text-sm", children: labels.empty }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: items.map((item, index) => {
+            const body = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-none font-medium", children: item.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground line-clamp-2 text-xs", children: item.message }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground/70 text-xs", children: formatTime(item.createdAt) })
+            ] });
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: item.href,
+                  className: cn(
+                    "hover:bg-muted/50 flex gap-3 px-4 py-3 motion-safe:transition-colors",
+                    !item.read && "bg-muted/30"
+                  ),
+                  children: body
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex gap-3 px-4 py-3",
+                    !item.read && "bg-muted/30"
+                  ),
+                  children: body
+                }
               ),
-              children: body
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+              index < items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border h-px" }) : null
+            ] }, item.id);
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
             {
-              className: cn(
-                "flex gap-3 px-4 py-3",
-                !item.read && "bg-muted/30"
-              ),
-              children: body
+              href: viewAllHref,
+              className: "text-primary block text-center text-sm font-medium hover:underline",
+              children: labels.viewAll
             }
-          ),
-          index < items.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-border h-px" }) : null
-        ] }, item.id);
-      }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: viewAllHref,
-          className: "text-primary block text-center text-sm font-medium hover:underline",
-          children: labels.viewAll
-        }
-      ) })
-    ] })
-  ] });
+          ) })
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/editable/types.ts
@@ -651,20 +434,20 @@ function useEditableSection({
     ...DEFAULT_EDITABLE_SECTION_LABELS,
     ...labels
   };
-  const [mode, setMode] = React.useState("reading");
-  const [status, setStatus] = React.useState(null);
-  const [confirmOpen, setConfirmOpen] = React.useState(false);
-  const [minHeightPx, setMinHeightPx] = React.useState(void 0);
-  const contentRef = React.useRef(null);
-  const editButtonRef = React.useRef(null);
-  const measuredHeightRef = React.useRef(0);
-  const shouldFocusEditRef = React.useRef(false);
-  const shouldFocusFirstFieldRef = React.useRef(false);
-  const editButtonId = React.useId();
-  const contentFormId = React.useId();
+  const [mode, setMode] = react.useState("reading");
+  const [status, setStatus] = react.useState(null);
+  const [confirmOpen, setConfirmOpen] = react.useState(false);
+  const [minHeightPx, setMinHeightPx] = react.useState(void 0);
+  const contentRef = react.useRef(null);
+  const editButtonRef = react.useRef(null);
+  const measuredHeightRef = react.useRef(0);
+  const shouldFocusEditRef = react.useRef(false);
+  const shouldFocusFirstFieldRef = react.useRef(false);
+  const editButtonId = react.useId();
+  const contentFormId = react.useId();
   const isEditing = mode === "editing" || mode === "saving";
   const isSaving = mode === "saving";
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (mode === "reading" && shouldFocusEditRef.current) {
       shouldFocusEditRef.current = false;
       editButtonRef.current?.focus();
@@ -682,18 +465,18 @@ function useEditableSection({
       focusFirstField(contentRef.current);
     }
   }, [mode]);
-  const exitToReading = React.useCallback(() => {
+  const exitToReading = react.useCallback(() => {
     setConfirmOpen(false);
     shouldFocusEditRef.current = true;
     setMode("reading");
     onDiscard?.();
   }, [onDiscard]);
-  const startEdit = React.useCallback(() => {
+  const startEdit = react.useCallback(() => {
     setStatus(null);
     shouldFocusFirstFieldRef.current = true;
     setMode("editing");
   }, []);
-  const requestCancel = React.useCallback(() => {
+  const requestCancel = react.useCallback(() => {
     if (isSaving) return;
     if (isDirty) {
       setConfirmOpen(true);
@@ -701,7 +484,7 @@ function useEditableSection({
     }
     exitToReading();
   }, [exitToReading, isDirty, isSaving]);
-  const handleSubmit = React.useCallback(
+  const handleSubmit = react.useCallback(
     (event) => {
       event.preventDefault();
       if (isSaving) return;
@@ -721,7 +504,7 @@ function useEditableSection({
     },
     [isSaving, onSave, resolvedLabels.saved]
   );
-  const handleFormKeyDown = React.useCallback(
+  const handleFormKeyDown = react.useCallback(
     (event) => {
       if (event.key !== "Escape") return;
       event.preventDefault();
@@ -729,7 +512,7 @@ function useEditableSection({
     },
     [requestCancel]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!stableHeight || !isEditing) return;
     const el = contentRef.current;
     if (!el) return;
@@ -821,10 +604,10 @@ function EditableSection({
     actionsClassName,
     mode
   } = section;
-  const actionButtons = !isEditing ? /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", ...editButtonProps, children: resolvedLabels.edit }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", ...cancelButtonProps, children: resolvedLabels.cancel }),
+  const actionButtons = !isEditing ? /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "outline", size: "sm", ...editButtonProps, children: resolvedLabels.edit }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "outline", size: "sm", ...cancelButtonProps, children: resolvedLabels.cancel }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+      button_js.Button,
       {
         size: "sm",
         type: "submit",
@@ -968,13 +751,13 @@ function SafeImage({
   onError,
   ...imgProps
 }) {
-  const [failed, setFailed] = React.useState(false);
-  const imgRef = React.useRef(null);
+  const [failed, setFailed] = react.useState(false);
+  const imgRef = react.useRef(null);
   const resolvedSrc = typeof src === "string" && src.length > 0 ? src : null;
-  React.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     setFailed(false);
   }, [resolvedSrc]);
-  React.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     const img = imgRef.current;
     if (img && isBrokenImage(img)) {
       setFailed(true);
@@ -1036,17 +819,17 @@ function ThemeSwitcher({
   labels: userLabels
 }) {
   const { theme, setTheme } = nextThemes.useTheme();
-  const [mounted, setMounted] = React.useState(false);
+  const [mounted, setMounted] = react.useState(false);
   const sizes = sizeClasses[size];
   const shapeClass = shapeClasses[shape];
   const labels = { ...defaultLabels, ...userLabels };
-  const handleThemeClick = React.useCallback(
+  const handleThemeClick = react.useCallback(
     (themeKey) => {
       setTheme(themeKey);
     },
     [setTheme]
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     setMounted(true);
   }, []);
   if (!mounted) {
@@ -1065,33 +848,38 @@ function ThemeSwitcher({
   }
   const currentTheme = storedTheme(theme);
   const TriggerIcon = currentTheme ? themeIcons[currentTheme] : lucideReact.Monitor;
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu_js.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      dropdownMenu_js.DropdownMenuTrigger,
       {
-        "data-testid": "theme-switcher",
-        variant: "outline",
-        size: "icon",
-        "aria-label": labels.theme,
-        className: cn(
-          sizes.button,
-          shapeClass,
-          iconTriggerClassName,
-          className
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          button_js.Button,
+          {
+            "data-testid": "theme-switcher",
+            variant: "outline",
+            size: "icon",
+            "aria-label": labels.theme,
+            className: cn(
+              sizes.button,
+              shapeClass,
+              iconTriggerClassName,
+              className
+            )
+          }
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { className: sizes.icon })
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DropdownMenuContent,
+      dropdownMenu_js.DropdownMenuContent,
       {
         side,
         align,
-        sideOffset: miniMenuContentDefaults.sideOffset,
-        collisionPadding: miniMenuContentDefaults.collisionPadding,
-        className: miniMenuContentClassName,
+        sideOffset: dropdownMenu_js.miniMenuContentDefaults.sideOffset,
+        collisionPadding: dropdownMenu_js.miniMenuContentDefaults.collisionPadding,
+        className: dropdownMenu_js.miniMenuContentClassName,
         children: themes.map(({ key, icon: Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
-          DropdownMenuItem,
+          dropdownMenu_js.DropdownMenuItem,
           {
             onClick: () => handleThemeClick(key),
             className: cn(
@@ -1147,32 +935,37 @@ function LanguageSwitcher({
   const sizes = sizeClasses2[size];
   const shapeClass = shapeClasses2[shape];
   const accessibleName = labels.language ?? "Language";
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu_js.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      dropdownMenu_js.DropdownMenuTrigger,
       {
-        variant: "outline",
-        size: "icon",
-        "aria-label": accessibleName,
-        className: cn(
-          sizes.button,
-          shapeClass,
-          iconTriggerClassName2,
-          className
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          button_js.Button,
+          {
+            variant: "outline",
+            size: "icon",
+            "aria-label": accessibleName,
+            className: cn(
+              sizes.button,
+              shapeClass,
+              iconTriggerClassName2,
+              className
+            )
+          }
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Languages, { className: sizes.icon })
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      DropdownMenuContent,
+      dropdownMenu_js.DropdownMenuContent,
       {
         side,
         align,
-        sideOffset: miniMenuContentDefaults.sideOffset,
-        collisionPadding: miniMenuContentDefaults.collisionPadding,
-        className: cn(miniMenuContentClassName, "min-w-0 w-auto"),
+        sideOffset: dropdownMenu_js.miniMenuContentDefaults.sideOffset,
+        collisionPadding: dropdownMenu_js.miniMenuContentDefaults.collisionPadding,
+        className: cn(dropdownMenu_js.miniMenuContentClassName, "min-w-0 w-auto"),
         children: languages.map(({ key, nativeName }) => /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenuItem,
+          dropdownMenu_js.DropdownMenuItem,
           {
             onClick: () => onLanguageChange?.(key),
             className: cn(
@@ -1187,97 +980,6 @@ function LanguageSwitcher({
     )
   ] });
 }
-function Slider({
-  className,
-  defaultValue,
-  value,
-  min = 0,
-  max = 100,
-  ...props
-}) {
-  const _values = React__namespace.useMemo(
-    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
-    [value, defaultValue, min, max]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    SliderPrimitive__namespace.Root,
-    {
-      "data-slot": "slider",
-      defaultValue,
-      value,
-      min,
-      max,
-      className: cn(
-        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Track,
-          {
-            "data-slot": "slider-track",
-            className: cn(
-              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              SliderPrimitive__namespace.Range,
-              {
-                "data-slot": "slider-range",
-                className: cn(
-                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
-                )
-              }
-            )
-          }
-        ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          SliderPrimitive__namespace.Thumb,
-          {
-            "data-slot": "slider-thumb",
-            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
-          },
-          index
-        ))
-      ]
-    }
-  );
-}
-var toggleVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TogglePrimitive__namespace.Root,
-    {
-      "data-slot": "toggle",
-      className: cn(toggleVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
 var DEFAULT_LABELS = {
   uploadAria: "Upload image",
   uploadHint: "Click to upload",
@@ -1306,18 +1008,18 @@ function AvatarEditor({
   labels
 }) {
   const t = { ...DEFAULT_LABELS, ...labels };
-  const canvasRef = React.useRef(null);
-  const fileInputRef = React.useRef(null);
-  const containerRef = React.useRef(null);
-  const [image, setImage] = React.useState(null);
-  const [imageLoaded, setImageLoaded] = React.useState(false);
-  const [zoom, setZoom] = React.useState(1);
-  const [rotation, setRotation] = React.useState(0);
-  const [position, setPosition] = React.useState({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = React.useState(false);
-  const [dragStart, setDragStart] = React.useState({ x: 0, y: 0 });
-  const [showGrid, setShowGrid] = React.useState(initialShowGrid);
-  const generateOutput = React.useCallback(() => {
+  const canvasRef = react.useRef(null);
+  const fileInputRef = react.useRef(null);
+  const containerRef = react.useRef(null);
+  const [image, setImage] = react.useState(null);
+  const [imageLoaded, setImageLoaded] = react.useState(false);
+  const [zoom, setZoom] = react.useState(1);
+  const [rotation, setRotation] = react.useState(0);
+  const [position, setPosition] = react.useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = react.useState(false);
+  const [dragStart, setDragStart] = react.useState({ x: 0, y: 0 });
+  const [showGrid, setShowGrid] = react.useState(initialShowGrid);
+  const generateOutput = react.useCallback(() => {
     if (!canvasRef.current || !image) return null;
     const outputCanvas = document.createElement("canvas");
     outputCanvas.width = outputSize;
@@ -1328,7 +1030,7 @@ function AvatarEditor({
     const mimeType = `image/${outputFormat}`;
     return outputCanvas.toDataURL(mimeType, outputQuality);
   }, [image, outputSize, outputFormat, outputQuality]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (!canvasRef.current || !image || !imageLoaded) return;
     const canvas = canvasRef.current;
     const ctx = canvas.getContext("2d");
@@ -1372,12 +1074,12 @@ function AvatarEditor({
     generateOutput,
     onChange
   ]);
-  const resetTransforms = React.useCallback(() => {
+  const resetTransforms = react.useCallback(() => {
     setZoom(1);
     setRotation(0);
     setPosition({ x: 0, y: 0 });
   }, []);
-  const handleFileSelect = React.useCallback(
+  const handleFileSelect = react.useCallback(
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -1396,7 +1098,7 @@ function AvatarEditor({
     },
     [resetTransforms]
   );
-  const handleMouseDown = React.useCallback(
+  const handleMouseDown = react.useCallback(
     (e) => {
       if (!imageLoaded) return;
       setIsDragging(true);
@@ -1404,7 +1106,7 @@ function AvatarEditor({
     },
     [imageLoaded, position]
   );
-  const handleMouseMove = React.useCallback(
+  const handleMouseMove = react.useCallback(
     (e) => {
       if (!isDragging) return;
       setPosition({
@@ -1414,10 +1116,10 @@ function AvatarEditor({
     },
     [isDragging, dragStart]
   );
-  const handleMouseUp = React.useCallback(() => {
+  const handleMouseUp = react.useCallback(() => {
     setIsDragging(false);
   }, []);
-  const handleTouchStart = React.useCallback(
+  const handleTouchStart = react.useCallback(
     (e) => {
       if (!imageLoaded) return;
       const touch = e.touches[0];
@@ -1429,7 +1131,7 @@ function AvatarEditor({
     },
     [imageLoaded, position]
   );
-  const handleTouchMove = React.useCallback(
+  const handleTouchMove = react.useCallback(
     (e) => {
       if (!isDragging) return;
       const touch = e.touches[0];
@@ -1440,7 +1142,7 @@ function AvatarEditor({
     },
     [isDragging, dragStart]
   );
-  const handleDiscard = React.useCallback(() => {
+  const handleDiscard = react.useCallback(() => {
     setImage(null);
     setImageLoaded(false);
     resetTransforms();
@@ -1652,7 +1354,7 @@ function AvatarEditor({
         imageLoaded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", isLarge && "space-y-5"), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center", controlGap), children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              button_js.Button,
               {
                 variant: "ghost",
                 size: "icon",
@@ -1664,7 +1366,7 @@ function AvatarEditor({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Slider,
+              slider_js.Slider,
               {
                 value: [zoom],
                 onValueChange: ([v]) => setZoom(v),
@@ -1676,7 +1378,7 @@ function AvatarEditor({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              button_js.Button,
               {
                 variant: "ghost",
                 size: "icon",
@@ -1695,7 +1397,7 @@ function AvatarEditor({
                 className: cn("flex items-center", isLarge ? "gap-2" : "gap-1"),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    button_js.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1721,7 +1423,7 @@ function AvatarEditor({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    button_js.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1741,7 +1443,7 @@ function AvatarEditor({
                 className: cn("flex items-center", isLarge ? "gap-2" : "gap-1"),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Toggle,
+                    toggle_js.Toggle,
                     {
                       pressed: showGrid,
                       onPressedChange: setShowGrid,
@@ -1752,7 +1454,7 @@ function AvatarEditor({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    button_js.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1764,7 +1466,7 @@ function AvatarEditor({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    button_js.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1776,7 +1478,7 @@ function AvatarEditor({
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
+                    button_js.Button,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1810,206 +1512,9 @@ function AvatarEditor({
     }
   );
 }
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn(
-        "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 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      DialogPrimitive__namespace.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn(
-          "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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
-            DialogPrimitive__namespace.Close,
-            {
-              "data-slot": "dialog-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-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function Drawer({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
-}
-function DrawerOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vaul.Drawer.Overlay,
-    {
-      "data-slot": "drawer-overlay",
-      className: cn(
-        "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 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      vaul.Drawer.Content,
-      {
-        "data-slot": "drawer-content",
-        className: cn(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          children
-        ]
-      }
-    )
-  ] });
-}
-function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: cn(
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "drawer-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function DrawerTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vaul.Drawer.Title,
-    {
-      "data-slot": "drawer-title",
-      className: cn("text-foreground font-semibold", className),
-      ...props
-    }
-  );
-}
 function useMediaQuery(query) {
-  const [matches, setMatches] = React.useState(false);
-  React.useEffect(() => {
+  const [matches, setMatches] = react.useState(false);
+  react.useEffect(() => {
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -2039,17 +1544,17 @@ function AvatarEditorDialog({
   className,
   editorLabels
 }) {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [editedValue, setEditedValue] = React.useState(value ?? null);
-  const [displaySrc, setDisplaySrc] = React.useState(value ?? null);
-  const [isSaving, setIsSaving] = React.useState(false);
-  const [feedback, setFeedback] = React.useState(null);
-  React.useEffect(() => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [editedValue, setEditedValue] = react.useState(value ?? null);
+  const [displaySrc, setDisplaySrc] = react.useState(value ?? null);
+  const [isSaving, setIsSaving] = react.useState(false);
+  const [feedback, setFeedback] = react.useState(null);
+  react.useEffect(() => {
     setDisplaySrc(value ?? null);
   }, [value]);
   const isMobile = useMediaQuery("(max-width: 640px)");
   const caption = (placeholder ?? "").trim();
-  const handleOpenChange = React.useCallback(
+  const handleOpenChange = react.useCallback(
     (open) => {
       if (open) {
         setEditedValue(value ?? null);
@@ -2059,7 +1564,7 @@ function AvatarEditorDialog({
     },
     [value]
   );
-  const handleAccept = React.useCallback(async () => {
+  const handleAccept = react.useCallback(async () => {
     if (!editedValue) return;
     setIsSaving(true);
     setFeedback(null);
@@ -2177,8 +1682,8 @@ function AvatarEditorDialog({
     ) })
   ] });
   const FooterButtons = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    isMobile ? /* @__PURE__ */ jsxRuntime.jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+    isMobile ? /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      button_js.Button,
       {
         variant: "outline",
         disabled: isSaving,
@@ -2186,9 +1691,9 @@ function AvatarEditorDialog({
         className: "flex-1 bg-transparent",
         children: cancelText
       }
-    ) }) : /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", disabled: isSaving, children: cancelText }) }),
+    ) }) : /* @__PURE__ */ jsxRuntime.jsx(dialog_js.DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { variant: "outline", disabled: isSaving, children: cancelText }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
+      button_js.Button,
       {
         onClick: handleAccept,
         disabled: !editedValue || isSaving || feedback?.type === "success",
@@ -2215,19 +1720,19 @@ function AvatarEditorDialog({
   if (isMobile) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       AvatarDisplay,
-      /* @__PURE__ */ jsxRuntime.jsx(Drawer, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DrawerContent, { className: "max-h-[96vh]", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DrawerHeader, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(DrawerTitle, { className: "text-xl", children: dialogTitle }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(drawer_js.Drawer, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(drawer_js.DrawerContent, { className: "max-h-[96vh]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerHeader, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerTitle, { className: "text-xl", children: dialogTitle }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 pb-6 overflow-y-auto", children: EditorContent }),
-        /* @__PURE__ */ jsxRuntime.jsx(DrawerFooter, { className: "flex-row gap-3 px-6 pb-8", children: FooterButtons })
+        /* @__PURE__ */ jsxRuntime.jsx(drawer_js.DrawerFooter, { className: "flex-row gap-3 px-6 pb-8", children: FooterButtons })
       ] }) })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     AvatarDisplay,
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: dialogTitle }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog_js.Dialog, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(dialog_js.DialogContent, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog_js.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog_js.DialogTitle, { children: dialogTitle }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: EditorContent }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: "sm:gap-3", children: FooterButtons })
+      /* @__PURE__ */ jsxRuntime.jsx(dialog_js.DialogFooter, { className: "sm:gap-3", children: FooterButtons })
     ] }) })
   ] });
 }
@@ -2325,10 +1830,10 @@ function FileDropzone({
   className
 }) {
   const labels = { ...DEFAULT_FILE_DROPZONE_LABELS, ...labelOverrides };
-  const inputId = React.useId();
-  const inputRef = React.useRef(null);
-  const [dragging, setDragging] = React.useState(false);
-  const [message, setMessage] = React.useState(null);
+  const inputId = react.useId();
+  const inputRef = react.useRef(null);
+  const [dragging, setDragging] = react.useState(false);
+  const [message, setMessage] = react.useState(null);
   function takeFile(file) {
     if (!file || disabled) return;
     if (!fileMatchesAccept(file, accept)) {
@@ -2494,7 +1999,7 @@ function FileUploadTray({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground shrink-0 text-xs tabular-nums", children: progressLabel(job) }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1" }),
             canPause ? /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              button_js.Button,
               {
                 type: "button",
                 variant: "ghost",
@@ -2506,7 +2011,7 @@ function FileUploadTray({
               }
             ) : null,
             canResume ? /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              button_js.Button,
               {
                 type: "button",
                 variant: "ghost",
@@ -2518,7 +2023,7 @@ function FileUploadTray({
               }
             ) : null,
             canCancel ? /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              button_js.Button,
               {
                 type: "button",
                 variant: "ghost",
@@ -2576,7 +2081,7 @@ function FileUploadMenu({
 }) {
   const labels = { ...DEFAULT_FILE_UPLOAD_TRAY_LABELS, ...labelOverrides };
   const visible = jobs.filter((job) => job.status !== "cancelled");
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(false);
   const isControlled = open !== void 0;
   const resolvedOpen = isControlled ? open : uncontrolledOpen;
   function setResolvedOpen(next) {
@@ -2587,50 +2092,47 @@ function FileUploadMenu({
   const activeCount = visible.filter(
     (job) => isActiveStatus(job.status)
   ).length;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    DropdownMenu,
-    {
-      modal: false,
-      open: resolvedOpen,
-      onOpenChange: setResolvedOpen,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu_js.DropdownMenu, { open: resolvedOpen, onOpenChange: setResolvedOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dropdownMenu_js.DropdownMenuTrigger,
+      {
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          button_js.Button,
           {
             type: "button",
             variant: "ghost",
             size: "icon",
             className: cn("relative size-9", className),
-            "aria-label": labels.title,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-4" }),
-              activeCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-destructive text-destructive-foreground absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full text-[10px] leading-none font-medium tabular-nums", children: formatActiveBadge(activeCount) }) : null
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          DropdownMenuContent,
-          {
-            align,
-            className: "w-80 min-w-0 max-w-[calc(100vw-2rem)] overflow-x-hidden p-0",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold", children: labels.title }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 min-w-0 overflow-x-hidden overflow-y-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                FileUploadTray,
-                {
-                  jobs: visible,
-                  labels,
-                  onPause,
-                  onResume,
-                  onCancel
-                }
-              ) })
-            ]
+            "aria-label": labels.title
           }
-        )
-      ]
-    }
-  );
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-4" }),
+          activeCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-destructive text-destructive-foreground absolute -top-0.5 -right-0.5 flex size-4 items-center justify-center rounded-full text-[10px] leading-none font-medium tabular-nums", children: formatActiveBadge(activeCount) }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dropdownMenu_js.DropdownMenuContent,
+      {
+        align,
+        className: "w-80 min-w-0 max-w-[calc(100vw-2rem)] overflow-x-hidden p-0",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border-b px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold", children: labels.title }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 min-w-0 overflow-x-hidden overflow-y-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FileUploadTray,
+            {
+              jobs: visible,
+              labels,
+              onPause,
+              onResume,
+              onCancel
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
 }
 
 // src/components/upload/createMultipartUploadController.ts
@@ -2836,8 +2338,8 @@ function createMultipartUploadController(options) {
   };
 }
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React.useState(false);
-  React.useEffect(() => {
+  const [matches, setMatches] = react.useState(false);
+  react.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia) return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -3070,7 +2572,7 @@ function TimeRangePicker({
       children: TIME_RANGE_OPTIONS.map((option) => {
         const selected = option === value;
         return /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
+          button_js.Button,
           {
             type: "button",
             size: "sm",
@@ -3283,10 +2785,10 @@ function CookieConsentBanner({
   className
 }) {
   const copy = { ...DEFAULT_COOKIE_CONSENT_BANNER_LABELS, ...labels };
-  const [consent, setConsent] = React.useState(
+  const [consent, setConsent] = react.useState(
     "pending"
   );
-  React.useEffect(() => {
+  react.useEffect(() => {
     if (variant === "embed" || isEmbeddedWindow()) {
       setConsent("necessary");
       return;
@@ -3327,7 +2829,7 @@ function CookieConsentBanner({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            button_js.Button,
             {
               type: "button",
               variant: "outline",
@@ -3335,7 +2837,7 @@ function CookieConsentBanner({
               children: copy.necessaryOnly
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: () => choose("all"), children: copy.acceptAll })
+          /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { type: "button", onClick: () => choose("all"), children: copy.acceptAll })
         ] })
       ] })
     }
@@ -3449,22 +2951,22 @@ function LegalAcceptDialog({
 }) {
   const copy = { ...DEFAULT_LEGAL_ACCEPT_DIALOG_LABELS, ...labels };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    AlertDialog,
+    alertDialog_js.AlertDialog,
     {
       open,
       onOpenChange: (next) => {
         if (next) return;
       },
       children: /* @__PURE__ */ jsxRuntime.jsxs(
-        AlertDialogContent,
+        alertDialog_js.AlertDialogContent,
         {
           onEscapeKeyDown: (event) => {
             event.preventDefault();
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { children: copy.title }),
-              /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogDescription, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(alertDialog_js.AlertDialogHeader, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialogTitle, { children: copy.title }),
+              /* @__PURE__ */ jsxRuntime.jsxs(alertDialog_js.AlertDialogDescription, { children: [
                 renderLegalAcceptLabel(
                   copy.description,
                   copy.terms,
@@ -3475,7 +2977,7 @@ function LegalAcceptDialog({
                 summary ? ` ${summary}` : ""
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", disabled: accepting, onClick: onAccept, children: copy.accept }) })
+            /* @__PURE__ */ jsxRuntime.jsx(alertDialog_js.AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(button_js.Button, { type: "button", disabled: accepting, onClick: onAccept, children: copy.accept }) })
           ]
         }
       )
@@ -3864,8 +3366,8 @@ function MatchReview({
   className
 }) {
   const copy = { ...DEFAULT_MATCH_REVIEW_LABELS, ...labels };
-  const reasonId = React.useId();
-  const [reason, setReason] = React.useState("");
+  const reasonId = react.useId();
+  const [reason, setReason] = react.useState("");
   const trimmed = reason.trim();
   if (!hit) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3944,7 +3446,7 @@ function MatchReview({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            button_js.Button,
             {
               type: "button",
               disabled: trimmed.length === 0,
@@ -3953,7 +3455,7 @@ function MatchReview({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            button_js.Button,
             {
               type: "button",
               variant: "outline",
@@ -3993,15 +3495,16 @@ exports.DataList = DataList;
 exports.DataListItem = DataListItem;
 exports.DimensionBreakdownTable = DimensionBreakdownTable;
 exports.EditableSection = EditableSection;
-exports.Empty = Empty;
-exports.EmptyContent = EmptyContent;
-exports.EmptyDescription = EmptyDescription;
-exports.EmptyHeader = EmptyHeader;
-exports.EmptyMedia = EmptyMedia;
+exports.Empty = Empty2;
+exports.EmptyContent = EmptyContent2;
+exports.EmptyDescription = EmptyDescription2;
+exports.EmptyHeader = EmptyHeader2;
+exports.EmptyMedia = EmptyMedia2;
 exports.EmptyState = EmptyState;
-exports.EmptyTitle = EmptyTitle;
+exports.EmptyTitle = EmptyTitle2;
 exports.EntityGraph = EntityGraph;
 exports.ErrorState = ErrorState;
+exports.Field = Field;
 exports.FieldMessage = FieldMessage;
 exports.FileDropzone = FileDropzone;
 exports.FileUploadMenu = FileUploadMenu;
@@ -4011,12 +3514,14 @@ exports.LanguageSwitcher = LanguageSwitcher;
 exports.LegalAcceptCheckbox = LegalAcceptCheckbox;
 exports.LegalAcceptDialog = LegalAcceptDialog;
 exports.LegalMarkdown = LegalMarkdown;
+exports.ListSkeleton = ListSkeleton;
 exports.LoadingState = LoadingState;
 exports.MatchReview = MatchReview;
 exports.MetricChartCard = MetricChartCard;
 exports.MetricEmptyState = MetricEmptyState;
 exports.MetricSkeleton = MetricSkeleton;
 exports.NotificationBell = NotificationBell;
+exports.PageTitle = PageTitle;
 exports.RiskBadge = RiskBadge;
 exports.SafeImage = SafeImage;
 exports.SparklineStat = SparklineStat;
@@ -4025,6 +3530,7 @@ exports.THEME_INIT_SCRIPT = THEME_INIT_SCRIPT;
 exports.THEME_INIT_SCRIPT_ID = THEME_INIT_SCRIPT_ID;
 exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY;
 exports.TIME_RANGE_OPTIONS = TIME_RANGE_OPTIONS;
+exports.TableSkeleton = TableSkeleton;
 exports.ThemeSwitcher = ThemeSwitcher;
 exports.TimeRangePicker = TimeRangePicker;
 exports.avatarFallbackStyle = avatarFallbackStyle;