@godxjp/ui 9.1.0 → 9.2.0

package/dist/app/index.d.ts

@@ -5,7 +5,7 @@ import * as date_fns from 'date-fns';
 import { Locale } from 'date-fns';
 import { vi } from 'react-day-picker/locale';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AppProviderProp, A as AppContextValue } from '../app.prop-DnIXFzLi.js';
+import { a as AppProviderProp, A as AppContextValue } from '../app.prop-UTc4j4nj.js';
 import { j as formatDate, a as FormatDateOptions } from '../format-date-ByyZoqI5.js';
 export { F as FormatDateKind, b as FormatDatetimeOptions, d as detectFormatDateKind, f as formatAppDate, c as formatAppDateLong, e as formatAppDateTime, g as formatAppRelative, h as formatAppTime, i as formatCalendarDate, k as formatTimeOfDay, m as isFormatDateValue } from '../format-date-ByyZoqI5.js';
 export { getDatetimeContext, isValidHhmm, normalizeHhmm, parseDateInput, syncDatetimeContext } from '../lib/datetime/index.js';

package/dist/{app.prop-DnIXFzLi.d.ts → app.prop-UTc4j4nj.d.ts}

@@ -42,6 +42,11 @@ type LocalePickerProp = {
     /** Controlled value; default reads/writes AppProvider. */
     value?: ValueProp<AppLocale>;
     onValueChange?: OnValueChangeProp<AppLocale>;
+    /** Override selectable locale list; omit to use APP_LOCALES. */
+    options?: readonly {
+        value: string;
+        label?: string;
+    }[];
 };
 /** @see TimezonePicker */
 type TimezonePickerProp = {

package/dist/aspect-ratio-CZZJd9Km.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio as A, Separator as S };

package/dist/{chunk-442ULAA6.js → chunk-26WDEDWL.js}

@@ -5,9 +5,8 @@ import { densityClass, pageContainerVariantClass, Flex } from './chunk-TILFZBTE.
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 function PageContainerInset({ className, children, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("ui-page-container-inset", className), ...props, children });
@@ -118,33 +117,91 @@ function Breadcrumb({ items, linkComponent: LinkComponent = "a" }) {
     ] }, item.to ?? index);
   }) }) });
 }
-function isItemActive(item, activeId) {
-  if (item.id === activeId) return true;
-  return (item.children ?? []).some((child) => isItemActive(child, activeId));
+function SidebarHeader({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("sb-brand", className), ...props, children });
+}
+function SidebarSection({
+  label,
+  collapsed = false,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("sb-section", className), ...props, children: [
+    label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: label }) : null,
+    /* @__PURE__ */ jsx("div", { className: "sb-nav", children })
+  ] });
 }
-function NavLeaf({ item, activeId, onSelect, sub = false }) {
+function SidebarItem({
+  item,
+  active = false,
+  sub = false,
+  onActivate,
+  renderItem,
+  children,
+  ...props
+}) {
   const Icon = item.icon;
-  const active = item.id === activeId;
-  return /* @__PURE__ */ jsxs(
+  const showBadge = item.badge !== void 0 && item.badge !== "";
+  const disabled = item.disabled || props.disabled;
+  const content = children ?? (renderItem ? renderItem(item) : void 0);
+  return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       className: cn("sb-nav-item", sub && "sb-nav-item--sub"),
       "data-active": active ? "true" : void 0,
       "aria-current": active ? "page" : void 0,
-      "aria-disabled": item.disabled,
+      "aria-disabled": disabled,
+      ...props,
       onClick: () => {
-        if (!item.disabled) onSelect?.(item.id);
+        if (disabled) return;
+        onActivate?.(item.id);
       },
-      children: [
+      children: content ? content : /* @__PURE__ */ jsxs(Fragment, { children: [
         !sub ? /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }) : null,
         /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
-        item.badge !== void 0 && item.badge !== "" ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
-      ]
+        showBadge ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
+      ] })
+    }
+  );
+}
+function isItemActive(item, activeId) {
+  if (item.id === activeId) return true;
+  return (item.children ?? []).some((child) => isItemActive(child, activeId));
+}
+function NavLeaf({ item, activeId, onSelect, sub = false, renderItem }) {
+  const active = item.id === activeId;
+  return /* @__PURE__ */ jsx(
+    SidebarItem,
+    {
+      item,
+      active,
+      onActivate: onSelect,
+      sub,
+      renderItem
     }
   );
 }
