@dimaan/ui 0.0.13 → 0.0.15

package/dist/index.cjs

@@ -9,6 +9,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var RadixPopover = require('@radix-ui/react-popover');
 var reactDayPicker = require('react-day-picker');
+var RadixDialog = require('@radix-ui/react-dialog');
 var RadixDropdown = require('@radix-ui/react-dropdown-menu');
 var reactHookForm = require('react-hook-form');
 var RadixSelect = require('@radix-ui/react-select');
@@ -36,6 +37,7 @@ function _interopNamespace(e) {
 var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
+var RadixDialog__namespace = /*#__PURE__*/_interopNamespace(RadixDialog);
 var RadixDropdown__namespace = /*#__PURE__*/_interopNamespace(RadixDropdown);
 var RadixSelect__namespace = /*#__PURE__*/_interopNamespace(RadixSelect);
 var RadixRadioGroup__namespace = /*#__PURE__*/_interopNamespace(RadixRadioGroup);
@@ -16374,86 +16376,6 @@ function readDocumentLocale() {
   return lang || void 0;
 }
 
-// src/components/dropdown-menu/dropdownMenuVariants.ts
-var dropdownMenuContentClass = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
-var dropdownMenuItemBaseClass = "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
-var dropdownMenuItemVariantClass = {
-  default: "text-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
-  destructive: "text-destructive data-[highlighted]:bg-destructive data-[highlighted]:text-destructive-foreground"
-};
-var dropdownMenuItemInsetClass = "ps-8";
-var dropdownMenuSeparatorClass = "-mx-1 my-1 h-px bg-border";
-var dropdownMenuLabelClass = "px-2 py-1.5 text-xs font-semibold text-muted-foreground select-none";
-var dropdownMenuShortcutClass = "ms-auto text-xs tracking-widest text-muted-foreground";
-var DropdownMenu = RadixDropdown__namespace.Root;
-var DropdownMenuTrigger = RadixDropdown__namespace.Trigger;
-var DropdownMenuGroup = RadixDropdown__namespace.Group;
-var DropdownMenuPortal = RadixDropdown__namespace.Portal;
-var DropdownMenuContent = React10.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixDropdown__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDropdown__namespace.Content,
-    {
-      ref,
-      sideOffset,
-      "data-slot": "dropdown-menu-content",
-      className: cn(dropdownMenuContentClass, className),
-      ...props
-    }
-  ) });
-});
-var DropdownMenuItem = React10.forwardRef(function DropdownMenuItem2({ className, variant = "default", inset = false, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDropdown__namespace.Item,
-    {
-      ref,
-      "data-slot": "dropdown-menu-item",
-      "data-variant": variant,
-      className: cn(
-        dropdownMenuItemBaseClass,
-        dropdownMenuItemVariantClass[variant],
-        inset && dropdownMenuItemInsetClass,
-        className
-      ),
-      ...props
-    }
-  );
-});
-var DropdownMenuSeparator = React10.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDropdown__namespace.Separator,
-    {
-      ref,
-      "data-slot": "dropdown-menu-separator",
-      className: cn(dropdownMenuSeparatorClass, className),
-      ...props
-    }
-  );
-});
-var DropdownMenuLabel = React10.forwardRef(function DropdownMenuLabel2({ className, inset = false, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDropdown__namespace.Label,
-    {
-      ref,
-      "data-slot": "dropdown-menu-label",
-      className: cn(dropdownMenuLabelClass, inset && dropdownMenuItemInsetClass, className),
-      ...props
-    }
-  );
-});
-var DropdownMenuShortcut = React10.forwardRef(
-  function DropdownMenuShortcut2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        ref,
-        "data-slot": "dropdown-menu-shortcut",
-        className: cn(dropdownMenuShortcutClass, className),
-        ...props
-      }
-    );
-  }
-);
-
 // src/components/empty-state/emptyStateVariants.ts
 var emptyStateContainerSizeClass = {
   sm: "py-8 gap-2",
@@ -16533,6 +16455,303 @@ var EmptyState = React10.forwardRef(function EmptyState2({ icon, title, descript
     }
   );
 });
