@dimaan/ui 0.0.14 → 0.0.17

package/dist/index.js

@@ -1,18 +1,23 @@
 import * as React10 from 'react';
-import React10__default, { createContext, forwardRef, Children, isValidElement, cloneElement, useRef, useImperativeHandle, useLayoutEffect, useId, useState, useMemo, useCallback, createElement, useEffect, useContext } from 'react';
+import React10__default, { forwardRef, Children, isValidElement, cloneElement, createContext, useRef, useImperativeHandle, useLayoutEffect, useId, useState, useMemo, useCallback, createElement, useEffect, useContext } from 'react';
 import * as ReactDOM from 'react-dom';
-import { DirectionProvider } from '@radix-ui/react-direction';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Loader2, Check, Minus, Calendar, X, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, ArrowLeft, Menu, ChevronsUpDown, Search, RefreshCw, Inbox, SearchX } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Loader2, Check, Minus, Calendar, X, ChevronLeft, ChevronRight, ChevronDown, ChevronUp, ArrowLeft, Menu, FileQuestion, ChevronsUpDown, Search, RefreshCw, Inbox, SearchX } from 'lucide-react';
+import { DirectionProvider } from '@radix-ui/react-direction';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { DayPicker } from 'react-day-picker';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
 import { useFormContext, Controller } from 'react-hook-form';
 import * as RadixSelect from '@radix-ui/react-select';
 import * as RadixRadioGroup from '@radix-ui/react-radio-group';
 import * as RadixSwitch from '@radix-ui/react-switch';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -401,7 +406,7 @@ function createBrowserURLImpl(to, isAbsolute = false) {
   }
   return new URL(href2, base);
 }