-function NavGroup({ item, activeId, onSelect }) {
+function NavLeafsInGroup({
+  children,
+  activeId,
+  onSelect,
+  renderItem
+}) {
+  return children.map((child) => /* @__PURE__ */ jsx(
+    NavLeaf,
+    {
+      item: child,
+      activeId,
+      onSelect,
+      sub: true,
+      renderItem
+    },
+    child.id
+  ));
+}
+function NavGroup({ item, activeId, onSelect, renderItem }) {
   const Icon = item.icon;
   const active = isItemActive(item, activeId);
   const children = item.children ?? [];
@@ -161,7 +218,7 @@ function NavGroup({ item, activeId, onSelect }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.map((child) => /* @__PURE__ */ jsx(NavLeaf, { item: child, activeId, onSelect, sub: true }, child.id)) }) })
+    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.length > 0 ? /* @__PURE__ */ jsx(NavLeafsInGroup, { activeId, onSelect, renderItem, children }) : null }) })
   ] });
 }
 function CollapsedRow({ item, activeId, onSelect }) {
@@ -237,10 +294,13 @@ function Sidebar({
   onProductClick,
   brand,
   collapsed = false,
+  children,
+  renderItem,
   footer
 }) {
+  const resolvedSections = sections ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "sb-root", "data-collapsed": collapsed ? "true" : void 0, children: [
-    brand !== void 0 ? /* @__PURE__ */ jsx("div", { className: "sb-brand", children: brand }) : product ? /* @__PURE__ */ jsxs(
+    brand !== void 0 ? /* @__PURE__ */ jsx(SidebarHeader, { children: brand }) : product ? /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -256,20 +316,43 @@ function Sidebar({
               children: product.name[0]?.toUpperCase() ?? "?"
             }
           ),
-          !collapsed && /* @__PURE__ */ jsxs("span", { className: "sb-product-meta", children: [
+          !collapsed ? /* @__PURE__ */ jsxs("span", { className: "sb-product-meta", children: [
             /* @__PURE__ */ jsx("span", { className: "sb-product-name", children: product.name }),
             product.role ? /* @__PURE__ */ jsx("span", { className: "sb-product-tenant", children: product.role }) : null
-          ] }),
-          !collapsed && /* @__PURE__ */ jsx("span", { className: "sb-product-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
+          ] }) : null,
+          !collapsed ? /* @__PURE__ */ jsx("span", { className: "sb-product-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) }) : null
         ]
       }
     ) : null,
-    /* @__PURE__ */ jsx("div", { className: "sb-nav-scroll", children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs("div", { className: "sb-section", children: [
-      section.label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: section.label }) : null,
-      /* @__PURE__ */ jsx("div", { className: "sb-nav", role: "navigation", children: section.items.map(
-        (item) => collapsed ? /* @__PURE__ */ jsx(CollapsedRow, { item, activeId, onSelect }, item.id) : item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(NavGroup, { item, activeId, onSelect }, item.id) : /* @__PURE__ */ jsx(NavLeaf, { item, activeId, onSelect }, item.id)
-      ) })
-    ] }, section.label ?? sectionIndex)) }),
+    /* @__PURE__ */ jsx("div", { className: "sb-nav-scroll", children: children ?? resolvedSections.map((section, sectionIndex) => /* @__PURE__ */ jsx(
+      SidebarSection,
+      {
+        label: section.label,
+        collapsed,
+        children: section.items.map(
+          (item) => collapsed ? /* @__PURE__ */ jsx(CollapsedRow, { item, activeId, onSelect }, item.id) : item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
+            NavGroup,
+            {
+              item,
+              activeId,
+              onSelect,
+              renderItem
+            },
+            item.id
+          ) : /* @__PURE__ */ jsx(
+            NavLeaf,
+            {
+              item,
+              activeId,
+              onSelect,
+              renderItem
+            },
+            item.id
+          )
+        )
+      },
+      section.label ?? sectionIndex
+    )) }),
     footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null
   ] });
 }
@@ -278,6 +361,7 @@ function Topbar({
   project,
   productMenu,
   projectMenu,
+  projectPlaceholder,
   onProductOpen,
   onProjectOpen,
   onSearchOpen,
@@ -316,10 +400,10 @@ function Topbar({
     {
       type: "button",
       className: `tb-chip ${project ? "" : "tb-chip-empty"}`,
-      "aria-label": project ? project.name : "Pick project",
+      "aria-label": project ? project.name : projectPlaceholder ?? "",
       onClick: projectMenu ? void 0 : onProjectOpen,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : "Pick project" }),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : projectPlaceholder ?? "\u2014" }),
         /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
       ]
     }
