@customafk/lunas-ui 0.2.64 → 0.2.66

package/dist/country-CJIaO0I7.d.cts

@@ -0,0 +1,21 @@
+import { n as ECountry } from "./types-cKvPPVBe.cjs";
+
+//#region packages/components/data-display/country.d.ts
+type CountryDisplayProps = {
+  /** The country enum value to display; renders "No country" when `null` or `undefined`. */country?: ECountry | null;
+};
+/**
+ * Displays a country flag (SVG) alongside the country's English name, or a muted "No country" label when the value is absent.
+ *
+ * @example
+ * ```tsx
+ * import { CountryDisplay } from '@customafk/lunas-ui/data-display/country';
+ * import { ECountry } from '@customafk/lunas-ui/types';
+ *
+ * <CountryDisplay country={ECountry.VIETNAM} />
+ * ```
+ */
+declare const CountryDisplay: React.FC<CountryDisplayProps>;
+//#endregion
+export { CountryDisplay as t };
+//# sourceMappingURL=country-CJIaO0I7.d.cts.map

package/dist/currency-display-B91H66HM.cjs

@@ -0,0 +1,2 @@
+const e=require("./tables-7aC9WFs9.cjs");let t=require("react"),n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime");const i=(0,t.memo)(({value:i,currency:a=`USD`,locale:o=`en-US`,display:s=`symbol`,size:c=`md`,colorize:l=!1})=>{let u=(0,t.useMemo)(()=>{let e=typeof i==`string`?Number(i.trim()):i;return e==null||Number.isNaN(e)||!Number.isFinite(e)?null:new Intl.NumberFormat(o,{style:`currency`,currency:a,currencyDisplay:s,minimumFractionDigits:2,maximumFractionDigits:2}).format(e)},[i,a,o,s]),d=(0,t.useMemo)(()=>{let e=typeof i==`string`?Number(i.trim()):i;return typeof e==`number`&&e<0},[i]);return u?(0,r.jsx)(`p`,{className:(0,n.cn)(`font-number tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`,!l&&`text-text-positive`,l&&d&&`text-danger-strong`,l&&!d&&`text-success-strong`),children:u}):(0,r.jsx)(e.Y,{})});i.displayName=`UITableCurrencyDisplay`,exports.UITableCurrencyDisplay=i;
+//# sourceMappingURL=currency-display-B91H66HM.cjs.map