-function createContext5(defaultValue) {
+function createContext6(defaultValue) {
   return { defaultValue };
 }
 function isUnsupportedLazyRouteObjectKey(key) {
@@ -10479,7 +10484,7 @@ function encodeLocation(to) {
     hash: encoded.hash
   };
 }
-var __typeError, __accessCheck, __privateGet, __privateAdd, __privateSet, Action, PopStateEventType, _map, RouterContextProvider, unsupportedLazyRouteObjectKeys, unsupportedLazyRouteFunctionKeys, paramRe, dynamicSegmentValue, indexRouteValue, emptySegmentValue, staticSegmentValue, splatPenalty, isSplat, ABSOLUTE_URL_REGEX, isAbsoluteUrl, removeDoubleSlashes, joinPaths, removeTrailingSlash, normalizePathname, normalizeSearch, normalizeHash, DataWithResponseInit, redirect, redirectDocument, replace, ErrorResponseImpl, isBrowser, UninstrumentedSymbol, objectProtoNames, validMutationMethodsArr, validMutationMethods, validRequestMethodsArr, validRequestMethods, redirectStatusCodes, redirectPreserveMethodStatusCodes, IDLE_NAVIGATION, IDLE_FETCHER, IDLE_BLOCKER, defaultMapRouteProperties, TRANSITIONS_STORAGE_KEY, ResetLoaderDataSymbol, _routes, _branches, _hmrRoutes, _hmrBranches, DataRoutes, lazyRoutePropertyCache, loadLazyRouteProperty, lazyRouteFunctionCache, invalidProtocols, DataRouterContext, DataRouterStateContext, RSCRouterContext, ViewTransitionContext, FetchersContext, AwaitContext, AwaitContextProvider, NavigationContext, LocationContext, RouteContext, RouteErrorContext, ENABLE_DEV_WARNINGS, ERROR_DIGEST_BASE, ERROR_DIGEST_REDIRECT, ERROR_DIGEST_ROUTE_ERROR_RESPONSE, navigateEffectWarning, OutletContext, defaultErrorElement, RenderErrorBoundary, errorRedirectHandledMap, blockerId, alreadyWarned, alreadyWarned2, USE_OPTIMISTIC, useOptimisticImpl, stableUseOptimisticSetter, hydrationRouteProperties, Deferred, MemoizedDataRoutes, AwaitErrorBoundary, createRoutesFromElements, defaultMethod, defaultEncType, _formDataSupportsSubmitter, supportedFormEncTypes, HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, NULL, POSITIVE_INFINITY, UNDEFINED, TYPE_BIGINT, TYPE_DATE, TYPE_ERROR, TYPE_MAP, TYPE_NULL_OBJECT, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, TYPE_URL, TYPE_PREVIOUS_RESOLVED, SUPPORTED_ERROR_TYPES, Deferred2, TIME_LIMIT_MS, getNow, yieldToMain, objectProtoNames2, globalObj, ESCAPE_LOOKUP, ESCAPE_REGEX, SingleFetchRedirectSymbol, SingleFetchNoResultError, SINGLE_FETCH_REDIRECT_STATUS, NO_BODY_STATUS_CODES, _isPreloadSupported, nextPaths, discoveredPathsMaxSize, discoveredPaths, URL_LIMIT, MANIFEST_VERSION_STORAGE_KEY, FrameworkContext, CRITICAL_CSS_DATA_ATTRIBUTE, isHydrated, RemixErrorBoundary, isBrowser2, ABSOLUTE_URL_REGEX2, Link, NavLink, Form, fetcherId, getUniqueFetcherId, SCROLL_RESTORATION_STORAGE_KEY, savedScrollPositions, ABSOLUTE_URL_REGEX3;
+var __typeError, __accessCheck, __privateGet, __privateAdd, __privateSet, Action2, PopStateEventType, _map, RouterContextProvider, unsupportedLazyRouteObjectKeys, unsupportedLazyRouteFunctionKeys, paramRe, dynamicSegmentValue, indexRouteValue, emptySegmentValue, staticSegmentValue, splatPenalty, isSplat, ABSOLUTE_URL_REGEX, isAbsoluteUrl, removeDoubleSlashes, joinPaths, removeTrailingSlash, normalizePathname, normalizeSearch, normalizeHash, DataWithResponseInit, redirect, redirectDocument, replace, ErrorResponseImpl, isBrowser, UninstrumentedSymbol, objectProtoNames, validMutationMethodsArr, validMutationMethods, validRequestMethodsArr, validRequestMethods, redirectStatusCodes, redirectPreserveMethodStatusCodes, IDLE_NAVIGATION, IDLE_FETCHER, IDLE_BLOCKER, defaultMapRouteProperties, TRANSITIONS_STORAGE_KEY, ResetLoaderDataSymbol, _routes, _branches, _hmrRoutes, _hmrBranches, DataRoutes, lazyRoutePropertyCache, loadLazyRouteProperty, lazyRouteFunctionCache, invalidProtocols, DataRouterContext, DataRouterStateContext, RSCRouterContext, ViewTransitionContext, FetchersContext, AwaitContext, AwaitContextProvider, NavigationContext, LocationContext, RouteContext, RouteErrorContext, ENABLE_DEV_WARNINGS, ERROR_DIGEST_BASE, ERROR_DIGEST_REDIRECT, ERROR_DIGEST_ROUTE_ERROR_RESPONSE, navigateEffectWarning, OutletContext, defaultErrorElement, RenderErrorBoundary, errorRedirectHandledMap, blockerId, alreadyWarned, alreadyWarned2, USE_OPTIMISTIC, useOptimisticImpl, stableUseOptimisticSetter, hydrationRouteProperties, Deferred, MemoizedDataRoutes, AwaitErrorBoundary, createRoutesFromElements, defaultMethod, defaultEncType, _formDataSupportsSubmitter, supportedFormEncTypes, HOLE, NAN, NEGATIVE_INFINITY, NEGATIVE_ZERO, NULL, POSITIVE_INFINITY, UNDEFINED, TYPE_BIGINT, TYPE_DATE, TYPE_ERROR, TYPE_MAP, TYPE_NULL_OBJECT, TYPE_PROMISE, TYPE_REGEXP, TYPE_SET, TYPE_SYMBOL, TYPE_URL, TYPE_PREVIOUS_RESOLVED, SUPPORTED_ERROR_TYPES, Deferred2, TIME_LIMIT_MS, getNow, yieldToMain, objectProtoNames2, globalObj, ESCAPE_LOOKUP, ESCAPE_REGEX, SingleFetchRedirectSymbol, SingleFetchNoResultError, SINGLE_FETCH_REDIRECT_STATUS, NO_BODY_STATUS_CODES, _isPreloadSupported, nextPaths, discoveredPathsMaxSize, discoveredPaths, URL_LIMIT, MANIFEST_VERSION_STORAGE_KEY, FrameworkContext, CRITICAL_CSS_DATA_ATTRIBUTE, isHydrated, RemixErrorBoundary, isBrowser2, ABSOLUTE_URL_REGEX2, Link, NavLink, Form, fetcherId, getUniqueFetcherId, SCROLL_RESTORATION_STORAGE_KEY, savedScrollPositions, ABSOLUTE_URL_REGEX3;
 var init_chunk_5KNZJZUH = __esm({
   "node_modules/.pnpm/react-router@7.15.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-router/dist/development/chunk-5KNZJZUH.mjs"() {
     __typeError = (msg) => {
@@ -10489,12 +10494,12 @@ var init_chunk_5KNZJZUH = __esm({
     __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
     __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
     __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-    Action = /* @__PURE__ */ ((Action2) => {
-      Action2["Pop"] = "POP";
-      Action2["Push"] = "PUSH";
-      Action2["Replace"] = "REPLACE";
-      return Action2;
-    })(Action || {});
+    Action2 = /* @__PURE__ */ ((Action22) => {
+      Action22["Pop"] = "POP";
+      Action22["Push"] = "PUSH";
+      Action22["Replace"] = "REPLACE";
+      return Action22;
+    })(Action2 || {});
     PopStateEventType = "popstate";
     RouterContextProvider = class {
       /**
@@ -15119,7 +15124,7 @@ var init_dom_export = __esm({
     ssrInfo = null;
     router = null;
     defaultManifestPath2 = "/__manifest";
-    renderedRoutesContext = createContext5();
+    renderedRoutesContext = createContext6();
     nextPaths2 = /* @__PURE__ */ new Set();
     discoveredPathsMaxSize2 = 1e3;
     discoveredPaths2 = /* @__PURE__ */ new Set();
@@ -15142,7 +15147,7 @@ __export(development_exports, {
   Meta: () => Meta,
   NavLink: () => NavLink,
   Navigate: () => Navigate,
-  NavigationType: () => Action,
+  NavigationType: () => Action2,
   Outlet: () => Outlet,
   PrefetchPageLinks: () => PrefetchPageLinks,
   Route: () => Route,
@@ -15193,7 +15198,7 @@ __export(development_exports, {
   UNSAFE_withErrorBoundaryProps: () => withErrorBoundaryProps,
   UNSAFE_withHydrateFallbackProps: () => withHydrateFallbackProps,
   createBrowserRouter: () => createBrowserRouter,
-  createContext: () => createContext5,
+  createContext: () => createContext6,
   createCookie: () => createCookie,
   createCookieSessionStorage: () => createCookieSessionStorage,
   createHashRouter: () => createHashRouter,
@@ -15298,6 +15303,225 @@ var require_dist2 = __commonJS({
     __reExport(index_exports, (init_development(), __toCommonJS(development_exports)), module.exports);
   }
 });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// 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 AlertDialog = RadixAlertDialog.Root;
+var AlertDialogTrigger = RadixAlertDialog.Trigger;
+var AlertDialogPortal = RadixAlertDialog.Portal;
+var AlertDialogAction = RadixAlertDialog.Action;
+var AlertDialogCancel = RadixAlertDialog.Cancel;
+var AlertDialogOverlay = forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixAlertDialog.Overlay,
+    {
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: cn(dialogOverlayClass, className),
+      ...props
+    }
+  );
+});
+var AlertDialogContent = forwardRef(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      RadixAlertDialog.Content,
+      {
+        ref,
+        "data-slot": "alert-dialog-content",
+        className: cn(dialogContentClass, className),
+        ...props
+      }
+    )
+  ] });
+});
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "alert-dialog-header", className: cn(dialogHeaderClass, className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "alert-dialog-footer", className: cn(dialogFooterClass, className), ...props });
+}
+var AlertDialogTitle = forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixAlertDialog.Title,
+    {
+      ref,
+      "data-slot": "alert-dialog-title",
+      className: cn(dialogTitleClass, className),
+      ...props
+    }
+  );
+});
+var AlertDialogDescription = forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixAlertDialog.Description,
+    {
+      ref,
+      "data-slot": "alert-dialog-description",
+      className: cn(dialogDescriptionClass, className),
+      ...props
+    }
+  );
+});
+
+// src/components/button/buttonVariants.ts
+var buttonVariantClass = {
+  primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 focus-visible:ring-primary/40",
+  secondary: "bg-muted text-foreground hover:bg-muted/80 focus-visible:ring-muted-foreground/30",
+  outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
+  ghost: "bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
+  destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 focus-visible:ring-destructive/40",
+  success: "bg-success text-success-foreground shadow-sm hover:bg-success/90 focus-visible:ring-success/40",
+  warning: "bg-warning text-warning-foreground shadow-sm hover:bg-warning/90 focus-visible:ring-warning/40",
+  link: "text-primary underline-offset-4 hover:underline focus-visible:ring-primary/40 px-0 shadow-none"
+};
+var buttonSizeClass = {
+  sm: "h-8 gap-1.5 rounded-md px-3 text-sm",
+  md: "h-9 gap-2 rounded-md px-4 text-sm",
+  lg: "h-11 gap-2.5 rounded-md px-6 text-base",
+  icon: "h-9 w-9 shrink-0 rounded-md p-0",
+  "icon-sm": "h-8 w-8 shrink-0 rounded-md p-0"
+};
+var buttonBaseClass = "group/button relative inline-flex items-center justify-center font-medium select-none whitespace-nowrap outline-none transition-[background-color,color,box-shadow,opacity] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+var Button = forwardRef(function Button2({
+  variant = "primary",
+  size = "md",
+  loading = false,
+  loadingText,
+  leadingIcon,
+  trailingIcon,
+  fullWidth = false,
+  asChild = false,
+  type,
+  disabled,
+  className,
+  children,
+  ...props
+}, ref) {
+  const isDisabled = disabled || loading;
+  const composedClass = cn(
+    buttonBaseClass,
+    buttonVariantClass[variant],
+    buttonSizeClass[size],
+    fullWidth && "w-full",
+    className
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    loading ? /* @__PURE__ */ jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsx(Slot, { children: leadingIcon }) : null,
+    loading && loadingText !== void 0 ? loadingText : children,
+    !loading && trailingIcon ? /* @__PURE__ */ jsx(Slot, { children: trailingIcon }) : null
+  ] });
+  if (asChild) {
+    const child = Children.only(children);
+    if (!isValidElement(child)) {
+      throw new Error("Button: `asChild` requires a single valid React element as a child.");
+    }
+    const mergedClassName = cn(composedClass, child.props.className);
+    return cloneElement(child, {
+      ...child.props,
+      className: mergedClassName,
+      "aria-disabled": isDisabled ? true : void 0,
+      "data-loading": loading ? "true" : void 0,
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsx(Slot, { children: leadingIcon }) : null,
+        loading && loadingText !== void 0 ? loadingText : child.props.children,
+        !loading && trailingIcon ? /* @__PURE__ */ jsx(Slot, { children: trailingIcon }) : null
+      ] })
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: type ?? "button",
+      disabled: isDisabled,
+      "data-loading": loading ? "true" : void 0,
+      className: composedClass,
+      ...props,
+      children: content
+    }
+  );
+});
+function Slot({ children }) {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex h-4 w-4 items-center justify-center", children });
+}
+function Spinner() {
+  return /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin", "data-testid": "button-spinner" });
+}
+var ConfirmDialogContext = createContext(null);
+function ConfirmDialogProvider({ labels, children }) {
+  const [pending, setPending] = useState(null);
+  const pendingRef = useRef(null);
+  pendingRef.current = pending;
+  const confirm = useCallback((options) => {
+    return new Promise((resolve) => {
+      const prior = pendingRef.current;
+      if (prior) {
+        prior.resolve(false);
+      }
+      setPending({ options, resolve });
+    });
+  }, []);
+  const resolveWith = useCallback((value) => {
+    const current = pendingRef.current;
+    if (!current) return;
+    current.resolve(value);
+    setPending(null);
+  }, []);
+  const confirmLabel = pending?.options.confirmLabel ?? labels?.confirm ?? "Confirm";
+  const cancelLabel = pending?.options.cancelLabel ?? labels?.cancel ?? "Cancel";
+  return /* @__PURE__ */ jsxs(ConfirmDialogContext.Provider, { value: confirm, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: pending !== null,
+        onOpenChange: (open) => {
+          if (!open) resolveWith(false);
+        },
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: pending?.options.title }),
+            pending?.options.description !== void 0 ? /* @__PURE__ */ jsx(AlertDialogDescription, { children: pending.options.description }) : (
+              // Radix logs a warning when AlertDialogDescription is missing —
+              // always render a node even if the consumer didn't supply text.
+              /* @__PURE__ */ jsx(AlertDialogDescription, { className: "sr-only", children: pending?.options.title })
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => resolveWith(false), children: cancelLabel }) }),
+            /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: pending?.options.destructive ? "destructive" : "primary",
+                onClick: () => resolveWith(true),
+                children: confirmLabel
+              }
+            ) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function useConfirm() {
+  const fn = useContext(ConfirmDialogContext);
+  if (!fn) {
+    throw new Error("useConfirm() must be used inside <ConfirmDialogProvider>");
+  }
+  return useMemo(() => fn, [fn]);
+}
 function readDocumentDirection() {
   if (typeof document === "undefined") return "ltr";
   const dir = document.documentElement.getAttribute("dir");
@@ -15326,9 +15550,6 @@ function useDashboardLayout() {
   }
   return ctx;
 }
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 function DashboardContent({ className, children, ...props }) {
   return /* @__PURE__ */ jsx(
     "main",
@@ -15426,91 +15647,6 @@ function DashboardHeader({ className, children, ...props }) {
 function HeaderActions({ className, children, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("ms-auto flex items-center gap-1", className), ...props, children });
 }
-
-// src/components/button/buttonVariants.ts
-var buttonVariantClass = {
-  primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 focus-visible:ring-primary/40",
-  secondary: "bg-muted text-foreground hover:bg-muted/80 focus-visible:ring-muted-foreground/30",
-  outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
-  ghost: "bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
-  destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 focus-visible:ring-destructive/40",
-  success: "bg-success text-success-foreground shadow-sm hover:bg-success/90 focus-visible:ring-success/40",
-  warning: "bg-warning text-warning-foreground shadow-sm hover:bg-warning/90 focus-visible:ring-warning/40",
-  link: "text-primary underline-offset-4 hover:underline focus-visible:ring-primary/40 px-0 shadow-none"
-};
-var buttonSizeClass = {
-  sm: "h-8 gap-1.5 rounded-md px-3 text-sm",
-  md: "h-9 gap-2 rounded-md px-4 text-sm",
-  lg: "h-11 gap-2.5 rounded-md px-6 text-base",
-  icon: "h-9 w-9 shrink-0 rounded-md p-0",
-  "icon-sm": "h-8 w-8 shrink-0 rounded-md p-0"
-};
-var buttonBaseClass = "group/button relative inline-flex items-center justify-center font-medium select-none whitespace-nowrap outline-none transition-[background-color,color,box-shadow,opacity] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0";
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "md",
-  loading = false,
-  loadingText,
-  leadingIcon,
-  trailingIcon,
-  fullWidth = false,
-  asChild = false,
-  type,
-  disabled,
-  className,
-  children,
-  ...props
-}, ref) {
-  const isDisabled = disabled || loading;
-  const composedClass = cn(
-    buttonBaseClass,
-    buttonVariantClass[variant],
-    buttonSizeClass[size],
-    fullWidth && "w-full",
-    className
-  );
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    loading ? /* @__PURE__ */ jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsx(Slot, { children: leadingIcon }) : null,
-    loading && loadingText !== void 0 ? loadingText : children,
-    !loading && trailingIcon ? /* @__PURE__ */ jsx(Slot, { children: trailingIcon }) : null
-  ] });
-  if (asChild) {
-    const child = Children.only(children);
-    if (!isValidElement(child)) {
-      throw new Error("Button: `asChild` requires a single valid React element as a child.");
-    }
-    const mergedClassName = cn(composedClass, child.props.className);
-    return cloneElement(child, {
-      ...child.props,
-      className: mergedClassName,
-      "aria-disabled": isDisabled ? true : void 0,
-      "data-loading": loading ? "true" : void 0,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        loading ? /* @__PURE__ */ jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsx(Slot, { children: leadingIcon }) : null,
-        loading && loadingText !== void 0 ? loadingText : child.props.children,
-        !loading && trailingIcon ? /* @__PURE__ */ jsx(Slot, { children: trailingIcon }) : null
-      ] })
-    });
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type: type ?? "button",
-      disabled: isDisabled,
-      "data-loading": loading ? "true" : void 0,
-      className: composedClass,
-      ...props,
-      children: content
-    }
-  );
-});
-function Slot({ children }) {
-  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex h-4 w-4 items-center justify-center", children });
-}
-function Spinner() {
-  return /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin", "data-testid": "button-spinner" });
-}
 function HeaderCollapseTrigger({
   icon,
   className,
@@ -16347,91 +16483,11 @@ 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.Root;
-var DropdownMenuTrigger = RadixDropdown.Trigger;
-var DropdownMenuGroup = RadixDropdown.Group;
-var DropdownMenuPortal = RadixDropdown.Portal;
-var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
-  return /* @__PURE__ */ jsx(RadixDropdown.Portal, { children: /* @__PURE__ */ jsx(
-    RadixDropdown.Content,
-    {
-      ref,
-      sideOffset,
-      "data-slot": "dropdown-menu-content",
-      className: cn(dropdownMenuContentClass, className),
-      ...props
-    }
-  ) });
-});
-var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, variant = "default", inset = false, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDropdown.Item,
-    {
-      ref,
-      "data-slot": "dropdown-menu-item",
-      "data-variant": variant,
-      className: cn(
-        dropdownMenuItemBaseClass,
-        dropdownMenuItemVariantClass[variant],
-        inset && dropdownMenuItemInsetClass,
-        className
-      ),
-      ...props
-    }
-  );
-});
-var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDropdown.Separator,
-    {
-      ref,
-      "data-slot": "dropdown-menu-separator",
-      className: cn(dropdownMenuSeparatorClass, className),
-      ...props
-    }
-  );
-});
-var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, inset = false, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDropdown.Label,
-    {
-      ref,
-      "data-slot": "dropdown-menu-label",
-      className: cn(dropdownMenuLabelClass, inset && dropdownMenuItemInsetClass, className),
-      ...props
-    }
-  );
-});
-var DropdownMenuShortcut = forwardRef(
-  function DropdownMenuShortcut2({ className, ...props }, ref) {
-    return /* @__PURE__ */ 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",
-  md: "py-14 gap-3",
-  lg: "py-20 gap-4"
+// src/components/empty-state/emptyStateVariants.ts
+var emptyStateContainerSizeClass = {
+  sm: "py-8 gap-2",
+  md: "py-14 gap-3",
+  lg: "py-20 gap-4"
 };
 var emptyStateIconWrapperSizeClass = {
   sm: "size-10 [&_svg]:size-5",
@@ -16506,6 +16562,294 @@ var EmptyState = forwardRef(function EmptyState2({ icon, title, description, act
     }
   );
 });
+
+// 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 = forwardRef(function PageHeader2({
+  title,
+  description,
+  breadcrumbs,
+  back,
+  actions,
+  as = "h1",
+  bordered = false,
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ref,
+      "data-slot": "page-header",
+      className: cn(pageHeaderBaseClass, bordered && pageHeaderBorderedClass, className),
+      ...props,
+      children: [
+        breadcrumbs ? /* @__PURE__ */ jsx("div", { "data-slot": "page-header-breadcrumbs", className: pageHeaderBreadcrumbsClass, children: breadcrumbs }) : null,
+        back ? /* @__PURE__ */ jsx(PageHeaderBack, { ...back }) : null,
+        /* @__PURE__ */ jsxs("div", { "data-slot": "page-header-row", className: pageHeaderTitleRowClass, children: [
+          /* @__PURE__ */ jsxs("div", { className: pageHeaderTitleBlockClass, children: [
+            createElement(
+              as,
+              { "data-slot": "page-header-title", className: pageHeaderTitleClass },
+              title
+            ),
+            description ? /* @__PURE__ */ jsx("p", { "data-slot": "page-header-description", className: pageHeaderDescriptionClass, children: description }) : null
+          ] }),
+          actions ? /* @__PURE__ */ jsx("div", { "data-slot": "page-header-actions", className: pageHeaderActionsClass, children: actions }) : null
+        ] })
+      ]
+    }
+  );
+});
+function PageHeaderBack({ label = "Back", to, onClick, render }) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ArrowLeft, { className: pageHeaderBackIconClass, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] });
+  if (render) {
+    return render({
+      to,
+      onClick,
+      className: pageHeaderBackClass,
+      children: inner
+    });
+  }
+  if (to) {
+    return /* @__PURE__ */ jsx(import_react_router_dom2.Link, { to, onClick, className: pageHeaderBackClass, children: inner });
+  }
+  return /* @__PURE__ */ 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__ */ 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__ */ jsx(
+          PageHeader,
+          {
+            title,
+            description,
+            back,
+            actions,
+            bordered
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(DetailPageSkeleton, { rowCount: loadingRowCount }) : notFound ? /* @__PURE__ */ jsx("div", { "data-slot": "detail-page-empty", "data-state": "not-found", className: detailPageEmptyClass, children: /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            size: "lg",
+            icon: notFoundState?.icon ?? /* @__PURE__ */ jsx(FileQuestion, {}),
+            title: notFoundState?.title ?? labels.notFoundTitle,
+            description: notFoundState?.description ?? labels.notFoundDescription,
+            action: notFoundState?.action ?? null
+          }
+        ) }) : /* @__PURE__ */ 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__ */ jsx("div", { className: "flex flex-col gap-4", "aria-hidden": "true", children: rows.map((key) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "detail-page-skeleton-row",
+      className: detailPageSkeletonRowClass
+    },
+    key
+  )) });
+}
+var Dialog = RadixDialog.Root;
+var DialogTrigger = RadixDialog.Trigger;
+var DialogPortal = RadixDialog.Portal;
+var DialogClose = RadixDialog.Close;
+var DialogOverlay = forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Overlay,
+    {
+      ref,
+      "data-slot": "dialog-overlay",
+      className: cn(dialogOverlayClass, className),
+      ...props
+    }
+  );
+});
+var DialogContent = forwardRef(function DialogContent2({ className, children, showCloseButton = true, closeLabel = "Close", ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      RadixDialog.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: cn(dialogContentClass, className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsx(
+            RadixDialog.Close,
+            {
+              "aria-label": closeLabel,
+              "data-slot": "dialog-close-button",
+              className: dialogCloseButtonClass,
+              children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn(dialogHeaderClass, className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn(dialogFooterClass, className), ...props });
+}
+var DialogTitle = forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Title,
+    {
+      ref,
+      "data-slot": "dialog-title",
+      className: cn(dialogTitleClass, className),
+      ...props
+    }
+  );
+});
+var DialogDescription = forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.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.Root;
+var DropdownMenuTrigger = RadixDropdown.Trigger;
+var DropdownMenuGroup = RadixDropdown.Group;
+var DropdownMenuPortal = RadixDropdown.Portal;
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixDropdown.Portal, { children: /* @__PURE__ */ jsx(
+    RadixDropdown.Content,
+    {
+      ref,
+      sideOffset,
+      "data-slot": "dropdown-menu-content",
+      className: cn(dropdownMenuContentClass, className),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, variant = "default", inset = false, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDropdown.Item,
+    {
+      ref,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        dropdownMenuItemBaseClass,
+        dropdownMenuItemVariantClass[variant],
+        inset && dropdownMenuItemInsetClass,
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDropdown.Separator,
+    {
+      ref,
+      "data-slot": "dropdown-menu-separator",
+      className: cn(dropdownMenuSeparatorClass, className),
+      ...props
+    }
+  );
+});
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, inset = false, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDropdown.Label,
+    {
+      ref,
+      "data-slot": "dropdown-menu-label",
+      className: cn(dropdownMenuLabelClass, inset && dropdownMenuItemInsetClass, className),
+      ...props
+    }
+  );
+});
+var DropdownMenuShortcut = forwardRef(
+  function DropdownMenuShortcut2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        "data-slot": "dropdown-menu-shortcut",
+        className: cn(dropdownMenuShortcutClass, className),
+        ...props
+      }
+    );
+  }
+);
 function Field(props) {
   const formContext = useFormContext();
   if (props.name !== void 0) {
@@ -16635,81 +16979,12 @@ function mergeRefs2(...refs) {
   };
 }
 
-// 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 = forwardRef(function PageHeader2({
-  title,
-  description,
-  breadcrumbs,
-  back,
-  actions,
-  as = "h1",
-  bordered = false,
-  className,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxs(
-    "header",
-    {
-      ref,
-      "data-slot": "page-header",
-      className: cn(pageHeaderBaseClass, bordered && pageHeaderBorderedClass, className),
-      ...props,
-      children: [
-        breadcrumbs ? /* @__PURE__ */ jsx("div", { "data-slot": "page-header-breadcrumbs", className: pageHeaderBreadcrumbsClass, children: breadcrumbs }) : null,
-        back ? /* @__PURE__ */ jsx(PageHeaderBack, { ...back }) : null,
-        /* @__PURE__ */ jsxs("div", { "data-slot": "page-header-row", className: pageHeaderTitleRowClass, children: [
-          /* @__PURE__ */ jsxs("div", { className: pageHeaderTitleBlockClass, children: [
-            createElement(
-              as,
-              { "data-slot": "page-header-title", className: pageHeaderTitleClass },
-              title
-            ),
-            description ? /* @__PURE__ */ jsx("p", { "data-slot": "page-header-description", className: pageHeaderDescriptionClass, children: description }) : null
-          ] }),
-          actions ? /* @__PURE__ */ jsx("div", { "data-slot": "page-header-actions", className: pageHeaderActionsClass, children: actions }) : null
-        ] })
-      ]
-    }
-  );
-});
-function PageHeaderBack({ label = "Back", to, onClick, render }) {
-  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ArrowLeft, { className: pageHeaderBackIconClass, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx("span", { children: label })
-  ] });
-  if (render) {
-    return render({
-      to,
-      onClick,
-      className: pageHeaderBackClass,
-      children: inner
-    });
-  }
-  if (to) {
-    return /* @__PURE__ */ jsx(import_react_router_dom2.Link, { to, onClick, className: pageHeaderBackClass, children: inner });
-  }
-  return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: pageHeaderBackClass, children: inner });
-}
-
 // 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_COUNT = 6;