+
+// src/components/page-header/PageHeader.tsx
+var import_react_router_dom2 = __toESM(require_dist2());
+
+// src/components/page-header/pageHeaderVariants.ts
+var pageHeaderBaseClass = "flex w-full flex-col gap-3";
+var pageHeaderBorderedClass = "border-b border-border pb-4";
+var pageHeaderTitleRowClass = "flex flex-wrap items-start justify-between gap-3 sm:gap-4";
+var pageHeaderTitleBlockClass = "min-w-0 flex-1 space-y-1";
+var pageHeaderTitleClass = "text-2xl font-semibold tracking-tight text-foreground";
+var pageHeaderDescriptionClass = "text-sm text-muted-foreground";
+var pageHeaderActionsClass = "flex shrink-0 flex-wrap items-center gap-2";
+var pageHeaderBackClass = "inline-flex items-center gap-1.5 self-start text-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-md";
+var pageHeaderBackIconClass = "size-4 shrink-0 rtl:rotate-180";
+var pageHeaderBreadcrumbsClass = "text-xs text-muted-foreground";
+var PageHeader = React10.forwardRef(function PageHeader2({
+  title,
+  description,
+  breadcrumbs,
+  back,
+  actions,
+  as = "h1",
+  bordered = false,
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      ref,
+      "data-slot": "page-header",
+      className: cn(pageHeaderBaseClass, bordered && pageHeaderBorderedClass, className),
+      ...props,
+      children: [
+        breadcrumbs ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-breadcrumbs", className: pageHeaderBreadcrumbsClass, children: breadcrumbs }) : null,
+        back ? /* @__PURE__ */ jsxRuntime.jsx(PageHeaderBack, { ...back }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "page-header-row", className: pageHeaderTitleRowClass, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pageHeaderTitleBlockClass, children: [
+            React10.createElement(
+              as,
+              { "data-slot": "page-header-title", className: pageHeaderTitleClass },
+              title
+            ),
+            description ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-slot": "page-header-description", className: pageHeaderDescriptionClass, children: description }) : null
+          ] }),
+          actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-actions", className: pageHeaderActionsClass, children: actions }) : null
+        ] })
+      ]
+    }
+  );
+});
+function PageHeaderBack({ label = "Back", to, onClick, render }) {
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: pageHeaderBackIconClass, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+  ] });
+  if (render) {
+    return render({
+      to,
+      onClick,
+      className: pageHeaderBackClass,
+      children: inner
+    });
+  }
+  if (to) {
+    return /* @__PURE__ */ jsxRuntime.jsx(import_react_router_dom2.Link, { to, onClick, className: pageHeaderBackClass, children: inner });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick, className: pageHeaderBackClass, children: inner });
+}
+
+// src/components/detail-page/detailPageVariants.ts
+var detailPageBaseClass = "flex w-full flex-col gap-6";
+var detailPageBodyClass = "flex flex-col gap-6";
+var detailPageSkeletonRowClass = "h-5 w-full animate-pulse rounded-md bg-muted";
+var detailPageEmptyClass = "rounded-md border border-border bg-card";
+var DEFAULT_LABELS = {
+  notFoundTitle: "Not found",
+  notFoundDescription: "The record you\u2019re looking for does not exist or has been removed."
+};
+var DEFAULT_SKELETON_ROW_COUNT = 6;
+function DetailPage({
+  title,
+  description,
+  back,
+  actions,
+  bordered = true,
+  isLoading = false,
+  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT,
+  notFound = false,
+  notFoundState,
+  labels: labelsProp,
+  children,
+  className,
+  bodyClassName
+}) {
+  const labels = { ...DEFAULT_LABELS, ...labelsProp };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "detail-page",
+      "data-state": isLoading ? "loading" : notFound ? "not-found" : "ready",
+      "aria-busy": isLoading || void 0,
+      className: cn(detailPageBaseClass, className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PageHeader,
+          {
+            title,
+            description,
+            back,
+            actions,
+            bordered
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(DetailPageSkeleton, { rowCount: loadingRowCount }) : notFound ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "detail-page-empty", "data-state": "not-found", className: detailPageEmptyClass, children: /* @__PURE__ */ jsxRuntime.jsx(
+          EmptyState,
+          {
+            size: "lg",
+            icon: notFoundState?.icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileQuestion, {}),
+            title: notFoundState?.title ?? labels.notFoundTitle,
+            description: notFoundState?.description ?? labels.notFoundDescription,
+            action: notFoundState?.action ?? null
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "detail-page-body", className: cn(detailPageBodyClass, bodyClassName), children })
+      ]
+    }
+  );
+}
+function DetailPageSkeleton({ rowCount }) {
+  const rows = Array.from({ length: Math.max(1, rowCount) }, (_, i) => `detail-page-skeleton-${i}`);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", "aria-hidden": "true", children: rows.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "detail-page-skeleton-row",
+      className: detailPageSkeletonRowClass
+    },
+    key
+  )) });
+}
+
+// src/components/dialog/dialogVariants.ts
+var dialogOverlayClass = "fixed inset-0 z-50 bg-foreground/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var dialogContentClass = "fixed start-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border border-border bg-background p-6 text-foreground shadow-lg outline-none rtl:translate-x-1/2 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";
+var dialogHeaderClass = "flex flex-col gap-1.5 text-start";
+var dialogTitleClass = "text-lg font-semibold text-foreground";
+var dialogDescriptionClass = "text-sm text-muted-foreground";
+var dialogFooterClass = "flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-end";
+var dialogCloseButtonClass = "absolute end-4 top-4 inline-flex size-7 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none";
+var Dialog = RadixDialog__namespace.Root;
+var DialogTrigger = RadixDialog__namespace.Trigger;
+var DialogPortal = RadixDialog__namespace.Portal;
+var DialogClose = RadixDialog__namespace.Close;
+var DialogOverlay = React10.forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDialog__namespace.Overlay,
+    {
+      ref,
+      "data-slot": "dialog-overlay",
+      className: cn(dialogOverlayClass, className),
+      ...props
+    }
+  );
+});
+var DialogContent = React10.forwardRef(function DialogContent2({ className, children, showCloseButton = true, closeLabel = "Close", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      RadixDialog__namespace.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: cn(dialogContentClass, className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsxRuntime.jsx(
+            RadixDialog__namespace.Close,
+            {
+              "aria-label": closeLabel,
+              "data-slot": "dialog-close-button",
+              className: dialogCloseButtonClass,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4", "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dialog-header", className: cn(dialogHeaderClass, className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dialog-footer", className: cn(dialogFooterClass, className), ...props });
+}
+var DialogTitle = React10.forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDialog__namespace.Title,
+    {
+      ref,
+      "data-slot": "dialog-title",
+      className: cn(dialogTitleClass, className),
+      ...props
+    }
+  );
+});
+var DialogDescription = React10.forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDialog__namespace.Description,
+    {
+      ref,
+      "data-slot": "dialog-description",
+      className: cn(dialogDescriptionClass, className),
+      ...props
+    }
+  );
+});
+
+// src/components/dropdown-menu/dropdownMenuVariants.ts
+var dropdownMenuContentClass = "z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
+var dropdownMenuItemBaseClass = "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+var dropdownMenuItemVariantClass = {
+  default: "text-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+  destructive: "text-destructive data-[highlighted]:bg-destructive data-[highlighted]:text-destructive-foreground"
+};
+var dropdownMenuItemInsetClass = "ps-8";
+var dropdownMenuSeparatorClass = "-mx-1 my-1 h-px bg-border";
+var dropdownMenuLabelClass = "px-2 py-1.5 text-xs font-semibold text-muted-foreground select-none";
+var dropdownMenuShortcutClass = "ms-auto text-xs tracking-widest text-muted-foreground";
+var DropdownMenu = RadixDropdown__namespace.Root;
+var DropdownMenuTrigger = RadixDropdown__namespace.Trigger;
+var DropdownMenuGroup = RadixDropdown__namespace.Group;
+var DropdownMenuPortal = RadixDropdown__namespace.Portal;
+var DropdownMenuContent = React10.forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixDropdown__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDropdown__namespace.Content,
+    {
+      ref,
+      sideOffset,
+      "data-slot": "dropdown-menu-content",
+      className: cn(dropdownMenuContentClass, className),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuItem = React10.forwardRef(function DropdownMenuItem2({ className, variant = "default", inset = false, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDropdown__namespace.Item,
+    {
+      ref,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        dropdownMenuItemBaseClass,
+        dropdownMenuItemVariantClass[variant],
+        inset && dropdownMenuItemInsetClass,
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DropdownMenuSeparator = React10.forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDropdown__namespace.Separator,
+    {
+      ref,
+      "data-slot": "dropdown-menu-separator",
+      className: cn(dropdownMenuSeparatorClass, className),
+      ...props
+    }
+  );
+});
+var DropdownMenuLabel = React10.forwardRef(function DropdownMenuLabel2({ className, inset = false, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDropdown__namespace.Label,
+    {
+      ref,
+      "data-slot": "dropdown-menu-label",
+      className: cn(dropdownMenuLabelClass, inset && dropdownMenuItemInsetClass, className),
+      ...props
+    }
+  );
+});
+var DropdownMenuShortcut = React10.forwardRef(
+  function DropdownMenuShortcut2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        "data-slot": "dropdown-menu-shortcut",
+        className: cn(dropdownMenuShortcutClass, className),
+        ...props
+      }
+    );
+  }
+);
 function Field(props) {
   const formContext = reactHookForm.useFormContext();
   if (props.name !== void 0) {
@@ -16662,6 +16881,57 @@ function mergeRefs2(...refs) {
   };
 }
 
+// src/components/form-page/formPageVariants.ts
+var formPageBaseClass = "flex w-full flex-col gap-6";
+var formPageBodyClass = "flex-1";
+var formPageActionsBarClass = "sticky bottom-0 -mx-6 -mb-6 mt-6 flex items-center justify-end gap-2 border-t border-border bg-background/95 px-6 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/80";
+var formPageSkeletonRowClass = "h-10 w-full animate-pulse rounded-md bg-muted";
+var DEFAULT_SKELETON_ROW_COUNT2 = 6;
+function FormPage({
+  title,
+  description,
+  back,
+  bordered = true,
+  onSubmit,
+  isLoading = false,
+  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT2,
+  actions,
+  children,
+  className,
+  formClassName,
+  bodyClassName,
+  actionsClassName
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "form-page", className: cn(formPageBaseClass, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PageHeader, { title, description, back, bordered }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        onSubmit,
+        "aria-busy": isLoading || void 0,
+        noValidate: true,
+        "data-slot": "form-page-form",
+        className: cn("flex flex-1 flex-col gap-6", formClassName),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "form-page-body", className: cn(formPageBodyClass, bodyClassName), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(FormPageSkeleton, { rowCount: loadingRowCount }) : children }),
+          actions !== null && actions !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "form-page-actions",
+              className: cn(formPageActionsBarClass, actionsClassName),
+              children: actions
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function FormPageSkeleton({ rowCount }) {
+  const rows = Array.from({ length: Math.max(1, rowCount) }, (_, i) => `form-page-skeleton-${i}`);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", "aria-hidden": "true", children: rows.map((key) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "form-page-skeleton-row", className: formPageSkeletonRowClass }, key)) });
+}
+
 // src/components/input/inputVariants.ts
 var inputVariantClass = {
   default: "border border-input bg-background hover:border-ring",
@@ -16777,75 +17047,6 @@ function LanguageSwitcher({
   );
 }
 
-// src/components/page-header/PageHeader.tsx
-var import_react_router_dom2 = __toESM(require_dist2());
-
-// src/components/page-header/pageHeaderVariants.ts
-var pageHeaderBaseClass = "flex w-full flex-col gap-3";
-var pageHeaderBorderedClass = "border-b border-border pb-4";
-var pageHeaderTitleRowClass = "flex flex-wrap items-start justify-between gap-3 sm:gap-4";
-var pageHeaderTitleBlockClass = "min-w-0 flex-1 space-y-1";
-var pageHeaderTitleClass = "text-2xl font-semibold tracking-tight text-foreground";
-var pageHeaderDescriptionClass = "text-sm text-muted-foreground";
-var pageHeaderActionsClass = "flex shrink-0 flex-wrap items-center gap-2";
-var pageHeaderBackClass = "inline-flex items-center gap-1.5 self-start text-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-md";
-var pageHeaderBackIconClass = "size-4 shrink-0 rtl:rotate-180";
-var pageHeaderBreadcrumbsClass = "text-xs text-muted-foreground";
-var PageHeader = React10.forwardRef(function PageHeader2({
-  title,
-  description,
-  breadcrumbs,
-  back,
-  actions,
-  as = "h1",
-  bordered = false,
-  className,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "header",
-    {
-      ref,
-      "data-slot": "page-header",
-      className: cn(pageHeaderBaseClass, bordered && pageHeaderBorderedClass, className),
-      ...props,
-      children: [
-        breadcrumbs ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-breadcrumbs", className: pageHeaderBreadcrumbsClass, children: breadcrumbs }) : null,
-        back ? /* @__PURE__ */ jsxRuntime.jsx(PageHeaderBack, { ...back }) : null,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "page-header-row", className: pageHeaderTitleRowClass, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pageHeaderTitleBlockClass, children: [
-            React10.createElement(
-              as,
-              { "data-slot": "page-header-title", className: pageHeaderTitleClass },
-              title
-            ),
-            description ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-slot": "page-header-description", className: pageHeaderDescriptionClass, children: description }) : null
-          ] }),
-          actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "page-header-actions", className: pageHeaderActionsClass, children: actions }) : null
-        ] })
-      ]
-    }
-  );
-});
-function PageHeaderBack({ label = "Back", to, onClick, render }) {
-  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: pageHeaderBackIconClass, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-  ] });
-  if (render) {
-    return render({
-      to,
-      onClick,
-      className: pageHeaderBackClass,
-      children: inner
-    });
-  }
-  if (to) {
-    return /* @__PURE__ */ jsxRuntime.jsx(import_react_router_dom2.Link, { to, onClick, className: pageHeaderBackClass, children: inner });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick, className: pageHeaderBackClass, children: inner });
-}
-
 // src/components/select/selectVariants.ts
 var selectVariantClass = {
   default: "border border-input bg-background hover:border-ring",
@@ -17458,7 +17659,7 @@ function SortIndicator({ active, direction }) {
   if (!active) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { "aria-hidden": "true", className });
   return direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { "aria-hidden": "true", className }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className });
 }