package/dist/currency-display-B91H66HM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-display-B91H66HM.cjs","names":["UITableEmpty"],"sources":["../packages/components/features/tables/components/atoms/currency-display.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { UITableEmpty } from './empty';\n\n/** Props for the {@link UITableCurrencyDisplay} component. */\ntype Props = {\n  /** The numeric value to format as currency; falsy / `NaN` renders an empty state. */\n  value: number | string | null | undefined;\n  /** ISO 4217 currency code (default: `'USD'`). */\n  currency?: string;\n  /**\n   * BCP 47 locale used for number formatting (default: `'en-US'`).\n   * Controls digit grouping and decimal separators.\n   */\n  locale?: string;\n  /** How to display the currency symbol — `'symbol'` (default), `'code'`, or `'name'`. */\n  display?: 'symbol' | 'code' | 'name';\n  /** Font-size variant (default: `'md'`). */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** When `true`, applies a green tint for positive and red tint for negative values. */\n  colorize?: boolean;\n};\n\n/**\n * Formats a numeric value as a locale-aware currency string in a table cell.\n * Always shows exactly two decimal places and uses the browser's `Intl` API for\n * symbol placement.  Renders {@link UITableEmpty} when the value is absent or\n * invalid.\n *\n * @example\n * import { UITableCurrencyDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableCurrencyDisplay value={1234.5} currency=\"USD\" colorize />\n */\nexport const UITableCurrencyDisplay = memo(({ value, currency = 'USD', locale = 'en-US', display = 'symbol', size = 'md', colorize = false }: Props) => {\n  const formatted = useMemo(() => {\n    const num = typeof value === 'string' ? Number(value.trim()) : value;\n    if (num === null || num === undefined || Number.isNaN(num) || !Number.isFinite(num)) return null;\n\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n      currencyDisplay: display,\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(num);\n  }, [value, currency, locale, display]);\n\n  const isNegative = useMemo(() => {\n    const num = typeof value === 'string' ? Number(value.trim()) : value;\n    return typeof num === 'number' && num < 0;\n  }, [value]);\n\n  if (!formatted) return <UITableEmpty />;\n\n  return (\n    <p\n      className={cn(\n        'font-number tabular-nums',\n        size === 'xs' && 'text-xs',\n        size === 'sm' && 'text-sm',\n        size === 'md' && 'text-base',\n        size === 'lg' && 'text-lg',\n        size === 'xl' && 'text-xl',\n        !colorize && 'text-text-positive',\n        colorize && isNegative && 'text-danger-strong',\n        colorize && !isNegative && 'text-success-strong'\n      )}\n    >\n      {formatted}\n    </p>\n  );\n});\nUITableCurrencyDisplay.displayName = 'UITableCurrencyDisplay';\n"],"mappings":"2IAsCA,MAAa,GAAA,EAAA,EAAA,KAAA,EAA+B,CAAE,QAAO,WAAW,MAAO,SAAS,QAAS,UAAU,SAAU,OAAO,KAAM,WAAW,MAAmB,CACtJ,IAAM,GAAA,EAAA,EAAA,QAAA,KAA0B,CAC9B,IAAM,EAAM,OAAO,GAAU,SAAW,OAAO,EAAM,KAAK,CAAC,EAAI,EAG/D,OAFI,GAAQ,MAA6B,OAAO,MAAM,CAAG,GAAK,CAAC,OAAO,SAAS,CAAG,EAAU,KAErF,IAAI,KAAK,aAAa,EAAQ,CACnC,MAAO,WACP,WACA,gBAAiB,EACjB,sBAAuB,EACvB,sBAAuB,CACzB,CAAC,CAAC,CAAC,OAAO,CAAG,CACf,EAAG,CAAC,EAAO,EAAU,EAAQ,CAAO,CAAC,EAE/B,GAAA,EAAA,EAAA,QAAA,KAA2B,CAC/B,IAAM,EAAM,OAAO,GAAU,SAAW,OAAO,EAAM,KAAK,CAAC,EAAI,EAC/D,OAAO,OAAO,GAAQ,UAAY,EAAM,CAC1C,EAAG,CAAC,CAAK,CAAC,EAIV,OAFK,GAGH,EAAA,EAAA,IAAA,CAAC,IAAD,CACE,WAAA,EAAA,EAAA,GAAA,CACE,2BACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,CAAC,GAAY,qBACb,GAAY,GAAc,qBAC1B,GAAY,CAAC,GAAc,qBAC7B,WAEC,CACA,CAAA,GAjBkB,EAAA,EAAA,IAAA,CAACA,EAAAA,EAAD,CAAe,CAAA,CAmBxC,CAAC,EACD,EAAuB,YAAc"}

package/dist/currency-display-BN1i8jnU.mjs

@@ -0,0 +1,2 @@
+import{Y as e}from"./tables-UikqnT9q.mjs";import{memo as t,useMemo as n}from"react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i}from"react/jsx-runtime";const a=t(({value:t,currency:a=`USD`,locale:o=`en-US`,display:s=`symbol`,size:c=`md`,colorize:l=!1})=>{let u=n(()=>{let e=typeof t==`string`?Number(t.trim()):t;return e==null||Number.isNaN(e)||!Number.isFinite(e)?null:new Intl.NumberFormat(o,{style:`currency`,currency:a,currencyDisplay:s,minimumFractionDigits:2,maximumFractionDigits:2}).format(e)},[t,a,o,s]),d=n(()=>{let e=typeof t==`string`?Number(t.trim()):t;return typeof e==`number`&&e<0},[t]);return u?i(`p`,{className:r(`font-number tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`,!l&&`text-text-positive`,l&&d&&`text-danger-strong`,l&&!d&&`text-success-strong`),children:u}):i(e,{})});a.displayName=`UITableCurrencyDisplay`;export{a as UITableCurrencyDisplay};
+//# sourceMappingURL=currency-display-BN1i8jnU.mjs.map

