@customafk/lunas-ui 0.2.65 → 0.2.67

package/dist/correlation-scatter-chart-Djtt7NU7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"correlation-scatter-chart-Djtt7NU7.mjs","names":[],"sources":["../packages/components/features/charts/components/correlation-scatter-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { CartesianGrid, Scatter, ScatterChart, XAxis, YAxis, ZAxis } from 'recharts';\nimport type { BaseChartProps, ScatterPoint } from '../types';\n\nexport type CorrelationScatterChartProps = BaseChartProps & {\n  data: ScatterPoint[];\n  /** Series label used in the theme config. Defaults to `'Points'`. */\n  label?: string;\n  color?: string;\n  xLabel?: string;\n  yLabel?: string;\n  xFormatter?: (value: number) => string;\n  yFormatter?: (value: number) => string;\n  /** Sizes each point from its `z` value. Defaults to `false`. */\n  showBubbleSize?: boolean;\n  showGrid?: boolean;\n};\n\n/**\n * A scatter (or bubble, with `showBubbleSize`) chart for correlating two metrics, with an\n * optional third dimension mapped to point size.\n *\n * @example\n * ```tsx\n * import { CorrelationScatterChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CorrelationScatterChart\n *   data={[\n *     { x: 12, y: 4200, z: 40, name: 'Product A' },\n *     { x: 18, y: 5100, z: 65, name: 'Product B' },\n *   ]}\n *   xLabel=\"Price ($)\"\n *   yLabel=\"Units sold\"\n *   showBubbleSize\n * />\n * ```\n */\nexport const CorrelationScatterChart = ({\n  data,\n  label = 'Points',\n  color = 'var(--chart-1)',\n  xLabel,\n  yLabel,\n  xFormatter = value => value.toLocaleString('en-US'),\n  yFormatter = value => value.toLocaleString('en-US'),\n  showBubbleSize = false,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CorrelationScatterChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ y: { label, color } }), [label, color]);\n\n  return (\n    <ChartContainer\n      data-slot=\"correlation-scatter-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid />}\n        <XAxis type=\"number\" dataKey=\"x\" name={xLabel} tickLine={false} axisLine={false} tickMargin={8} tickFormatter={xFormatter} />\n        <YAxis type=\"number\" dataKey=\"y\" name={yLabel} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={yFormatter} />\n        {showBubbleSize && <ZAxis type=\"number\" dataKey=\"z\" range={[64, 400]} />}\n        <ChartTooltip\n          cursor={{ strokeDasharray: '3 3' }}\n          content={\n            <ChartTooltipContent\n              hideLabel\n              formatter={(_value, _name, item) => {\n                const point = item.payload as ScatterPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    {point.name && <span className=\"font-medium text-muted-strong\">{point.name}</span>}\n                    <span className=\"text-muted\">\n                      {xLabel || 'x'}: <span className=\"font-medium font-number text-text-positive-strong\">{xFormatter(point.x)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      {yLabel || 'y'}: <span className=\"font-medium font-number text-text-positive-strong\">{yFormatter(point.y)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        <Scatter data={data} fill={color} isAnimationActive={animate} />\n      </ScatterChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"0UA4CA,MAAa,GAA2B,CACtC,OACA,QAAQ,SACR,QAAQ,iBACR,SACA,SACA,aAAa,GAAS,EAAM,eAAe,OAAO,EAClD,aAAa,GAAS,EAAM,eAAe,OAAO,EAClD,iBAAiB,GACjB,WAAW,GACX,YACA,UAAU,GACV,YAKE,EAAC,EAAD,CACE,YAAU,4BACV,OALW,OAA4B,CAAE,EAAG,CAAE,QAAO,OAAM,CAAE,GAAI,CAAC,EAAO,CAAK,CAKjE,EACb,UAAW,EAAG,SAAU,CAAS,EACjC,MAAO,IAAW,IAAA,GAA8C,IAAA,GAAlC,CAAE,SAAQ,YAAa,MAAO,WAE5D,EAAC,EAAD,CAAc,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,OAAQ,EAAG,KAAM,EAAG,WAA/D,CACG,GAAY,EAAC,EAAD,CAAgB,CAAA,EAC7B,EAAC,EAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,KAAM,EAAQ,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAa,CAAA,EAC5H,EAAC,EAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,KAAM,EAAQ,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,MAAO,GAAI,cAAe,CAAa,CAAA,EACtI,GAAkB,EAAC,EAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,MAAO,CAAC,GAAI,GAAG,CAAI,CAAA,EACvE,EAAC,EAAD,CACE,OAAQ,CAAE,gBAAiB,KAAM,EACjC,QACE,EAAC,EAAD,CACE,UAAA,GACA,WAAY,EAAQ,EAAO,IAAS,CAClC,IAAM,EAAQ,EAAK,QACnB,OACE,EAAC,MAAD,CAAK,UAAU,wBAAf,CACG,EAAM,MAAQ,EAAC,OAAD,CAAM,UAAU,yCAAiC,EAAM,IAAW,CAAA,EACjF,EAAC,OAAD,CAAM,UAAU,sBAAhB,CACG,GAAU,IAAI,KAAE,EAAC,OAAD,CAAM,UAAU,6DAAqD,EAAW,EAAM,CAAC,CAAQ,CAAA,CAC5G,IACN,EAAC,OAAD,CAAM,UAAU,sBAAhB,CACG,GAAU,IAAI,KAAE,EAAC,OAAD,CAAM,UAAU,6DAAqD,EAAW,EAAM,CAAC,CAAQ,CAAA,CAC5G,GACH,GAET,CACD,CAAA,CAEJ,CAAA,EACD,EAAC,EAAD,CAAe,OAAM,KAAM,EAAO,kBAAmB,CAAU,CAAA,CACnD,GACA,CAAA"}

package/dist/correlation-scatter-chart-HF48YUIB.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui/chart.cjs");let t=require("react"),n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime"),i=require("recharts");const a=({data:a,label:o=`Points`,color:s=`var(--chart-1)`,xLabel:c,yLabel:l,xFormatter:u=e=>e.toLocaleString(`en-US`),yFormatter:d=e=>e.toLocaleString(`en-US`),showBubbleSize:f=!1,showGrid:p=!0,className:m,animate:h=!0,height:g})=>(0,r.jsx)(e.ChartContainer,{"data-slot":`correlation-scatter-chart`,config:(0,t.useMemo)(()=>({y:{label:o,color:s}}),[o,s]),className:(0,n.cn)(`w-full`,m),style:g===void 0?void 0:{height:g,aspectRatio:`auto`},children:(0,r.jsxs)(i.ScatterChart,{margin:{top:8,right:12,bottom:0,left:12},children:[p&&(0,r.jsx)(i.CartesianGrid,{}),(0,r.jsx)(i.XAxis,{type:`number`,dataKey:`x`,name:c,tickLine:!1,axisLine:!1,tickMargin:8,tickFormatter:u}),(0,r.jsx)(i.YAxis,{type:`number`,dataKey:`y`,name:l,tickLine:!1,axisLine:!1,tickMargin:8,width:64,tickFormatter:d}),f&&(0,r.jsx)(i.ZAxis,{type:`number`,dataKey:`z`,range:[64,400]}),(0,r.jsx)(e.ChartTooltip,{cursor:{strokeDasharray:`3 3`},content:(0,r.jsx)(e.ChartTooltipContent,{hideLabel:!0,formatter:(e,t,n)=>{let i=n.payload;return(0,r.jsxs)(`div`,{className:`grid gap-0.5`,children:[i.name&&(0,r.jsx)(`span`,{className:`font-medium text-muted-strong`,children:i.name}),(0,r.jsxs)(`span`,{className:`text-muted`,children:[c||`x`,`: `,(0,r.jsx)(`span`,{className:`font-medium font-number text-text-positive-strong`,children:u(i.x)})]}),(0,r.jsxs)(`span`,{className:`text-muted`,children:[l||`y`,`: `,(0,r.jsx)(`span`,{className:`font-medium font-number text-text-positive-strong`,children:d(i.y)})]})]})}})}),(0,r.jsx)(i.Scatter,{data:a,fill:s,isAnimationActive:h})]})});exports.CorrelationScatterChart=a;
+//# sourceMappingURL=correlation-scatter-chart-HF48YUIB.cjs.map

