@customafk/lunas-ui 0.2.51 → 0.2.52

package/dist/index-BQZ2-xGQ.d.cts

@@ -0,0 +1,246 @@
+import { n as BadgeProps } from "./badge-DYo5Diiy.cjs";
+import * as react640 from "react";
+import * as class_variance_authority_types22 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/features/descriptions/components/badge.d.ts
+type DescriptionBadgeProps = {
+  label: string | number | null | undefined;
+  color?: BadgeProps['color'];
+  variant?: BadgeProps['variant'];
+  size?: BadgeProps['size'];
+};
+declare const DescriptionBadge: React.FC<DescriptionBadgeProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/boolean.d.ts
+type DescriptionBooleanProps = {
+  value: boolean | null | undefined;
+  trueLabel?: string;
+  falseLabel?: string;
+};
+declare const DescriptionBoolean: React.FC<DescriptionBooleanProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/copy.d.ts
+type DescriptionCopyProps = {
+  value: string | null | undefined;
+  truncate?: boolean;
+};
+declare const DescriptionCopy: React.FC<DescriptionCopyProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/date.d.ts
+type DescriptionDateProps = {
+  date: Date | string | number | null | undefined;
+};
+declare const DescriptionDate: React.FC<DescriptionDateProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/empty.d.ts
+declare const DescriptionEmpty: React.FC;
+//#endregion
+//#region packages/components/features/descriptions/components/images.d.ts
+type ImageItem = {
+  id: string;
+  src: string;
+  alt: string;
+};
+declare const DescriptionImages: React.FC<{
+  images?: Array<ImageItem> | null | undefined;
+}>;
+//#endregion
+//#region packages/components/features/descriptions/components/link.d.ts
+type DescriptionLinkProps = {
+  href: string | null | undefined;
+  label?: string;
+  external?: boolean;
+  className?: string;
+};
+declare const DescriptionLink: React.FC<DescriptionLinkProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/longtext.d.ts
+declare const DescriptionLongText: React.FC<{
+  content: string | null | undefined | number;
+}>;
+//#endregion
+//#region packages/components/features/descriptions/components/name.d.ts
+declare const DescriptionName: React.FC<{
+  name?: string | null | undefined;
+}>;
+//#endregion
+//#region packages/components/features/descriptions/components/number-phone.d.ts
+declare const DescriptionNumberPhone: React.FC<{
+  value: string;
+}>;
+//#endregion
+//#region packages/components/features/descriptions/components/statistic.d.ts
+declare const descriptionStatisticVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  trend?: "neutral" | "up" | "down" | null | undefined;
+} & class_variance_authority_types22.ClassProp) | undefined) => string;
+type DescriptionStatisticProps = VariantProps<typeof descriptionStatisticVariants> & {
+  decimalSeparator?: string;
+  groupSeparator?: string;
+  prefix?: React.ReactNode;
+  suffix?: React.ReactNode;
+  precision?: number;
+  roundingMode?: 'round' | 'floor' | 'ceil';
+  showTrailingZeros?: boolean;
+  value: number | string | null | undefined;
+  className?: string;
+};
+declare const DescriptionStatistic: react640.MemoExoticComponent<({
+  decimalSeparator,
+  groupSeparator,
+  prefix: Prefix,
+  suffix: Suffix,
+  precision,
+  roundingMode,
+  showTrailingZeros,
+  size,
+  trend,
+  value,
+  className
+}: DescriptionStatisticProps) => react640.JSX.Element>;
+//#endregion
+//#region packages/components/features/descriptions/components/status.d.ts
+type StatusColor = NonNullable<BadgeProps['color']>;
+type DescriptionStatusProps = {
+  label: string | null | undefined;
+  color?: StatusColor;
+  dot?: boolean;
+};
+declare const DescriptionStatus: React.FC<DescriptionStatusProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/tag-list.d.ts
+type DescriptionTagListProps = {
+  tags: Array<string | number> | null | undefined;
+  max?: number;
+  color?: BadgeProps['color'];
+  variant?: BadgeProps['variant'];
+};
+declare const DescriptionTagList: React.FC<DescriptionTagListProps>;
+//#endregion
+//#region packages/components/features/descriptions/components/user.d.ts
+type DescriptionUserProps = {
+  uuid?: string | null;
+  username?: string | null;
+  email?: string | null;
+};
+declare const DescriptionUser: React.FC<DescriptionUserProps>;
+//#endregion
+//#region packages/components/features/descriptions/index.d.ts
+/**
+ * A single labeled row within a {@link Description} container, supporting both horizontal (side-by-side label/value) and vertical (stacked) layouts.
+ *
+ * @example
+ * import { Description, DescriptionItem } from '@customafk/lunas-ui/features/descriptions';
+ *
+ * <Description>
+ *   <DescriptionItem label="Full name">John Doe</DescriptionItem>
+ *   <DescriptionItem label="Email" orientation="vertical">john@example.com</DescriptionItem>
+ * </Description>
+ */
+declare const DescriptionItem: React.FC<React.PropsWithChildren<{
+  /** Text displayed in the label column. */
+  label: string;
+  /**
+   * Number of grid columns (out of 12) allocated to the label in horizontal orientation.
+   * @default 3
+   */
+  labelColSpan?: number;
+  /**
+   * Layout direction of the label/value pair.
+   * - `'horizontal'` — label and value are side by side.
+   * - `'vertical'` — label sits above the value.
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /** Optional node rendered in the top-right corner of the label area (e.g. an edit action). */
+  action?: React.ReactNode;
+}>>;
+/**
+ * A header bar for a {@link Description} block, showing a title, an optional subtitle, and an optional trailing action area.
+ *
+ * @example
+ * import { Description, DescriptionHeader } from '@customafk/lunas-ui/features/descriptions';
+ *
+ * <Description>
+ *   <DescriptionHeader title="User details" description="Read-only overview" extra={<EditBtn />} />
+ * </Description>
+ */
+declare const DescriptionHeader: React.FC<{
+  /** Primary heading text. */
+  title: string;
+  /** Optional secondary text rendered below the title in a smaller, muted style. */
+  description?: string;
+  /** Optional node rendered on the right side of the header (e.g. action buttons). */
+  extra?: React.ReactNode;
+  /** Additional CSS class names applied to the header wrapper. */
+  className?: string;
+}>;
+/**
+ * A visual section divider inside a {@link Description} container that optionally displays a section title with a decorative horizontal rule.
+ *
+ * @example
+ * import { Description, DescriptionSection, DescriptionItem } from '@customafk/lunas-ui/features/descriptions';
+ *
+ * <Description>
+ *   <DescriptionSection title="Contact" />
+ *   <DescriptionItem label="Email">john@example.com</DescriptionItem>
+ * </Description>
+ */
+declare const DescriptionSection: React.FC<{
+  /** Optional section label rendered as uppercase small-caps text beside the divider line. */
+  title?: string;
+  /** Additional CSS class names applied to the section wrapper. */
+  className?: string;
+}>;
+/**
+ * Root container for a description block — a bordered, rounded card that groups {@link DescriptionHeader}, {@link DescriptionSection}, and {@link DescriptionItem} elements.
+ *
+ * Set `nested` when embedding one `Description` inside another (removes the outer card shadow/ring and constrains sizing).
+ * Set `loading` to replace content with animated skeleton rows while data is being fetched.
+ *
+ * @example
+ * import { Description, DescriptionHeader, DescriptionItem } from '@customafk/lunas-ui/features/descriptions';
+ *
+ * <Description>
+ *   <DescriptionHeader title="Order #1234" />
+ *   <DescriptionItem label="Status">Shipped</DescriptionItem>
+ *   <DescriptionItem label="Total">$99.00</DescriptionItem>
+ * </Description>
+ */
+declare const Description: React.FC<React.PropsWithChildren<{
+  /** Additional CSS class names applied to the root wrapper element. */
+  className?: string;
+  /** Strips the outer card shadow/ring and adapts sizing for embedding inside another Description. */
+  nested?: boolean;
+  /** Replaces children with animated skeleton rows while data is loading. */
+  loading?: boolean;
+  /** Number of skeleton rows shown when `loading` is true. @default 4 */
+  loadingRows?: number;
+}>>;
+/**
+ * A scrollable container that groups multiple {@link Description} blocks and makes each
+ * {@link DescriptionHeader} sticky. As you scroll, the next section header stacks above
+ * (pushes out) the previous one — standard CSS sticky behaviour within a single scroll context.
+ *
+ * @example
+ * import { DescriptionGroup, Description, DescriptionHeader, DescriptionItem } from '@customafk/lunas-ui/features/descriptions';
+ *
+ * <DescriptionGroup>
+ *   <Description>
+ *     <DescriptionHeader title="Personal info" />
+ *     <DescriptionItem label="Name">John Doe</DescriptionItem>
+ *   </Description>
+ *   <Description>
+ *     <DescriptionHeader title="Contact" />
+ *     <DescriptionItem label="Email">john@example.com</DescriptionItem>
+ *   </Description>
+ * </DescriptionGroup>
+ */
+declare const DescriptionGroup: React.FC<React.PropsWithChildren<{
+  /** Additional CSS class names applied to the group wrapper. */
+  className?: string;
+}>>;
+//#endregion
+export { DescriptionDate as _, DescriptionSection as a, DescriptionBadge as b, DescriptionStatus as c, DescriptionNumberPhone as d, DescriptionName as f, DescriptionEmpty as g, DescriptionImages as h, DescriptionItem as i, DescriptionStatistic as l, DescriptionLink as m, DescriptionGroup as n, DescriptionUser as o, DescriptionLongText as p, DescriptionHeader as r, DescriptionTagList as s, Description as t, DescriptionStatisticProps as u, DescriptionCopy as v, DescriptionBoolean as y };
+//# sourceMappingURL=index-BQZ2-xGQ.d.cts.map