package/dist/currency-display-BN1i8jnU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-display-BN1i8jnU.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/currency-display.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { UITableEmpty } from './empty';\n\n/** Props for the {@link UITableCurrencyDisplay} component. */\ntype Props = {\n  /** The numeric value to format as currency; falsy / `NaN` renders an empty state. */\n  value: number | string | null | undefined;\n  /** ISO 4217 currency code (default: `'USD'`). */\n  currency?: string;\n  /**\n   * BCP 47 locale used for number formatting (default: `'en-US'`).\n   * Controls digit grouping and decimal separators.\n   */\n  locale?: string;\n  /** How to display the currency symbol — `'symbol'` (default), `'code'`, or `'name'`. */\n  display?: 'symbol' | 'code' | 'name';\n  /** Font-size variant (default: `'md'`). */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** When `true`, applies a green tint for positive and red tint for negative values. */\n  colorize?: boolean;\n};\n\n/**\n * Formats a numeric value as a locale-aware currency string in a table cell.\n * Always shows exactly two decimal places and uses the browser's `Intl` API for\n * symbol placement.  Renders {@link UITableEmpty} when the value is absent or\n * invalid.\n *\n * @example\n * import { UITableCurrencyDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableCurrencyDisplay value={1234.5} currency=\"USD\" colorize />\n */\nexport const UITableCurrencyDisplay = memo(({ value, currency = 'USD', locale = 'en-US', display = 'symbol', size = 'md', colorize = false }: Props) => {\n  const formatted = useMemo(() => {\n    const num = typeof value === 'string' ? Number(value.trim()) : value;\n    if (num === null || num === undefined || Number.isNaN(num) || !Number.isFinite(num)) return null;\n\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n      currencyDisplay: display,\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    }).format(num);\n  }, [value, currency, locale, display]);\n\n  const isNegative = useMemo(() => {\n    const num = typeof value === 'string' ? Number(value.trim()) : value;\n    return typeof num === 'number' && num < 0;\n  }, [value]);\n\n  if (!formatted) return <UITableEmpty />;\n\n  return (\n    <p\n      className={cn(\n        'font-number tabular-nums',\n        size === 'xs' && 'text-xs',\n        size === 'sm' && 'text-sm',\n        size === 'md' && 'text-base',\n        size === 'lg' && 'text-lg',\n        size === 'xl' && 'text-xl',\n        !colorize && 'text-text-positive',\n        colorize && isNegative && 'text-danger-strong',\n        colorize && !isNegative && 'text-success-strong'\n      )}\n    >\n      {formatted}\n    </p>\n  );\n});\nUITableCurrencyDisplay.displayName = 'UITableCurrencyDisplay';\n"],"mappings":"gLAsCA,MAAa,EAAyB,GAAM,CAAE,QAAO,WAAW,MAAO,SAAS,QAAS,UAAU,SAAU,OAAO,KAAM,WAAW,MAAmB,CACtJ,IAAM,EAAY,MAAc,CAC9B,IAAM,EAAM,OAAO,GAAU,SAAW,OAAO,EAAM,KAAK,CAAC,EAAI,EAG/D,OAFI,GAAQ,MAA6B,OAAO,MAAM,CAAG,GAAK,CAAC,OAAO,SAAS,CAAG,EAAU,KAErF,IAAI,KAAK,aAAa,EAAQ,CACnC,MAAO,WACP,WACA,gBAAiB,EACjB,sBAAuB,EACvB,sBAAuB,CACzB,CAAC,CAAC,CAAC,OAAO,CAAG,CACf,EAAG,CAAC,EAAO,EAAU,EAAQ,CAAO,CAAC,EAE/B,EAAa,MAAc,CAC/B,IAAM,EAAM,OAAO,GAAU,SAAW,OAAO,EAAM,KAAK,CAAC,EAAI,EAC/D,OAAO,OAAO,GAAQ,UAAY,EAAM,CAC1C,EAAG,CAAC,CAAK,CAAC,EAIV,OAFK,EAGH,EAAC,IAAD,CACE,UAAW,EACT,2BACA,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,YACjB,IAAS,MAAQ,UACjB,IAAS,MAAQ,UACjB,CAAC,GAAY,qBACb,GAAY,GAAc,qBAC1B,GAAY,CAAC,GAAc,qBAC7B,WAEC,CACA,CAAA,EAjBkB,EAAC,EAAD,CAAe,CAAA,CAmBxC,CAAC,EACD,EAAuB,YAAc"}

package/dist/data-display/country.d.cts

@@ -1,21 +1,2 @@
-import { n as ECountry } from "../types-cKvPPVBe.cjs";
-
-//#region packages/components/data-display/country.d.ts
-type CountryDisplayProps = {
-  /** The country enum value to display; renders "No country" when `null` or `undefined`. */country?: ECountry | null;
-};
-/**
- * Displays a country flag (SVG) alongside the country's English name, or a muted "No country" label when the value is absent.
- *
- * @example
- * ```tsx
- * import { CountryDisplay } from '@customafk/lunas-ui/data-display/country';
- * import { ECountry } from '@customafk/lunas-ui/types';
- *
- * <CountryDisplay country={ECountry.VIETNAM} />
- * ```
- */
-declare const CountryDisplay: React.FC<CountryDisplayProps>;
-//#endregion
-export { CountryDisplay };
-//# sourceMappingURL=country.d.cts.map
+import { t as CountryDisplay } from "../country-CJIaO0I7.cjs";
+export { CountryDisplay };