package/dist/correlation-scatter-chart-HF48YUIB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"correlation-scatter-chart-HF48YUIB.cjs","names":["ChartContainer","ScatterChart","CartesianGrid","XAxis","YAxis","ZAxis","ChartTooltip","ChartTooltipContent","Scatter"],"sources":["../packages/components/features/charts/components/correlation-scatter-chart.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nimport { CartesianGrid, Scatter, ScatterChart, XAxis, YAxis, ZAxis } from 'recharts';\nimport type { BaseChartProps, ScatterPoint } from '../types';\n\nexport type CorrelationScatterChartProps = BaseChartProps & {\n  data: ScatterPoint[];\n  /** Series label used in the theme config. Defaults to `'Points'`. */\n  label?: string;\n  color?: string;\n  xLabel?: string;\n  yLabel?: string;\n  xFormatter?: (value: number) => string;\n  yFormatter?: (value: number) => string;\n  /** Sizes each point from its `z` value. Defaults to `false`. */\n  showBubbleSize?: boolean;\n  showGrid?: boolean;\n};\n\n/**\n * A scatter (or bubble, with `showBubbleSize`) chart for correlating two metrics, with an\n * optional third dimension mapped to point size.\n *\n * @example\n * ```tsx\n * import { CorrelationScatterChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CorrelationScatterChart\n *   data={[\n *     { x: 12, y: 4200, z: 40, name: 'Product A' },\n *     { x: 18, y: 5100, z: 65, name: 'Product B' },\n *   ]}\n *   xLabel=\"Price ($)\"\n *   yLabel=\"Units sold\"\n *   showBubbleSize\n * />\n * ```\n */\nexport const CorrelationScatterChart = ({\n  data,\n  label = 'Points',\n  color = 'var(--chart-1)',\n  xLabel,\n  yLabel,\n  xFormatter = value => value.toLocaleString('en-US'),\n  yFormatter = value => value.toLocaleString('en-US'),\n  showBubbleSize = false,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CorrelationScatterChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ y: { label, color } }), [label, color]);\n\n  return (\n    <ChartContainer\n      data-slot=\"correlation-scatter-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ScatterChart margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid />}\n        <XAxis type=\"number\" dataKey=\"x\" name={xLabel} tickLine={false} axisLine={false} tickMargin={8} tickFormatter={xFormatter} />\n        <YAxis type=\"number\" dataKey=\"y\" name={yLabel} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={yFormatter} />\n        {showBubbleSize && <ZAxis type=\"number\" dataKey=\"z\" range={[64, 400]} />}\n        <ChartTooltip\n          cursor={{ strokeDasharray: '3 3' }}\n          content={\n            <ChartTooltipContent\n              hideLabel\n              formatter={(_value, _name, item) => {\n                const point = item.payload as ScatterPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    {point.name && <span className=\"font-medium text-muted-strong\">{point.name}</span>}\n                    <span className=\"text-muted\">\n                      {xLabel || 'x'}: <span className=\"font-medium font-number text-text-positive-strong\">{xFormatter(point.x)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      {yLabel || 'y'}: <span className=\"font-medium font-number text-text-positive-strong\">{yFormatter(point.y)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        <Scatter data={data} fill={color} isAnimationActive={animate} />\n      </ScatterChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"0JA4CA,MAAa,GAA2B,CACtC,OACA,QAAQ,SACR,QAAQ,iBACR,SACA,SACA,aAAa,GAAS,EAAM,eAAe,OAAO,EAClD,aAAa,GAAS,EAAM,eAAe,OAAO,EAClD,iBAAiB,GACjB,WAAW,GACX,YACA,UAAU,GACV,aAKE,EAAA,EAAA,IAAA,CAACA,EAAAA,eAAD,CACE,YAAU,4BACV,QAAA,EAAA,EAAA,QAAA,MALuC,CAAE,EAAG,CAAE,QAAO,OAAM,CAAE,GAAI,CAAC,EAAO,CAAK,CAKjE,EACb,WAAA,EAAA,EAAA,GAAA,CAAc,SAAU,CAAS,EACjC,MAAO,IAAW,IAAA,GAA8C,IAAA,GAAlC,CAAE,SAAQ,YAAa,MAAO,YAE5D,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAc,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,OAAQ,EAAG,KAAM,EAAG,WAA/D,CACG,IAAY,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAgB,CAAA,GAC7B,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,KAAM,EAAQ,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,cAAe,CAAa,CAAA,GAC5H,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,KAAM,EAAQ,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,MAAO,GAAI,cAAe,CAAa,CAAA,EACtI,IAAkB,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,KAAK,SAAS,QAAQ,IAAI,MAAO,CAAC,GAAI,GAAG,CAAI,CAAA,GACvE,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CACE,OAAQ,CAAE,gBAAiB,KAAM,EACjC,SACE,EAAA,EAAA,IAAA,CAACC,EAAAA,oBAAD,CACE,UAAA,GACA,WAAY,EAAQ,EAAO,IAAS,CAClC,IAAM,EAAQ,EAAK,QACnB,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,wBAAf,CACG,EAAM,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,yCAAiC,EAAM,IAAW,CAAA,GACjF,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,sBAAhB,CACG,GAAU,IAAI,MAAE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,6DAAqD,EAAW,EAAM,CAAC,CAAQ,CAAA,CAC5G,KACN,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAU,sBAAhB,CACG,GAAU,IAAI,MAAE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,6DAAqD,EAAW,EAAM,CAAC,CAAQ,CAAA,CAC5G,GACH,GAET,CACD,CAAA,CAEJ,CAAA,GACD,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAe,OAAM,KAAM,EAAO,kBAAmB,CAAU,CAAA,CACnD,GACA,CAAA"}

package/dist/country-C8QijcHF.d.mts

@@ -0,0 +1,21 @@
+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 as t };
+//# sourceMappingURL=country-C8QijcHF.d.mts.map

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-CKLQ_lxN.mjs

@@ -0,0 +1,2 @@
+import{Y as e}from"./tables-9d53sH9E.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-CKLQ_lxN.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-display-CKLQ_lxN.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/currency-display-CZ6PJAzu.cjs

@@ -0,0 +1,2 @@
+const e=require("./tables-B1O9qy-m.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-CZ6PJAzu.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"currency-display-CZ6PJAzu.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/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 };