package/dist/index-BUpm7Ukw.d.mts

@@ -0,0 +1,90 @@
+//#region packages/components/layouts/cms-layout/components/header.d.ts
+type CMSLayoutUser = {
+  /** Display name shown in the header and user dropdown. */
+  name: string;
+  /** Email address shown below the name in the dropdown. */
+  email?: string;
+  /** Role or position shown as a muted label in the dropdown. */
+  role?: string;
+  /** Optional avatar image URL; falls back to a color-hashed icon. */
+  avatarUrl?: string;
+};
+//#endregion
+//#region packages/components/layouts/cms-layout/index.d.ts
+type NavItem = {
+  /** Unique identifier for the nav item, used as React key and for active-state comparison. */
+  id: string;
+  /** Human-readable label rendered inside the sidebar button. */
+  label: string;
+  /** Optional icon element rendered to the left of the label. */
+  icon?: React.ReactNode;
+  /** Callback fired when the sidebar button is clicked. */
+  onClick?: () => void;
+};
+type NavGroup = {
+  /** Unique identifier for the group, used as React key. */
+  id: string;
+  /** Optional section heading rendered above the group's items. */
+  label?: string;
+  /** Navigation items that belong to this group. */
+  items: NavItem[];
+};
+type CMSLayoutProps = {
+  /** Text label used by the header for language-toggle or i18n display. */
+  i18nText?: string;
+  /** ID of the currently active navigation item; matched against `NavItem.id` to highlight the active button. */
+  activeNavItemId?: string;
+  /** Sidebar navigation definition; omitting this prop renders an empty sidebar. */
+  sidebar?: {
+    groupcontent: NavGroup[];
+  };
+  /** Callback fired when the logout button is clicked. */
+  onLogout?: () => void;
+  /** Callback fired when the user switches the UI locale to English. */
+  onChangeToEnLocale?: () => void;
+  /** Callback fired when the user switches the UI locale to Vietnamese. */
+  onChangeToViLocale?: () => void;
+  /**
+   * Label displayed on the logout button.
+   * @default 'Log out'
+   */
+  logoutLabel?: string;
+  /**
+   * Copyright string shown at the bottom of the sidebar.
+   * @default `Copyright © <current year>, Lunas.`
+   */
+  copyright?: string;
+  /** Authenticated user shown in the header avatar dropdown. Omit to hide the user menu. */
+  user?: CMSLayoutUser;
+};
+/**
+ * Full-page CMS application shell with a collapsible inset sidebar, header, and main content area.
+ *
+ * @example
+ * ```tsx
+ * import { CMSLayout } from '@customafk/lunas-ui/layouts/cms-layout';
+ * import { LayoutDashboardIcon } from 'lucide-react';
+ *
+ * <CMSLayout
+ *   activeNavItemId="dashboard"
+ *   sidebar={{
+ *     groupcontent: [
+ *       {
+ *         id: 'main',
+ *         label: 'Main',
+ *         items: [
+ *           { id: 'dashboard', label: 'Dashboard', icon: <LayoutDashboardIcon />, onClick: () => router.push('/') },
+ *         ],
+ *       },
+ *     ],
+ *   }}
+ *   onLogout={() => signOut()}
+ * >
+ *   <DashboardPage />
+ * </CMSLayout>
+ * ```
+ */
+declare const CMSLayout: React.FC<React.PropsWithChildren<CMSLayoutProps>>;
+//#endregion
+export { CMSLayoutProps as n, CMSLayoutUser as r, CMSLayout as t };
+//# sourceMappingURL=index-BUpm7Ukw.d.mts.map