package/dist/data-display/country.d.mts

@@ -1,21 +1,2 @@
-import { n as ECountry } from "../types-cKvPPVBe.mjs";
-
-//#region packages/components/data-display/country.d.ts
-type CountryDisplayProps = {
-  /** The country enum value to display; renders "No country" when `null` or `undefined`. */country?: ECountry | null;
-};
-/**
- * Displays a country flag (SVG) alongside the country's English name, or a muted "No country" label when the value is absent.
- *
- * @example
- * ```tsx
- * import { CountryDisplay } from '@customafk/lunas-ui/data-display/country';
- * import { ECountry } from '@customafk/lunas-ui/types';
- *
- * <CountryDisplay country={ECountry.VIETNAM} />
- * ```
- */
-declare const CountryDisplay: React.FC<CountryDisplayProps>;
-//#endregion
-export { CountryDisplay };
-//# sourceMappingURL=country.d.mts.map
+import { t as CountryDisplay } from "../country-C8QijcHF.mjs";
+export { CountryDisplay };

package/dist/data-display/data-list.d.cts

@@ -1,38 +1,2 @@
-//#region packages/components/data-display/data-list.d.ts
-type DataListProps = {
-  /** Additional CSS classes applied to the wrapping container. */className?: string;
-};
-/**
- * A vertical container that stacks `DataListItem` rows with consistent spacing.
- *
- * @example
- * ```tsx
- * import { DataList, DataListItem } from '@customafk/lunas-ui/data-display/data-list';
- *
- * <DataList>
- *   <DataListItem label="Status" value="Active" />
- *   <DataListItem label="Created" value="2024-01-15" />
- * </DataList>
- * ```
- */
-declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
-type DataListItemProps = {
-  /** Descriptive label shown to the left of (or above, on mobile) the value. */label: string; /** The value to display; accepts strings, numbers, or arbitrary React nodes. */
-  value: string | number | React.ReactNode; /** Minimum width applied to the label column. Defaults to `'120px'`. */
-  minLabelWidth?: string; /** Additional CSS classes applied to the row container. */
-  className?: string;
-};
-/**
- * A single label–value row inside a `DataList`, responsive to mobile (stacks vertically) and desktop (inline) layouts.
- *
- * @example
- * ```tsx
- * import { DataListItem } from '@customafk/lunas-ui/data-display/data-list';
- *
- * <DataListItem label="Email" value="user@example.com" />
- * ```
- */
-declare const DataListItem: React.FC<DataListItemProps>;
-//#endregion
-export { DataList, DataListItem };
-//# sourceMappingURL=data-list.d.cts.map
+import { n as DataListItem, t as DataList } from "../data-list-Cg510z2m.cjs";
+export { DataList, DataListItem };

package/dist/data-display/data-list.d.mts

@@ -1,38 +1,2 @@
-//#region packages/components/data-display/data-list.d.ts
-type DataListProps = {
-  /** Additional CSS classes applied to the wrapping container. */className?: string;
-};
-/**
- * A vertical container that stacks `DataListItem` rows with consistent spacing.
- *
- * @example
- * ```tsx
- * import { DataList, DataListItem } from '@customafk/lunas-ui/data-display/data-list';
- *
- * <DataList>
- *   <DataListItem label="Status" value="Active" />
- *   <DataListItem label="Created" value="2024-01-15" />
- * </DataList>
- * ```
- */
-declare const DataList: React.FC<React.PropsWithChildren<DataListProps>>;
-type DataListItemProps = {
-  /** Descriptive label shown to the left of (or above, on mobile) the value. */label: string; /** The value to display; accepts strings, numbers, or arbitrary React nodes. */
-  value: string | number | React.ReactNode; /** Minimum width applied to the label column. Defaults to `'120px'`. */
-  minLabelWidth?: string; /** Additional CSS classes applied to the row container. */
-  className?: string;
-};
-/**
- * A single label–value row inside a `DataList`, responsive to mobile (stacks vertically) and desktop (inline) layouts.
- *
- * @example
- * ```tsx
- * import { DataListItem } from '@customafk/lunas-ui/data-display/data-list';
- *
- * <DataListItem label="Email" value="user@example.com" />
- * ```
- */
-declare const DataListItem: React.FC<DataListItemProps>;
-//#endregion
-export { DataList, DataListItem };
-//# sourceMappingURL=data-list.d.mts.map
+import { n as DataListItem, t as DataList } from "../data-list-Cg510z2m.mjs";
+export { DataList, DataListItem };