@@ -402,18 +486,5 @@ function SplitPane({ children, aside, asideWidth = "md" }) {
     /* @__PURE__ */ jsx("aside", { className: "ui-split-pane-aside", children: aside })
   ] });
 }
-var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    "data-slot": "separator",
-    "data-orientation": orientation,
-    orientation,
-    decorative,
-    className: cn("ui-separator", className),
-    ...props
-  }
-));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
 
-export { AppShell, Breadcrumb, PageContainer, PageInset, ResponsiveGrid, Separator, Sidebar, SplitPane, Stack, Topbar };
+export { AppShell, Breadcrumb, PageContainer, PageInset, ResponsiveGrid, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Stack, Topbar };

package/dist/{chunk-56NYZNVY.js → chunk-6HQMUUQW.js}

@@ -2,8 +2,9 @@ import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '.
 import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';
-import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { MoreHorizontal, ChevronLeft, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/navigation/pagination-utils.ts
 function buildPageRange(current, totalPages, siblingCount = 1) {
@@ -28,6 +29,80 @@ function buildPageRange(current, totalPages, siblingCount = 1) {
   if (totalPages > 1) range.push(totalPages);
   return range;
 }
+var PaginationContent = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("ul", { ref, className: cn("ui-pagination-list", className), role: "list", ...props });
+});
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("ui-pagination-item", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = React.forwardRef(
+  ({ className, isActive, disabled, children, onClick, ...props }, ref) => /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      "data-active": isActive || void 0,
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      "data-state": disabled ? "disabled" : void 0,
+      className: cn(
+        "ui-pagination-link ui-button--compact-icon ui-pagination-page",
+        isActive ? "ui-pagination-link-active" : void 0,
+        disabled ? "ui-pagination-link-disabled" : void 0,
+        className
+      ),
+      role: "button",
+      onClick: (event) => {
+        if (disabled) {
+          event.preventDefault();
+          return;
+        }
+        onClick?.(event);
+      },
+      ...props,
+      children
+    }
+  )
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn("ui-pagination-ellipsis ui-button--compact-icon", className),
+    "aria-hidden": "true",
+    role: "presentation",
+    ...props,
+    children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var PaginationPrevious = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    PaginationLink,
+    {
+      ref,
+      className: cn("ui-pagination-prev", className),
+      disabled: props.disabled,
+      ...props,
+      children
+    }
+  )
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    PaginationLink,
+    {
+      ref,
+      className: cn("ui-pagination-next", className),
+      disabled: props.disabled,
+      ...props,
+      children
+    }
+  )
+);
+PaginationNext.displayName = "PaginationNext";
 function Pagination({
   current = 1,
   total = 0,
@@ -121,51 +196,55 @@ function Pagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            size: "icon",
-            className: "ui-button--compact-icon",
-            disabled: Boolean(disabled) || safeCurrent <= 1,
-            "aria-label": t("navigation.pagination.prev"),
-            onClick: () => go(safeCurrent - 1),
-            children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
-          }
-        ),
-        /* @__PURE__ */ jsx("ul", { className: "ui-pagination-list", children: pages.map(
-          (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx("li", { className: "ui-pagination-ellipsis ui-button--compact-icon", children: /* @__PURE__ */ jsx(MoreHorizontal, { "aria-hidden": "true" }) }, `e-${index}`) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-            Button,
+        /* @__PURE__ */ jsxs(PaginationContent, { children: [
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationPrevious,
             {
-              type: "button",
-              variant: page === safeCurrent ? "default" : "outline",
-              size: "icon",
-              className: "ui-button--compact-icon ui-pagination-page",
-              disabled,
-              "aria-label": t("navigation.pagination.page", { page }),
-              "aria-current": page === safeCurrent ? "page" : void 0,
-              onClick: () => go(page),
-              children: page
+              href: "#",
+              "aria-label": t("navigation.pagination.prev"),
+              onClick: (event) => {
+                event.preventDefault();
+                go(safeCurrent - 1);
+              },
+              className: "ui-button--compact-icon",
+              disabled: Boolean(disabled) || safeCurrent <= 1,
+              children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
             }
-          ) }, page)
-        ) }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            size: "icon",
-            className: "ui-button--compact-icon",
-            disabled: Boolean(disabled) || safeCurrent >= totalPages,
-            "aria-label": t("navigation.pagination.next"),
-            onClick: () => go(safeCurrent + 1),
-            children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
-          }
-        )
+          ) }),
+          pages.map(
+            (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `e-${index}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+              PaginationLink,
+              {
+                isActive: page === safeCurrent,
+                "aria-label": t("navigation.pagination.page", { page }),
+                onClick: (event) => {
+                  event.preventDefault();
+                  if (!disabled) go(page);
+                },
+                href: "#",
+                disabled,
+                children: page
+              }
+            ) }, page)
+          ),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationNext,
+            {
+              href: "#",
+              "aria-label": t("navigation.pagination.next"),
+              onClick: (event) => {
+                event.preventDefault();
+                go(safeCurrent + 1);
+              },
+              className: "ui-button--compact-icon",
+              disabled: Boolean(disabled) || safeCurrent >= totalPages,
+              children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+            }
+          ) })
+        ] })
       ]
     }
   );
 }
 
-export { Pagination };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/{chunk-VN72SWHX.js → chunk-6MCI7W5G.js}

@@ -65,11 +65,19 @@ function PageHeader({
     ] })
   ] });
 }
-function LocalePicker({ className, disabled, id, value, onValueChange }) {
+function LocalePicker({
+  className,
+  disabled,
+  id,
+  value,
+  onValueChange,
+  options: optionsProp
+}) {
   const ctx = useOptionalAppContext();
   const { t } = useTranslation();
   const current = value ?? ctx?.locale;
   const handleChange = onValueChange ?? ctx?.setLocale;
+  const options = optionsProp ?? APP_LOCALES;
   if (current === void 0 || !handleChange) {
     throw new Error("LocalePicker requires <AppProvider> or controlled value + onValueChange");
   }
@@ -86,7 +94,11 @@ function LocalePicker({ className, disabled, id, value, onValueChange }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(SelectContent, { children: APP_LOCALES.map((code) => /* @__PURE__ */ jsx(SelectItem, { value: code, children: t(`locale.${code}`) }, code)) })
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => {
+      const code = typeof option === "string" ? option : option.value;
+      const label = typeof option === "string" ? t(`locale.${option}`) : option.label ?? t(`locale.${option.value}`);
+      return /* @__PURE__ */ jsx(SelectItem, { value: code, children: label }, code);
+    }) })
   ] });
 }
 function TimezonePicker({

package/dist/{chunk-5D42MFB4.js → chunk-FVPCVZL3.js}

@@ -1,7 +1,7 @@
 import { Input } from './chunk-VOHTRR5X.js';
 import { buttonVariants, Button } from './chunk-M4PZNAMV.js';
-import { Label } from './chunk-7PWBC4BY.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
+import { Label } from './chunk-7PWBC4BY.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -89,6 +89,73 @@ var DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DialogDescription.displayName = "DialogDescription";
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "dialog-overlay",
+    className: cn(
+      "ui-dialog-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef(({ className, children, showClose, showCloseButton: showCloseButtonProp, ...props }, ref) => {
+  const showCloseButton = showCloseButtonProp ?? showClose ?? false;
+  return /* @__PURE__ */ jsxs(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      "data-slot": "dialog-content",
+      className: cn(
+        "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 duration-200 outline-none",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton ? /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ring-offset-background focus:ring-ring transition-opacity focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+          }
+        ) }) : null
+      ]
+    }
+  );
+});
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn(className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn(className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "dialog-title",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "dialog-description",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
 var DialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 DialogAction.displayName = "DialogAction";
 var DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
@@ -100,6 +167,8 @@ var DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogCancel.displayName = "DialogCancel";
+var AlertDialogAction = DialogAction;
+var AlertDialogCancel = DialogCancel;
 function AlertDialog({
   open,
   onOpenChange,
@@ -198,4 +267,4 @@ var Dialog = Object.assign(DialogRoot, {
   Cancel: DialogCancel
 });
 
-export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };

package/dist/{chunk-KXOAZGPA.js → chunk-G6Q32VHO.js}

@@ -1,6 +1,6 @@
-import { formatBytes } from './chunk-4R7QL3MW.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-5D42MFB4.js';
 import { Slider } from './chunk-CRERCLIZ.js';
+import { formatBytes } from './chunk-4R7QL3MW.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-FVPCVZL3.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { controlIconClass } from './chunk-IBK5D2Q6.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';