@customafk/lunas-ui 0.2.75 → 0.2.76

package/dist/index-BOifmu0V.d.cts

@@ -0,0 +1,51 @@
+//#region packages/components/dialogs/detail-dialog/components/sidebar-panel.d.ts
+type DetailDialogSidebarPanelProps = {
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  title?: string;
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  sidebarTitle?: 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;
+};
+//#endregion
+//#region packages/components/dialogs/detail-dialog/index.d.ts
+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?: DetailDialogSidebarPanelProps;
+  /** Custom content replacing the default title/date block in the header. Suspense-wrapped. */
+  headerComponent?: React.ReactNode;
+  /** 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-BOifmu0V.d.cts.map

package/dist/index-BOifmu0V.d.mts

@@ -0,0 +1,51 @@
+//#region packages/components/dialogs/detail-dialog/components/sidebar-panel.d.ts
+type DetailDialogSidebarPanelProps = {
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  title?: string;
+  /** Title shown in the collapsible sidebar header. Defaults to `'Detail Dialog'`. */
+  sidebarTitle?: 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;
+};
+//#endregion
+//#region packages/components/dialogs/detail-dialog/index.d.ts
+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?: DetailDialogSidebarPanelProps;
+  /** Custom content replacing the default title/date block in the header. Suspense-wrapped. */
+  headerComponent?: React.ReactNode;
+  /** 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-BOifmu0V.d.mts.map

package/dist/{index-DmvXR2Cn.d.mts → index-CLx89ATZ.d.cts}

@@ -1,6 +1,5 @@
-import { n as BadgeProps } from "./badge-MRT40pxM.mjs";
+import { n as BadgeProps } from "./badge-BPiU1Ss2.cjs";
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/features/descriptions/components/badge.d.ts
 type DescriptionBadgeProps = {
   label: string | number | null | undefined;
@@ -84,19 +83,7 @@ type DescriptionStatisticProps = VariantProps<typeof descriptionStatisticVariant
   value: number | string | null | undefined;
   className?: string;
 };
-declare const DescriptionStatistic: import("react").MemoExoticComponent<({
-  decimalSeparator,
-  groupSeparator,
-  prefix: Prefix,
-  suffix: Suffix,
-  precision,
-  roundingMode,
-  showTrailingZeros,
-  size,
-  trend,
-  value,
-  className
-}: DescriptionStatisticProps) => import("react").JSX.Element>;
+declare const DescriptionStatistic: import("react").MemoExoticComponent<({ decimalSeparator, groupSeparator, prefix: Prefix, suffix: Suffix, precision, roundingMode, showTrailingZeros, size, trend, value, className }: DescriptionStatisticProps) => import("react").JSX.Element>;
 //#endregion
 //#region packages/components/features/descriptions/components/status.d.ts
 type StatusColor = NonNullable<BadgeProps['color']>;
@@ -137,7 +124,8 @@ declare const DescriptionUser: React.FC<DescriptionUserProps>;
  * </Description>
  */
 declare const DescriptionItem: React.FC<React.PropsWithChildren<{
-  /** Text displayed in the label column. */label: string;
+  /** Text displayed in the label column. */
+  label: string;
   /**
    * Number of grid columns (out of 12) allocated to the label in horizontal orientation.
    * @default 3
@@ -149,7 +137,8 @@ declare const DescriptionItem: React.FC<React.PropsWithChildren<{
    * - `'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). */
+  orientation?: 'horizontal' | 'vertical';
+  /** Optional node rendered in the top-right corner of the label area (e.g. an edit action). */
   action?: React.ReactNode;
   /**
    * Horizontal alignment of the label text within its column.
@@ -168,9 +157,13 @@ declare const DescriptionItem: React.FC<React.PropsWithChildren<{
  * </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. */
+  /** 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;
 }>;
 /**
@@ -185,7 +178,9 @@ declare const DescriptionHeader: React.FC<{
  * </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. */
+  /** 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;
 }>;
 /**
@@ -204,9 +199,13 @@ declare const DescriptionSection: React.FC<{
  * </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 */
+  /** 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;
 }>>;
 /**
@@ -229,8 +228,9 @@ declare const Description: React.FC<React.PropsWithChildren<{
  * </DescriptionGroup>
  */
 declare const DescriptionGroup: React.FC<React.PropsWithChildren<{
-  /** Additional CSS class names applied to the group wrapper. */className?: string;
+  /** 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-DmvXR2Cn.d.mts.map
+//# sourceMappingURL=index-CLx89ATZ.d.cts.map