package/dist/data-display/date-tooltip.d.cts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/date-tooltip.d.ts
-type DateTooltipProps = {
-  /** The date value to display; accepts a `Date` object, an ISO string, or a Unix timestamp (ms). */date: Date | string | number;
-};
-/**
- * Displays a date as a badge; hovering reveals a tooltip with the full Vietnamese weekday and time.
- *
- * @example
- * ```tsx
- * import { DateTooltip } from '@customafk/lunas-ui/data-display/date-tooltip';
- *
- * <DateTooltip date="2024-03-15T14:30:00Z" />
- * ```
- */
-declare const DateTooltip: React.FC<DateTooltipProps>;
-//#endregion
-export { DateTooltip };
-//# sourceMappingURL=date-tooltip.d.cts.map
+import { t as DateTooltip } from "../date-tooltip-DptxGOj_.cjs";
+export { DateTooltip };

package/dist/data-display/date-tooltip.d.mts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/date-tooltip.d.ts
-type DateTooltipProps = {
-  /** The date value to display; accepts a `Date` object, an ISO string, or a Unix timestamp (ms). */date: Date | string | number;
-};
-/**
- * Displays a date as a badge; hovering reveals a tooltip with the full Vietnamese weekday and time.
- *
- * @example
- * ```tsx
- * import { DateTooltip } from '@customafk/lunas-ui/data-display/date-tooltip';
- *
- * <DateTooltip date="2024-03-15T14:30:00Z" />
- * ```
- */
-declare const DateTooltip: React.FC<DateTooltipProps>;
-//#endregion
-export { DateTooltip };
-//# sourceMappingURL=date-tooltip.d.mts.map
+import { t as DateTooltip } from "../date-tooltip-DptxGOj_.mjs";
+export { DateTooltip };

package/dist/data-display/date.d.cts

@@ -1,39 +1,2 @@
-//#region packages/components/data-display/date.d.ts
-interface DateDisplayProps {
-  /** The date value to display; accepts a `Date` object, an ISO string, or a Unix timestamp (ms). */
-  date: Date | string | number;
-  /**
-   * Controls how the date is formatted.
-   * - `'short'`    — `15/03/24`
-   * - `'medium'`   — `15/03/2024` (default)
-   * - `'long'`     — `15 tháng 3, 2024`
-   * - `'full'`     — `Thứ Sáu, ngày 15 tháng 3 năm 2024`
-   * - `'relative'` — `2 giờ trước`
-   * - `'datetime'` — `15/03/2024 14:30`
-   * - `'time'`     — `14:30`
-   * - `'smart'`    — auto-selects the most human-readable format based on recency
-   */
-  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
-  /** When `true`, appends any recognised Vietnamese public holiday name to the formatted date. Defaults to `false`. */
-  showHoliday?: boolean;
-  /** When `true`, appends the time component to the formatted output. Defaults to `false`. */
-  showTime?: boolean;
-  /** Additional CSS classes applied to the `<time>` element. */
-  className?: string;
-  /** Custom HTML `title` attribute; defaults to the full ISO datetime string. */
-  title?: string;
-}
-/**
- * Renders a formatted date using Vietnamese locale conventions inside a semantic `<time>` element.
- *
- * @example
- * ```tsx
- * import { DateDisplay } from '@customafk/lunas-ui/data-display/date';
- *
- * <DateDisplay date="2024-03-15T14:30:00Z" format="medium" showTime />
- * ```
- */
-declare const DateDisplay: React.FC<DateDisplayProps>;
-//#endregion
-export { DateDisplay };
-//# sourceMappingURL=date.d.cts.map
+import { t as DateDisplay } from "../date-KANPBbN4.cjs";
+export { DateDisplay };

package/dist/data-display/date.d.mts