package/dist/index-BWLHjQ6S.d.cts

@@ -0,0 +1,74 @@
+//#region packages/components/layouts/payment-layout/index.d.ts
+type PaymentLayoutUser = {
+  uuid?: string;
+  /** Display name shown in the header and dropdown. */
+  fullname: string;
+  /** Email address shown in the user dropdown. */
+  email: string;
+  /** Optional avatar image URL; falls back to initials when omitted. */
+  avatar?: string;
+};
+/**
+ * Full-page payment application shell with a collapsible inset sidebar and a fixed header.
+ * On mobile, the sidebar is replaced by a bottom navigation bar (up to 5 items).
+ *
+ * @example
+ * ```tsx
+ * import { PaymentLayout } from '@customafk/lunas-ui/layouts/payment-layout';
+ * import { CreditCardIcon } from 'lucide-react';
+ *
+ * <PaymentLayout
+ *   activeNavItemId="transactions"
+ *   sidebar={{
+ *     groupcontent: [
+ *       {
+ *         id: 'payment',
+ *         label: 'Payment',
+ *         items: [
+ *           { id: 'transactions', label: 'Transactions', icon: <CreditCardIcon />, onClick: () => router.push('/transactions') },
+ *         ],
+ *       },
+ *     ],
+ *   }}
+ *   user={{ fullname: 'Nguyen Van A', email: 'a@example.com' }}
+ *   onLogin={() => setLoginOpen(true)}
+ *   onLogout={() => authService.logout()}
+ * >
+ *   <TransactionsPage />
+ * </PaymentLayout>
+ * ```
+ */
+declare const PaymentLayout: React.FC<React.PropsWithChildren<{
+  /** ID of the currently active navigation item; matched against each item's `id` to apply the active style. */
+  activeNavItemId?: string;
+  /** Sidebar navigation definition; omitting this prop renders an empty sidebar. */
+  sidebar?: {
+    groupcontent: {
+      /** Unique identifier for the group, used as React key. */
+      id: string;
+      /** Optional section heading rendered above the group's items. */
+      label?: string;
+      items: {
+        /** Unique identifier for the nav item, used as React key and for active-state comparison. */
+        id: string;
+        /** Human-readable label rendered inside the sidebar button. */
+        label: string;
+        /** Optional icon element rendered to the left of the label. */
+        icon?: React.ReactNode;
+        /** Callback fired when the sidebar button is clicked. */
+        onClick?: () => void;
+      }[];
+    }[];
+  };
+  /** Authenticated user; when provided the header shows user info and a logout option, otherwise a login button. */
+  user?: PaymentLayoutUser | null;
+  /** When false the sidebar and bottom nav are hidden entirely (e.g. unauthenticated state). Defaults to true. */
+  isLogin?: boolean;
+  /** Called when the login button in the header is clicked (only shown when `user` is absent). */
+  onLogin?: () => void;
+  /** Called when the logout item in the user dropdown is clicked. */
+  onLogout?: () => void;
+}>>;
+//#endregion
+export { PaymentLayoutUser as n, PaymentLayout as t };
+//# sourceMappingURL=index-BWLHjQ6S.d.cts.map