-var DEFAULT_LABELS = {
+var DEFAULT_LABELS2 = {
   searchPlaceholder: "Search\u2026",
   searchAriaLabel: "Search",
   reset: "Reset filters",
@@ -17491,7 +17692,7 @@ function ListPage({
   labels: labelsProp,
   className
 }) {
-  const labels = { ...DEFAULT_LABELS, ...labelsProp };
+  const labels = { ...DEFAULT_LABELS2, ...labelsProp };
   const initialFilterValues = React10.useMemo(() => {
     const init = {};
     for (const f of filters ?? []) {
@@ -17930,6 +18131,17 @@ exports.DashboardHeader = DashboardHeader;
 exports.DashboardLayout = DashboardLayout;
 exports.DashboardMain = DashboardMain;
 exports.DatePicker = DatePicker;
+exports.DetailPage = DetailPage;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuContent = DropdownMenuContent;
 exports.DropdownMenuGroup = DropdownMenuGroup;
@@ -17941,6 +18153,7 @@ exports.DropdownMenuShortcut = DropdownMenuShortcut;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EmptyState = EmptyState;
 exports.Field = Field;
+exports.FormPage = FormPage;
 exports.HeaderActions = HeaderActions;
 exports.HeaderCollapseTrigger = HeaderCollapseTrigger;
 exports.HeaderMobileTrigger = HeaderMobileTrigger;
@@ -17993,6 +18206,17 @@ exports.datePickerValueClass = datePickerValueClass;
 exports.datePickerWeekClass = datePickerWeekClass;
 exports.datePickerWeekdayClass = datePickerWeekdayClass;
 exports.datePickerWeekdaysClass = datePickerWeekdaysClass;
+exports.detailPageBaseClass = detailPageBaseClass;
+exports.detailPageBodyClass = detailPageBodyClass;
+exports.detailPageEmptyClass = detailPageEmptyClass;
+exports.detailPageSkeletonRowClass = detailPageSkeletonRowClass;
+exports.dialogCloseButtonClass = dialogCloseButtonClass;
+exports.dialogContentClass = dialogContentClass;
+exports.dialogDescriptionClass = dialogDescriptionClass;
+exports.dialogFooterClass = dialogFooterClass;
+exports.dialogHeaderClass = dialogHeaderClass;
+exports.dialogOverlayClass = dialogOverlayClass;
+exports.dialogTitleClass = dialogTitleClass;
 exports.dropdownMenuContentClass = dropdownMenuContentClass;
 exports.dropdownMenuItemBaseClass = dropdownMenuItemBaseClass;
 exports.dropdownMenuItemInsetClass = dropdownMenuItemInsetClass;
@@ -18007,6 +18231,10 @@ exports.emptyStateDescriptionSizeClass = emptyStateDescriptionSizeClass;
 exports.emptyStateIconWrapperBaseClass = emptyStateIconWrapperBaseClass;
 exports.emptyStateIconWrapperSizeClass = emptyStateIconWrapperSizeClass;
 exports.emptyStateTitleSizeClass = emptyStateTitleSizeClass;
+exports.formPageActionsBarClass = formPageActionsBarClass;
+exports.formPageBaseClass = formPageBaseClass;
+exports.formPageBodyClass = formPageBodyClass;
+exports.formPageSkeletonRowClass = formPageSkeletonRowClass;
 exports.inputBaseClass = inputBaseClass;
 exports.inputSizeClass = inputSizeClass;
 exports.inputVariantClass = inputVariantClass;