@@ -1,39 +1,2 @@
-//#region packages/components/data-display/date.d.ts
-interface DateDisplayProps {
-  /** The date value to display; accepts a `Date` object, an ISO string, or a Unix timestamp (ms). */
-  date: Date | string | number;
-  /**
-   * Controls how the date is formatted.
-   * - `'short'`    — `15/03/24`
-   * - `'medium'`   — `15/03/2024` (default)
-   * - `'long'`     — `15 tháng 3, 2024`
-   * - `'full'`     — `Thứ Sáu, ngày 15 tháng 3 năm 2024`
-   * - `'relative'` — `2 giờ trước`
-   * - `'datetime'` — `15/03/2024 14:30`
-   * - `'time'`     — `14:30`
-   * - `'smart'`    — auto-selects the most human-readable format based on recency
-   */
-  format?: 'short' | 'medium' | 'long' | 'full' | 'relative' | 'datetime' | 'time' | 'smart';
-  /** When `true`, appends any recognised Vietnamese public holiday name to the formatted date. Defaults to `false`. */
-  showHoliday?: boolean;
-  /** When `true`, appends the time component to the formatted output. Defaults to `false`. */
-  showTime?: boolean;
-  /** Additional CSS classes applied to the `<time>` element. */
-  className?: string;
-  /** Custom HTML `title` attribute; defaults to the full ISO datetime string. */
-  title?: string;
-}
-/**
- * Renders a formatted date using Vietnamese locale conventions inside a semantic `<time>` element.
- *
- * @example
- * ```tsx
- * import { DateDisplay } from '@customafk/lunas-ui/data-display/date';
- *
- * <DateDisplay date="2024-03-15T14:30:00Z" format="medium" showTime />
- * ```
- */
-declare const DateDisplay: React.FC<DateDisplayProps>;
-//#endregion
-export { DateDisplay };
-//# sourceMappingURL=date.d.mts.map
+import { t as DateDisplay } from "../date-KANPBbN4.mjs";
+export { DateDisplay };

package/dist/data-display/empty.d.cts

@@ -1,19 +1,2 @@
-//#region packages/components/data-display/empty.d.ts
-type EmptyDisplayProps = {
-  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */label?: string; /** Additional CSS classes applied to the wrapping container. */
-  className?: string;
-};
-/**
- * A full-area empty-state placeholder with a package icon and a configurable message.
- *
- * @example
- * ```tsx
- * import { EmptyDisplay } from '@customafk/lunas-ui/data-display/empty';
- *
- * <EmptyDisplay label="No results found." />
- * ```
- */
-declare const EmptyDisplay: React.FC<EmptyDisplayProps>;
-//#endregion
-export { EmptyDisplay };
-//# sourceMappingURL=empty.d.cts.map
+import { t as EmptyDisplay } from "../empty-ClQptIZH.cjs";
+export { EmptyDisplay };

package/dist/data-display/empty.d.mts

@@ -1,19 +1,2 @@
-//#region packages/components/data-display/empty.d.ts
-type EmptyDisplayProps = {
-  /** Message shown below the empty-state icon. Defaults to `'No data to display.'`. */label?: string; /** Additional CSS classes applied to the wrapping container. */
-  className?: string;
-};
-/**
- * A full-area empty-state placeholder with a package icon and a configurable message.
- *
- * @example
- * ```tsx
- * import { EmptyDisplay } from '@customafk/lunas-ui/data-display/empty';
- *
- * <EmptyDisplay label="No results found." />
- * ```
- */
-declare const EmptyDisplay: React.FC<EmptyDisplayProps>;
-//#endregion
-export { EmptyDisplay };
-//# sourceMappingURL=empty.d.mts.map
+import { t as EmptyDisplay } from "../empty-ClQptIZH.mjs";
+export { EmptyDisplay };

package/dist/data-display/name.d.cts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/name.d.ts
-type NameDisplayProps = {
-  /** The full name string to display; shown truncated inline and in full via tooltip. */name: string;
-};
-/**
- * Renders a clamped, truncated name with a tooltip that reveals the complete text on hover.
- *
- * @example
- * ```tsx
- * import { NameDisplay } from '@customafk/lunas-ui/data-display/name';
- *
- * <NameDisplay name="Nguyễn Văn An" />
- * ```
- */
-declare const NameDisplay: React.FC<NameDisplayProps>;
-//#endregion
-export { NameDisplay };
-//# sourceMappingURL=name.d.cts.map
+import { t as NameDisplay } from "../name-7aoM5rAW.cjs";
+export { NameDisplay };

package/dist/data-display/name.d.mts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/name.d.ts
-type NameDisplayProps = {
-  /** The full name string to display; shown truncated inline and in full via tooltip. */name: string;
-};
-/**
- * Renders a clamped, truncated name with a tooltip that reveals the complete text on hover.
- *
- * @example
- * ```tsx
- * import { NameDisplay } from '@customafk/lunas-ui/data-display/name';
- *
- * <NameDisplay name="Nguyễn Văn An" />
- * ```
- */
-declare const NameDisplay: React.FC<NameDisplayProps>;
-//#endregion
-export { NameDisplay };
-//# sourceMappingURL=name.d.mts.map
+import { t as NameDisplay } from "../name-7aoM5rAW.mjs";
+export { NameDisplay };