package/dist/index-C33ZNe5s.d.cts

@@ -0,0 +1,85 @@
+import * as react633 from "react";
+import * as class_variance_authority_types21 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+import { Editor } from "@tiptap/react";
+
+//#region packages/components/features/text-editor/link-dialog.d.ts
+interface LinkDialogProps {
+  editor: Editor;
+}
+declare function LinkDialog({
+  editor
+}: LinkDialogProps): react633.JSX.Element;
+//#endregion
+//#region packages/components/features/text-editor/text-editor.variants.d.ts
+declare const textEditorVariants: (props?: ({
+  variant?: "outline" | "ghost" | null | undefined;
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types21.ClassProp) | undefined) => string;
+type TextEditorVariantProps = VariantProps<typeof textEditorVariants>;
+//#endregion
+//#region packages/components/features/text-editor/text-editor.d.ts
+interface TextEditorProps extends TextEditorVariantProps {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (html: string) => void;
+  placeholder?: string;
+  readOnly?: boolean;
+  showToolbar?: boolean;
+  className?: string;
+  toolbarClassName?: string;
+  editorClassName?: string;
+  maxLength?: number;
+  showCharacterCount?: boolean;
+  onCharacterCount?: (stats: {
+    characters: number;
+    words: number;
+  }) => void;
+  enableLink?: boolean;
+  enableBubbleMenu?: boolean;
+  enableTaskList?: boolean;
+  enableHighlight?: boolean;
+  enableColor?: boolean;
+}
+declare function TextEditor({
+  value,
+  defaultValue,
+  onChange,
+  placeholder,
+  readOnly,
+  showToolbar,
+  variant,
+  size,
+  className,
+  toolbarClassName,
+  editorClassName,
+  maxLength,
+  showCharacterCount,
+  onCharacterCount,
+  enableLink,
+  enableBubbleMenu,
+  enableTaskList,
+  enableHighlight,
+  enableColor
+}: TextEditorProps): react633.JSX.Element;
+//#endregion
+//#region packages/components/features/text-editor/toolbar.d.ts
+interface TextEditorToolbarProps {
+  editor: Editor;
+  className?: string;
+  enableLink?: boolean;
+  enableTaskList?: boolean;
+  enableHighlight?: boolean;
+  enableColor?: boolean;
+}
+declare function TextEditorToolbar({
+  editor,
+  className,
+  enableLink,
+  enableTaskList,
+  enableHighlight,
+  enableColor
+}: TextEditorToolbarProps): react633.JSX.Element;
+//#endregion
+export { LinkDialog as a, TextEditorProps as i, TextEditorToolbarProps as n, LinkDialogProps as o, TextEditor as r, TextEditorToolbar as t };
+//# sourceMappingURL=index-C33ZNe5s.d.cts.map

package/dist/index-D4T3Qd4m.d.cts

@@ -0,0 +1,45 @@
+//#region packages/components/dialogs/detail-dialog/index.d.ts
+type DetailDialogSidebar = {
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  title?: string;
+  /** Arbitrary content rendered inside the sidebar scrollable area. */
+  content?: React.ReactNode;
+  /** Arbitrary content rendered at the bottom of the sidebar footer. */
+  footer?: React.ReactNode;
+};
+type DetailDialogProps = {
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** When `true`, replaces the main content area with a centered loading spinner. */
+  isLoading?: boolean;
+  /** Primary title displayed in the dialog header. */
+  title: string;
+  /** ISO string, `Date` object, or Unix timestamp shown as a formatted creation date below the title. */
+  createdAt?: string | Date | number | null;
+  /** Optional sidebar configuration — title, body content, and footer content. */
+  sidebar?: DetailDialogSidebar;
+  /** Callback invoked when the dialog open state changes. */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Full-screen detail dialog with a collapsible sidebar, a header with creation date, and a scrollable content area.
+ *
+ * @example
+ * ```tsx
+ * import { DetailDialog } from '@customafk/lunas-ui/dialogs/detail-dialog';
+ *
+ * <DetailDialog
+ *   open={open}
+ *   title="Order #1234"
+ *   createdAt="2024-01-15T09:00:00Z"
+ *   sidebar={{ title: 'Navigation', content: <nav>...</nav> }}
+ *   onOpenChange={setOpen}
+ * >
+ *   <p>Detail content goes here.</p>
+ * </DetailDialog>
+ * ```
+ */
+declare const DetailDialog: React.FC<React.PropsWithChildren<DetailDialogProps>>;
+//#endregion
+export { DetailDialogProps as n, DetailDialog as t };
+//# sourceMappingURL=index-D4T3Qd4m.d.cts.map

package/dist/index-DC7NHLfc.d.cts

@@ -0,0 +1,17 @@
+import * as react0 from "react";
+
+//#region packages/components/features/search-modal/index.d.ts
+
+/**
+ * A full-screen command-palette modal that wraps the internal `SearchCommand` component inside an always-open dialog.
+ *
+ * @example
+ * import { SearchModal } from '@customafk/lunas-ui/features/search-modal';
+ *
+ * // Render conditionally based on application state
+ * {isSearchOpen && <SearchModal />}
+ */
+declare const SearchModal: () => react0.JSX.Element;
+//#endregion
+export { SearchModal as t };
+//# sourceMappingURL=index-DC7NHLfc.d.cts.map

package/dist/index-DYnzFF0T.d.mts

@@ -0,0 +1,74 @@
+//#region packages/components/layouts/payment-layout/index.d.ts
+type PaymentLayoutUser = {
+  uuid?: string;
+  /** Display name shown in the header and dropdown. */
+  fullname: string;
+  /** Email address shown in the user dropdown. */
+  email: string;
+  /** Optional avatar image URL; falls back to initials when omitted. */
+  avatar?: string;
+};
+/**
+ * Full-page payment application shell with a collapsible inset sidebar and a fixed header.
+ * On mobile, the sidebar is replaced by a bottom navigation bar (up to 5 items).
+ *
+ * @example
+ * ```tsx
+ * import { PaymentLayout } from '@customafk/lunas-ui/layouts/payment-layout';
+ * import { CreditCardIcon } from 'lucide-react';
+ *
+ * <PaymentLayout
+ *   activeNavItemId="transactions"
+ *   sidebar={{
+ *     groupcontent: [
+ *       {
+ *         id: 'payment',
+ *         label: 'Payment',
+ *         items: [
+ *           { id: 'transactions', label: 'Transactions', icon: <CreditCardIcon />, onClick: () => router.push('/transactions') },
+ *         ],
+ *       },
+ *     ],
+ *   }}
+ *   user={{ fullname: 'Nguyen Van A', email: 'a@example.com' }}
+ *   onLogin={() => setLoginOpen(true)}
+ *   onLogout={() => authService.logout()}
+ * >
+ *   <TransactionsPage />
+ * </PaymentLayout>
+ * ```
+ */
+declare const PaymentLayout: React.FC<React.PropsWithChildren<{
+  /** ID of the currently active navigation item; matched against each item's `id` to apply the active style. */
+  activeNavItemId?: string;
+  /** Sidebar navigation definition; omitting this prop renders an empty sidebar. */
+  sidebar?: {
+    groupcontent: {
+      /** Unique identifier for the group, used as React key. */
+      id: string;
+      /** Optional section heading rendered above the group's items. */
+      label?: string;
+      items: {
+        /** Unique identifier for the nav item, used as React key and for active-state comparison. */
+        id: string;
+        /** Human-readable label rendered inside the sidebar button. */
+        label: string;
+        /** Optional icon element rendered to the left of the label. */
+        icon?: React.ReactNode;
+        /** Callback fired when the sidebar button is clicked. */
+        onClick?: () => void;
+      }[];
+    }[];
+  };
+  /** Authenticated user; when provided the header shows user info and a logout option, otherwise a login button. */
+  user?: PaymentLayoutUser | null;
+  /** When false the sidebar and bottom nav are hidden entirely (e.g. unauthenticated state). Defaults to true. */
+  isLogin?: boolean;
+  /** Called when the login button in the header is clicked (only shown when `user` is absent). */
+  onLogin?: () => void;
+  /** Called when the logout item in the user dropdown is clicked. */
+  onLogout?: () => void;
+}>>;
+//#endregion
+export { PaymentLayoutUser as n, PaymentLayout as t };
+//# sourceMappingURL=index-DYnzFF0T.d.mts.map

package/dist/index-DYp6lUbn.d.mts

@@ -0,0 +1,45 @@
+//#region packages/components/dialogs/detail-dialog/index.d.ts
+type DetailDialogSidebar = {
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  title?: string;
+  /** Arbitrary content rendered inside the sidebar scrollable area. */
+  content?: React.ReactNode;
+  /** Arbitrary content rendered at the bottom of the sidebar footer. */
+  footer?: React.ReactNode;
+};
+type DetailDialogProps = {
+  /** Controls whether the dialog is open. */
+  open?: boolean;
+  /** When `true`, replaces the main content area with a centered loading spinner. */
+  isLoading?: boolean;
+  /** Primary title displayed in the dialog header. */
+  title: string;
+  /** ISO string, `Date` object, or Unix timestamp shown as a formatted creation date below the title. */
+  createdAt?: string | Date | number | null;
+  /** Optional sidebar configuration — title, body content, and footer content. */
+  sidebar?: DetailDialogSidebar;
+  /** Callback invoked when the dialog open state changes. */
+  onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Full-screen detail dialog with a collapsible sidebar, a header with creation date, and a scrollable content area.
+ *
+ * @example
+ * ```tsx
+ * import { DetailDialog } from '@customafk/lunas-ui/dialogs/detail-dialog';
+ *
+ * <DetailDialog
+ *   open={open}
+ *   title="Order #1234"
+ *   createdAt="2024-01-15T09:00:00Z"
+ *   sidebar={{ title: 'Navigation', content: <nav>...</nav> }}
+ *   onOpenChange={setOpen}
+ * >
+ *   <p>Detail content goes here.</p>
+ * </DetailDialog>
+ * ```
+ */
+declare const DetailDialog: React.FC<React.PropsWithChildren<DetailDialogProps>>;
+//#endregion
+export { DetailDialogProps as n, DetailDialog as t };
+//# sourceMappingURL=index-DYp6lUbn.d.mts.map