+var DEFAULT_SKELETON_ROW_COUNT2 = 6;
 function FormPage({
   title,
   description,
@@ -16717,7 +16992,7 @@ function FormPage({
   bordered = true,
   onSubmit,
   isLoading = false,
-  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT,
+  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT2,
   actions,
   children,
   className,
@@ -17482,7 +17757,7 @@ function SortIndicator({ active, direction }) {
   if (!active) return /* @__PURE__ */ jsx(ChevronsUpDown, { "aria-hidden": "true", className });
   return direction === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { "aria-hidden": "true", className }) : /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className });
 }
-var DEFAULT_LABELS = {
+var DEFAULT_LABELS2 = {
   searchPlaceholder: "Search\u2026",
   searchAriaLabel: "Search",
   reset: "Reset filters",
@@ -17515,7 +17790,7 @@ function ListPage({
   labels: labelsProp,
   className
 }) {
-  const labels = { ...DEFAULT_LABELS, ...labelsProp };
+  const labels = { ...DEFAULT_LABELS2, ...labelsProp };
   const initialFilterValues = useMemo(() => {
     const init = {};
     for (const f of filters ?? []) {
@@ -17914,6 +18189,101 @@ var Textarea = forwardRef(function Textarea2({
     }
   );
 });
+
+// src/components/toast/toastVariants.ts
+var toastClassNames = {
+  toast: "group/toast pointer-events-auto flex w-full items-start gap-3 rounded-md border border-border bg-popover p-4 text-sm text-popover-foreground shadow-lg",
+  title: "text-sm font-medium text-foreground",
+  description: "text-xs text-muted-foreground",
+  actionButton: "inline-flex h-7 items-center justify-center rounded-sm bg-primary px-2 text-xs font-medium text-primary-foreground hover:bg-primary/90",
+  cancelButton: "inline-flex h-7 items-center justify-center rounded-sm border border-border bg-background px-2 text-xs font-medium text-foreground hover:bg-accent",
+  closeButton: "group-hover/toast:opacity-100 absolute end-2 top-2 inline-flex size-5 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+  icon: "shrink-0",
+  content: "flex flex-col gap-0.5 min-w-0",
+  success: "[--normal-bg:var(--color-popover)] [--normal-border:var(--color-success)]",
+  error: "[--normal-bg:var(--color-popover)] [--normal-border:var(--color-destructive)]",
+  warning: "[--normal-bg:var(--color-popover)] [--normal-border:var(--color-warning)]",
+  info: "[--normal-bg:var(--color-popover)] [--normal-border:var(--color-primary)]"
+};
+function Toaster(props) {
+  const dir = useDirection();
+  const defaultPosition = dir === "rtl" ? "bottom-left" : "bottom-right";
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      dir,
+      position: props.position ?? defaultPosition,
+      richColors: props.richColors ?? true,
+      closeButton: props.closeButton ?? true,
+      ...props,
+      toastOptions: {
+        ...props.toastOptions,
+        classNames: {
+          ...toastClassNames,
+          ...props.toastOptions?.classNames ?? {}
+        }
+      }
+    }
+  );
+}
+
+// src/components/tooltip/tooltipVariants.ts
+var tooltipContentClass = "z-50 max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs font-medium text-background 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 tooltipArrowClass = "fill-foreground";
+function TooltipProvider({
+  delayDuration = 200,
+  skipDelayDuration = 300,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadixTooltip.Provider,
+    {
+      delayDuration,
+      skipDelayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  delayDuration,
+  disabled = false,
+  open,
+  defaultOpen,
+  onOpenChange,
+  className,
+  sideOffset = 6
+}) {
+  if (disabled || content === null || content === void 0 || content === false) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxs(
+    RadixTooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx(
+          RadixTooltip.Content,
+          {
+            side,
+            align,
+            sideOffset,
+            "data-slot": "tooltip-content",
+            className: cn(tooltipContentClass, className),
+            children: content
+          }
+        ) })
+      ]
+    }
+  );
+}
 /*! Bundled license information:
 
 react-router/dist/development/chunk-5KNZJZUH.mjs:
@@ -17944,6 +18314,6 @@ react-router-dom/dist/index.js:
    *)
 */
 
-export { AppShell, Avatar, Badge, Button, Checkbox, DashboardContent, DashboardHeader, DashboardLayout, DashboardMain, DatePicker, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EmptyState, Field, FormPage, HeaderActions, HeaderCollapseTrigger, HeaderMobileTrigger, HeaderSearch, HeaderTitle, Input, LanguageSwitcher, ListPage, PageHeader, RadioGroup, RadioGroupItem, Select, Sidebar, SidebarFooter, SidebarGroup, SidebarHeader, SidebarNav, SidebarNavGroup, SidebarNavItem, Switch, Table, Textarea, badgeBaseClass, badgeDotSizeClass, badgeSizeClass, badgeVariantClass, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, datePickerCalendarClass, datePickerCaptionClass, datePickerContentClass, datePickerDayBaseClass, datePickerDayWrapperClass, datePickerDisabledClass, datePickerMonthClass, datePickerMonthGridClass, datePickerMonthsClass, datePickerNavButtonClass, datePickerNavClass, datePickerOutsideClass, datePickerPlaceholderClass, datePickerSelectedClass, datePickerTodayClass, datePickerTriggerBaseClass, datePickerTriggerSizeClass, datePickerTriggerVariantClass, datePickerValueClass, datePickerWeekClass, datePickerWeekdayClass, datePickerWeekdaysClass, dropdownMenuContentClass, dropdownMenuItemBaseClass, dropdownMenuItemInsetClass, dropdownMenuItemVariantClass, dropdownMenuLabelClass, dropdownMenuSeparatorClass, dropdownMenuShortcutClass, emptyStateActionsSpacingClass, emptyStateBaseClass, emptyStateContainerSizeClass, emptyStateDescriptionSizeClass, emptyStateIconWrapperBaseClass, emptyStateIconWrapperSizeClass, emptyStateTitleSizeClass, formPageActionsBarClass, formPageBaseClass, formPageBodyClass, formPageSkeletonRowClass, inputBaseClass, inputSizeClass, inputVariantClass, pageHeaderActionsClass, pageHeaderBackClass, pageHeaderBackIconClass, pageHeaderBaseClass, pageHeaderBorderedClass, pageHeaderBreadcrumbsClass, pageHeaderDescriptionClass, pageHeaderTitleBlockClass, pageHeaderTitleClass, pageHeaderTitleRowClass, radioGroupBaseClass, radioGroupOrientationClass, radioIndicatorBaseClass, radioIndicatorDotClass, radioIndicatorSizeClass, radioItemBaseClass, radioItemSizeClass, radioLabelSizeClass, radioOptionRowClass, selectBaseClass, selectSizeClass, selectVariantClass, switchThumbBaseClass, switchThumbClass, switchTrackBaseClass, switchTrackClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, useDashboardLayout, useDirection };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppShell, Avatar, Badge, Button, Checkbox, ConfirmDialogProvider, DashboardContent, DashboardHeader, DashboardLayout, DashboardMain, DatePicker, DetailPage, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EmptyState, Field, FormPage, HeaderActions, HeaderCollapseTrigger, HeaderMobileTrigger, HeaderSearch, HeaderTitle, Input, LanguageSwitcher, ListPage, PageHeader, RadioGroup, RadioGroupItem, Select, Sidebar, SidebarFooter, SidebarGroup, SidebarHeader, SidebarNav, SidebarNavGroup, SidebarNavItem, Switch, Table, Textarea, Toaster, Tooltip, TooltipProvider, badgeBaseClass, badgeDotSizeClass, badgeSizeClass, badgeVariantClass, buttonBaseClass, buttonSizeClass, buttonVariantClass, cn, datePickerCalendarClass, datePickerCaptionClass, datePickerContentClass, datePickerDayBaseClass, datePickerDayWrapperClass, datePickerDisabledClass, datePickerMonthClass, datePickerMonthGridClass, datePickerMonthsClass, datePickerNavButtonClass, datePickerNavClass, datePickerOutsideClass, datePickerPlaceholderClass, datePickerSelectedClass, datePickerTodayClass, datePickerTriggerBaseClass, datePickerTriggerSizeClass, datePickerTriggerVariantClass, datePickerValueClass, datePickerWeekClass, datePickerWeekdayClass, datePickerWeekdaysClass, detailPageBaseClass, detailPageBodyClass, detailPageEmptyClass, detailPageSkeletonRowClass, dialogCloseButtonClass, dialogContentClass, dialogDescriptionClass, dialogFooterClass, dialogHeaderClass, dialogOverlayClass, dialogTitleClass, dropdownMenuContentClass, dropdownMenuItemBaseClass, dropdownMenuItemInsetClass, dropdownMenuItemVariantClass, dropdownMenuLabelClass, dropdownMenuSeparatorClass, dropdownMenuShortcutClass, emptyStateActionsSpacingClass, emptyStateBaseClass, emptyStateContainerSizeClass, emptyStateDescriptionSizeClass, emptyStateIconWrapperBaseClass, emptyStateIconWrapperSizeClass, emptyStateTitleSizeClass, formPageActionsBarClass, formPageBaseClass, formPageBodyClass, formPageSkeletonRowClass, inputBaseClass, inputSizeClass, inputVariantClass, pageHeaderActionsClass, pageHeaderBackClass, pageHeaderBackIconClass, pageHeaderBaseClass, pageHeaderBorderedClass, pageHeaderBreadcrumbsClass, pageHeaderDescriptionClass, pageHeaderTitleBlockClass, pageHeaderTitleClass, pageHeaderTitleRowClass, radioGroupBaseClass, radioGroupOrientationClass, radioIndicatorBaseClass, radioIndicatorDotClass, radioIndicatorSizeClass, radioItemBaseClass, radioItemSizeClass, radioLabelSizeClass, radioOptionRowClass, selectBaseClass, selectSizeClass, selectVariantClass, switchThumbBaseClass, switchThumbClass, switchTrackBaseClass, switchTrackClass, alignClass as tableAlignClass, tableBaseClass, selectedRowClass as tableSelectedRowClass, tableSizeClass, sortIconClass as tableSortIconClass, textareaBaseClass, textareaResizeClass, textareaSizeClass, textareaVariantClass, toastClassNames, tooltipArrowClass, tooltipContentClass, useConfirm, useDashboardLayout, useDirection };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map