package/dist/data-display/phone-number.d.cts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/phone-number.d.ts
-type PhoneNumberDisplayProps = {
-  /** The raw phone number string (e.g. `'0901234567'`); automatically formatted as `(090) 123-4567` with a +84 tooltip. */value: string;
-};
-/**
- * Formats and displays a Vietnamese phone number with a tooltip showing the international dialling format.
- *
- * @example
- * ```tsx
- * import { PhoneNumberDisplay } from '@customafk/lunas-ui/data-display/phone-number';
- *
- * <PhoneNumberDisplay value="0901234567" />
- * ```
- */
-declare const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps>;
-//#endregion
-export { PhoneNumberDisplay };
-//# sourceMappingURL=phone-number.d.cts.map
+import { t as PhoneNumberDisplay } from "../phone-number-6b_pkGI1.cjs";
+export { PhoneNumberDisplay };

package/dist/data-display/phone-number.d.mts

@@ -1,18 +1,2 @@
-//#region packages/components/data-display/phone-number.d.ts
-type PhoneNumberDisplayProps = {
-  /** The raw phone number string (e.g. `'0901234567'`); automatically formatted as `(090) 123-4567` with a +84 tooltip. */value: string;
-};
-/**
- * Formats and displays a Vietnamese phone number with a tooltip showing the international dialling format.
- *
- * @example
- * ```tsx
- * import { PhoneNumberDisplay } from '@customafk/lunas-ui/data-display/phone-number';
- *
- * <PhoneNumberDisplay value="0901234567" />
- * ```
- */
-declare const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps>;
-//#endregion
-export { PhoneNumberDisplay };
-//# sourceMappingURL=phone-number.d.mts.map
+import { t as PhoneNumberDisplay } from "../phone-number-6b_pkGI1.mjs";
+export { PhoneNumberDisplay };

package/dist/data-display/role-badge.d.cts

@@ -1,21 +1,2 @@
-import { r as ERole } from "../types-cKvPPVBe.cjs";
-
-//#region packages/components/data-display/role-badge.d.ts
-type RoleBadgeProps = {
-  /** The user role enum value that determines the badge label and colour. */status: ERole;
-};
-/**
- * Renders a colour-coded badge for a user role (e.g. Admin, Staff, User).
- *
- * @example
- * ```tsx
- * import { RoleBadge } from '@customafk/lunas-ui/data-display/role-badge';
- * import { ERole } from '@customafk/lunas-ui/types';
- *
- * <RoleBadge status={ERole.ADMIN} />
- * ```
- */
-declare const RoleBadge: React.FC<RoleBadgeProps>;
-//#endregion
-export { RoleBadge };
-//# sourceMappingURL=role-badge.d.cts.map
+import { t as RoleBadge } from "../role-badge-IdZW0tsN.cjs";
+export { RoleBadge };

package/dist/data-display/role-badge.d.mts

@@ -1,21 +1,2 @@
-import { r as ERole } from "../types-cKvPPVBe.mjs";
-
-//#region packages/components/data-display/role-badge.d.ts
-type RoleBadgeProps = {
-  /** The user role enum value that determines the badge label and colour. */status: ERole;
-};
-/**
- * Renders a colour-coded badge for a user role (e.g. Admin, Staff, User).
- *
- * @example
- * ```tsx
- * import { RoleBadge } from '@customafk/lunas-ui/data-display/role-badge';
- * import { ERole } from '@customafk/lunas-ui/types';
- *
- * <RoleBadge status={ERole.ADMIN} />
- * ```
- */
-declare const RoleBadge: React.FC<RoleBadgeProps>;
-//#endregion
-export { RoleBadge };
-//# sourceMappingURL=role-badge.d.mts.map
+import { t as RoleBadge } from "../role-badge-Bl4Rimpk.mjs";
+export { RoleBadge };

package/dist/data-display/statistic.d.cts

