@dimaan/ui 0.0.14 → 0.0.17

package/dist/index.cjs

@@ -2,18 +2,22 @@
 
 var React10 = require('react');
 var ReactDOM = require('react-dom');
-var reactDirection = require('@radix-ui/react-direction');
+var RadixAlertDialog = require('@radix-ui/react-alert-dialog');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
+var reactDirection = require('@radix-ui/react-direction');
 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');
 var RadixRadioGroup = require('@radix-ui/react-radio-group');
 var RadixSwitch = require('@radix-ui/react-switch');
+var sonner = require('sonner');
+var RadixTooltip = require('@radix-ui/react-tooltip');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -35,11 +39,14 @@ function _interopNamespace(e) {
 
 var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
+var RadixAlertDialog__namespace = /*#__PURE__*/_interopNamespace(RadixAlertDialog);
 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);
 var RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
+var RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -428,7 +435,7 @@ function createBrowserURLImpl(to, isAbsolute = false) {
   }
   return new URL(href2, base);
 }
-function createContext5(defaultValue) {
+function createContext6(defaultValue) {
   return { defaultValue };
 }
 function isUnsupportedLazyRouteObjectKey(key) {
@@ -10506,7 +10513,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) => {
@@ -10516,12 +10523,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 {
       /**
@@ -15146,7 +15153,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();
@@ -15169,7 +15176,7 @@ __export(development_exports, {
   Meta: () => Meta,
   NavLink: () => NavLink,
   Navigate: () => Navigate,
-  NavigationType: () => Action,
+  NavigationType: () => Action2,
   Outlet: () => Outlet,
   PrefetchPageLinks: () => PrefetchPageLinks,
   Route: () => Route,
@@ -15220,7 +15227,7 @@ __export(development_exports, {
   UNSAFE_withErrorBoundaryProps: () => withErrorBoundaryProps,
   UNSAFE_withHydrateFallbackProps: () => withHydrateFallbackProps,
   createBrowserRouter: () => createBrowserRouter,
-  createContext: () => createContext5,
+  createContext: () => createContext6,
   createCookie: () => createCookie,
   createCookieSessionStorage: () => createCookieSessionStorage,
   createHashRouter: () => createHashRouter,
@@ -15325,6 +15332,225 @@ var require_dist2 = __commonJS({
     __reExport(index_exports, (init_development(), __toCommonJS(development_exports)), module.exports);
   }
 });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.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__namespace.Root;
+var AlertDialogTrigger = RadixAlertDialog__namespace.Trigger;
+var AlertDialogPortal = RadixAlertDialog__namespace.Portal;
+var AlertDialogAction = RadixAlertDialog__namespace.Action;
+var AlertDialogCancel = RadixAlertDialog__namespace.Cancel;
+var AlertDialogOverlay = React10.forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixAlertDialog__namespace.Overlay,
+    {
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: cn(dialogOverlayClass, className),
+      ...props
+    }
+  );
+});
+var AlertDialogContent = React10.forwardRef(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(RadixAlertDialog__namespace.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RadixAlertDialog__namespace.Content,
+      {
+        ref,
+        "data-slot": "alert-dialog-content",
+        className: cn(dialogContentClass, className),
+        ...props
+      }
+    )
+  ] });
+});
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "alert-dialog-header", className: cn(dialogHeaderClass, className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "alert-dialog-footer", className: cn(dialogFooterClass, className), ...props });
+}
+var AlertDialogTitle = React10.forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixAlertDialog__namespace.Title,
+    {
+      ref,
+      "data-slot": "alert-dialog-title",
+      className: cn(dialogTitleClass, className),
+      ...props
+    }
+  );
+});
+var AlertDialogDescription = React10.forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixAlertDialog__namespace.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 = React10.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
+    loading && loadingText !== void 0 ? loadingText : children,
+    !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
+  ] });
+  if (asChild) {
+    const child = React10.Children.only(children);
+    if (!React10.isValidElement(child)) {
+      throw new Error("Button: `asChild` requires a single valid React element as a child.");
+    }
+    const mergedClassName = cn(composedClass, child.props.className);
+    return React10.cloneElement(child, {
+      ...child.props,
+      className: mergedClassName,
+      "aria-disabled": isDisabled ? true : void 0,
+      "data-loading": loading ? "true" : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
+        loading && loadingText !== void 0 ? loadingText : child.props.children,
+        !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
+      ] })
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: type ?? "button",
+      disabled: isDisabled,
+      "data-loading": loading ? "true" : void 0,
+      className: composedClass,
+      ...props,
+      children: content
+    }
+  );
+});
+function Slot({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex h-4 w-4 items-center justify-center", children });
+}
+function Spinner() {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin", "data-testid": "button-spinner" });
+}
+var ConfirmDialogContext = React10.createContext(null);
+function ConfirmDialogProvider({ labels, children }) {
+  const [pending, setPending] = React10.useState(null);
+  const pendingRef = React10.useRef(null);
+  pendingRef.current = pending;
+  const confirm = React10.useCallback((options) => {
+    return new Promise((resolve) => {
+      const prior = pendingRef.current;
+      if (prior) {
+        prior.resolve(false);
+      }
+      setPending({ options, resolve });
+    });
+  }, []);
+  const resolveWith = React10.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__ */ jsxRuntime.jsxs(ConfirmDialogContext.Provider, { value: confirm, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AlertDialog,
+      {
+        open: pending !== null,
+        onOpenChange: (open) => {
+          if (!open) resolveWith(false);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogTitle, { children: pending?.options.title }),
+            pending?.options.description !== void 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(AlertDialogDescription, { className: "sr-only", children: pending?.options.title })
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: () => resolveWith(false), children: cancelLabel }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: pending?.options.destructive ? "destructive" : "primary",
+                onClick: () => resolveWith(true),
+                children: confirmLabel
+              }
+            ) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function useConfirm() {
+  const fn = React10.useContext(ConfirmDialogContext);
+  if (!fn) {
+    throw new Error("useConfirm() must be used inside <ConfirmDialogProvider>");
+  }
+  return React10.useMemo(() => fn, [fn]);
+}
 function readDocumentDirection() {
   if (typeof document === "undefined") return "ltr";
   const dir = document.documentElement.getAttribute("dir");
@@ -15353,9 +15579,6 @@ function useDashboardLayout() {
   }
   return ctx;
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 function DashboardContent({ className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "main",
@@ -15453,91 +15676,6 @@ function DashboardHeader({ className, children, ...props }) {
 function HeaderActions({ className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.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 = React10.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
-    loading && loadingText !== void 0 ? loadingText : children,
-    !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
-  ] });
-  if (asChild) {
-    const child = React10.Children.only(children);
-    if (!React10.isValidElement(child)) {
-      throw new Error("Button: `asChild` requires a single valid React element as a child.");
-    }
-    const mergedClassName = cn(composedClass, child.props.className);
-    return React10.cloneElement(child, {
-      ...child.props,
-      className: mergedClassName,
-      "aria-disabled": isDisabled ? true : void 0,
-      "data-loading": loading ? "true" : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
-        loading && loadingText !== void 0 ? loadingText : child.props.children,
-        !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
-      ] })
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref,
-      type: type ?? "button",
-      disabled: isDisabled,
-      "data-loading": loading ? "true" : void 0,
-      className: composedClass,
-      ...props,
-      children: content
-    }
-  );
-});
-function Slot({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex h-4 w-4 items-center justify-center", children });
-}
-function Spinner() {
-  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin", "data-testid": "button-spinner" });
-}
 function HeaderCollapseTrigger({
   icon,
   className,
@@ -16374,91 +16512,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__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",
-  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",
@@ -16533,6 +16591,294 @@ 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
+  )) });
+}
+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,81 +17008,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 = 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/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,
@@ -16744,7 +17021,7 @@ function FormPage({
   bordered = true,
   onSubmit,
   isLoading = false,
-  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT,
+  loadingRowCount = DEFAULT_SKELETON_ROW_COUNT2,
   actions,
   children,
   className,
@@ -17509,7 +17786,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",
@@ -17542,7 +17819,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 ?? []) {
@@ -17941,6 +18218,101 @@ var Textarea = React10.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__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      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__ */ jsxRuntime.jsx(
+    RadixTooltip__namespace.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__ */ jsxRuntime.jsxs(
+    RadixTooltip__namespace.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          RadixTooltip__namespace.Content,
+          {
+            side,
+            align,
+            sideOffset,
+            "data-slot": "tooltip-content",
+            className: cn(tooltipContentClass, className),
+            children: content
+          }
+        ) })
+      ]
+    }
+  );
+}
 /*! Bundled license information:
 
 react-router/dist/development/chunk-5KNZJZUH.mjs:
@@ -17971,16 +18343,43 @@ react-router-dom/dist/index.js:
    *)
 */
 
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AppShell = AppShell;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Checkbox = Checkbox;
+exports.ConfirmDialogProvider = ConfirmDialogProvider;
 exports.DashboardContent = DashboardContent;
 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;
@@ -18015,6 +18414,9 @@ exports.SidebarNavItem = SidebarNavItem;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.Textarea = Textarea;
+exports.Toaster = Toaster;
+exports.Tooltip = Tooltip;
+exports.TooltipProvider = TooltipProvider;
 exports.badgeBaseClass = badgeBaseClass;
 exports.badgeDotSizeClass = badgeDotSizeClass;
 exports.badgeSizeClass = badgeSizeClass;
@@ -18045,6 +18447,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;
@@ -18101,6 +18514,10 @@ exports.textareaBaseClass = textareaBaseClass;
 exports.textareaResizeClass = textareaResizeClass;
 exports.textareaSizeClass = textareaSizeClass;
 exports.textareaVariantClass = textareaVariantClass;
+exports.toastClassNames = toastClassNames;
+exports.tooltipArrowClass = tooltipArrowClass;
+exports.tooltipContentClass = tooltipContentClass;
+exports.useConfirm = useConfirm;
 exports.useDashboardLayout = useDashboardLayout;
 exports.useDirection = useDirection;
 //# sourceMappingURL=index.cjs.map