@@ -1,45 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/data-display/statistic.d.ts
-declare const statisticVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  trend?: "neutral" | "up" | "down" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type StatisticProps = VariantProps<typeof statisticVariants> & {
-  /** Character used to separate the decimal part. Defaults to `'.'`. */decimalSeparator?: string; /** Character used to separate thousands groups. Defaults to `','`. */
-  groupSeparator?: string; /** Optional node rendered before the numeric value (e.g. a currency symbol). */
-  prefix?: React.ReactNode; /** Optional node rendered after the numeric value (e.g. a unit label). */
-  suffix?: React.ReactNode; /** Number of decimal digits to display; omit to show all significant digits. */
-  precision?: number; /** Rounding strategy applied before formatting. Defaults to `'round'`. */
-  roundingMode?: 'round' | 'floor' | 'ceil'; /** When `true`, pads the decimal part with trailing zeros up to `precision`. Defaults to `false`. */
-  showTrailingZeros?: boolean; /** The numeric (or numeric-string) value to format and display. */
-  value: number | string; /** Additional CSS classes applied to the wrapper element. */
-  className?: string; /** Colour trend indicator: `'neutral'` (default), `'up'` (green), or `'down'` (red). */
-  trend?: 'neutral' | 'up' | 'down';
-};
-/**
- * A memoised numeric display component with locale-aware formatting, optional prefix/suffix, trend colouring, and configurable rounding.
- *
- * @example
- * ```tsx
- * import { Statistic } from '@customafk/lunas-ui/data-display/statistic';
- *
- * <Statistic value={1234567.89} precision={2} prefix="$" trend="up" size="lg" />
- * ```
- */
-declare const Statistic: import("react").MemoExoticComponent<({
-  decimalSeparator,
-  groupSeparator,
-  prefix: Prefix,
-  suffix: Suffix,
-  precision,
-  roundingMode,
-  showTrailingZeros,
-  size,
-  trend,
-  value,
-  className
-}: StatisticProps) => import("react").JSX.Element>;
-//#endregion
-export { Statistic, StatisticProps };
-//# sourceMappingURL=statistic.d.cts.map
+import { n as StatisticProps, t as Statistic } from "../statistic-8zBJMdRa.cjs";
+export { Statistic, StatisticProps };

package/dist/data-display/statistic.d.mts

@@ -1,45 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/data-display/statistic.d.ts
-declare const statisticVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-  trend?: "neutral" | "up" | "down" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type StatisticProps = VariantProps<typeof statisticVariants> & {
-  /** Character used to separate the decimal part. Defaults to `'.'`. */decimalSeparator?: string; /** Character used to separate thousands groups. Defaults to `','`. */
-  groupSeparator?: string; /** Optional node rendered before the numeric value (e.g. a currency symbol). */
-  prefix?: React.ReactNode; /** Optional node rendered after the numeric value (e.g. a unit label). */
-  suffix?: React.ReactNode; /** Number of decimal digits to display; omit to show all significant digits. */
-  precision?: number; /** Rounding strategy applied before formatting. Defaults to `'round'`. */
-  roundingMode?: 'round' | 'floor' | 'ceil'; /** When `true`, pads the decimal part with trailing zeros up to `precision`. Defaults to `false`. */
-  showTrailingZeros?: boolean; /** The numeric (or numeric-string) value to format and display. */
-  value: number | string; /** Additional CSS classes applied to the wrapper element. */
-  className?: string; /** Colour trend indicator: `'neutral'` (default), `'up'` (green), or `'down'` (red). */
-  trend?: 'neutral' | 'up' | 'down';
-};
-/**
- * A memoised numeric display component with locale-aware formatting, optional prefix/suffix, trend colouring, and configurable rounding.
- *
- * @example
- * ```tsx
- * import { Statistic } from '@customafk/lunas-ui/data-display/statistic';
- *
- * <Statistic value={1234567.89} precision={2} prefix="$" trend="up" size="lg" />
- * ```
- */
-declare const Statistic: import("react").MemoExoticComponent<({
-  decimalSeparator,
-  groupSeparator,
-  prefix: Prefix,
-  suffix: Suffix,
-  precision,
-  roundingMode,
-  showTrailingZeros,
-  size,
-  trend,
-  value,
-  className
-}: StatisticProps) => import("react").JSX.Element>;
-//#endregion
-export { Statistic, StatisticProps };
-//# sourceMappingURL=statistic.d.mts.map
+import { n as StatisticProps, t as Statistic } from "../statistic-8zBJMdRa.mjs";
+export { Statistic, StatisticProps };

package/dist/data-display/user.d.cts

@@ -1,20 +1,2 @@
-//#region packages/components/data-display/user.d.ts
-type UserDataDisplayProps = {
-  /** Unique identifier used to deterministically generate the avatar background colour. */uuid: string; /** Display name rendered as the primary line of the user card. */
-  username: string; /** Email address rendered as the secondary, muted line below the username. */
-  email: string;
-};
-/**
- * Displays a user identity card with a colour-hashed avatar, username, and email address.
- *
- * @example
- * ```tsx
- * import { UserDataDisplay } from '@customafk/lunas-ui/data-display/user';
- *
- * <UserDataDisplay uuid="abc-123" username="Nguyễn Văn An" email="an@example.com" />
- * ```
- */
-declare const UserDataDisplay: React.FC<UserDataDisplayProps>;
-//#endregion
-export { UserDataDisplay };
-//# sourceMappingURL=user.d.cts.map
+import { t as UserDataDisplay } from "../user-CvesQf42.cjs";
+export { UserDataDisplay };