@customafk/lunas-ui 0.2.75 → 0.2.77

package/dist/{breadcrumb-CSpScKZm.d.cts → breadcrumb-DEFTnz90.d.cts}

@@ -22,48 +22,25 @@
  * </Breadcrumb>
  * ```
  */
-declare function Breadcrumb({
-  className,
-  ...props
-}: React.ComponentProps<'nav'>): import("react").JSX.Element;
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>): import("react").JSX.Element;
 /** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
-declare function BreadcrumbList({
-  className,
-  ...props
-}: React.ComponentProps<'ol'>): import("react").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react").JSX.Element;
 /** Individual `<li>` item wrapper inside a BreadcrumbList. */
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 /**
  * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.
  *
  * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.
  */
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
   asChild?: boolean;
 }): import("react").JSX.Element;
 /** Non-interactive span representing the current page; sets `aria-current="page"`. */
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react").JSX.Element;
 /** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 /** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): import("react").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
-//# sourceMappingURL=breadcrumb-CSpScKZm.d.cts.map
+//# sourceMappingURL=breadcrumb-DEFTnz90.d.cts.map

package/dist/{breadcrumb-CSpScKZm.d.mts → breadcrumb-DEFTnz90.d.mts}

@@ -22,48 +22,25 @@
  * </Breadcrumb>
  * ```
  */
-declare function Breadcrumb({
-  className,
-  ...props
-}: React.ComponentProps<'nav'>): import("react").JSX.Element;
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>): import("react").JSX.Element;
 /** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
-declare function BreadcrumbList({
-  className,
-  ...props
-}: React.ComponentProps<'ol'>): import("react").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react").JSX.Element;
 /** Individual `<li>` item wrapper inside a BreadcrumbList. */
-declare function BreadcrumbItem({
-  className,
-  ...props
-}: React.ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 /**
  * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.
  *
  * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.
  */
-declare function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}: React.ComponentProps<'a'> & {
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
   asChild?: boolean;
 }): import("react").JSX.Element;
 /** Non-interactive span representing the current page; sets `aria-current="page"`. */
-declare function BreadcrumbPage({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react").JSX.Element;
 /** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
-declare function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react").JSX.Element;
 /** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): import("react").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>): import("react").JSX.Element;
 //#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
-//# sourceMappingURL=breadcrumb-CSpScKZm.d.mts.map
+//# sourceMappingURL=breadcrumb-DEFTnz90.d.mts.map

package/dist/{button-Bk4Y6_9I.d.cts → button-BnoPktln.d.cts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/button.variants.d.ts
 /**
  * Button variants definition for styling using class-variance-authority
@@ -153,19 +152,7 @@ interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
  * }
  * ```
  */
-declare function Button({
-  className,
-  variant,
-  size,
-  color,
-  asChild,
-  isLoading,
-  children,
-  disabled,
-  type,
-  innerClassName,
-  ...props
-}: ButtonProps): import("react").JSX.Element;
+declare function Button({ className, variant, size, color, asChild, isLoading, children, disabled, type, innerClassName, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-Bk4Y6_9I.d.cts.map
+//# sourceMappingURL=button-BnoPktln.d.cts.map

package/dist/{button-Bk4Y6_9I.d.mts → button-BnoPktln.d.mts}

@@ -1,5 +1,4 @@
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/button.variants.d.ts
 /**
  * Button variants definition for styling using class-variance-authority
@@ -153,19 +152,7 @@ interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
  * }
  * ```
  */
-declare function Button({
-  className,
-  variant,
-  size,
-  color,
-  asChild,
-  isLoading,
-  children,
-  disabled,
-  type,
-  innerClassName,
-  ...props
-}: ButtonProps): import("react").JSX.Element;
+declare function Button({ className, variant, size, color, asChild, isLoading, children, disabled, type, innerClassName, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-Bk4Y6_9I.d.mts.map
+//# sourceMappingURL=button-BnoPktln.d.mts.map

package/dist/{button-group-Cd5m5G3p.d.mts → button-group-Br7Cye6b.d.mts}

@@ -1,6 +1,5 @@
-import { t as Separator } from "./separator-D6_fMJtM.mjs";
+import { t as Separator } from "./separator-Cvxkpzrj.mjs";
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
@@ -20,29 +19,17 @@ declare const buttonGroupVariants: (props?: ({
  * </ButtonGroup>
  * ```
  */
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
 /**
  * A static text or icon addon rendered inside a ButtonGroup with muted background styling.
  *
  * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.
  */
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
   asChild?: boolean;
 }): import("react").JSX.Element;
 /** A visual Separator rendered between items inside a ButtonGroup. */
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
 //#endregion
 export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
-//# sourceMappingURL=button-group-Cd5m5G3p.d.mts.map
+//# sourceMappingURL=button-group-Br7Cye6b.d.mts.map

package/dist/{button-group-CiKhLVCg.d.cts → button-group-CP48qR0o.d.cts}

@@ -1,6 +1,5 @@
-import { t as Separator } from "./separator-D6_fMJtM.cjs";
+import { t as Separator } from "./separator-Cvxkpzrj.cjs";
 import { VariantProps } from "class-variance-authority";
-
 //#region packages/components/ui/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
@@ -20,29 +19,17 @@ declare const buttonGroupVariants: (props?: ({
  * </ButtonGroup>
  * ```
  */
-declare function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
 /**
  * A static text or icon addon rendered inside a ButtonGroup with muted background styling.
  *
  * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.
  */
-declare function ButtonGroupText({
-  className,
-  asChild,
-  ...props
-}: React.ComponentProps<'div'> & {
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
   asChild?: boolean;
 }): import("react").JSX.Element;
 /** A visual Separator rendered between items inside a ButtonGroup. */
-declare function ButtonGroupSeparator({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
 //#endregion
 export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };
-//# sourceMappingURL=button-group-CiKhLVCg.d.cts.map
+//# sourceMappingURL=button-group-CP48qR0o.d.cts.map

package/dist/{calendar-DPKt7D3w.d.mts → calendar-BkV5hTX2.d.mts}

@@ -1,14 +1,7 @@
-import { t as Button } from "./button-Bk4Y6_9I.mjs";
+import { t as Button } from "./button-BnoPktln.mjs";
 import { DayButton, DayPicker } from "react-day-picker";
-
 //#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => import("react").JSX.Element;
+declare const CalendarDayButton: ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => import("react").JSX.Element;
 /**
  * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
  *
@@ -26,18 +19,10 @@ declare const CalendarDayButton: ({
  * />
  * ```
  */
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  /** Variant applied to the previous/next navigation buttons. */buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+  /** Variant applied to the previous/next navigation buttons. */
+  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
 }): import("react").JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };
-//# sourceMappingURL=calendar-DPKt7D3w.d.mts.map
+//# sourceMappingURL=calendar-BkV5hTX2.d.mts.map

package/dist/{calendar-stv2bJv0.d.cts → calendar-iDMPT1kI.d.cts}

@@ -1,14 +1,7 @@
-import { t as Button } from "./button-Bk4Y6_9I.cjs";
+import { t as Button } from "./button-BnoPktln.cjs";
 import { DayButton, DayPicker } from "react-day-picker";
-
 //#region packages/components/ui/calendar.d.ts
-declare const CalendarDayButton: ({
-  className,
-  day,
-  modifiers,
-  color: _,
-  ...props
-}: React.ComponentProps<typeof DayButton>) => import("react").JSX.Element;
+declare const CalendarDayButton: ({ className, day, modifiers, color: _, ...props }: React.ComponentProps<typeof DayButton>) => import("react").JSX.Element;
 /**
  * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
  *
@@ -26,18 +19,10 @@ declare const CalendarDayButton: ({
  * />
  * ```
  */
-declare function Calendar({
-  className,
-  classNames,
-  showOutsideDays,
-  captionLayout,
-  buttonVariant,
-  formatters,
-  components,
-  ...props
-}: React.ComponentProps<typeof DayPicker> & {
-  /** Variant applied to the previous/next navigation buttons. */buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+  /** Variant applied to the previous/next navigation buttons. */
+  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
 }): import("react").JSX.Element;
 //#endregion
 export { CalendarDayButton as n, Calendar as t };
-//# sourceMappingURL=calendar-stv2bJv0.d.cts.map
+//# sourceMappingURL=calendar-iDMPT1kI.d.cts.map

package/dist/candlestick-chart-CiBiCU3y.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"candlestick-chart-CiBiCU3y.mjs","names":[],"sources":["../packages/components/features/charts/components/candlestick-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 { Bar, CartesianGrid, ComposedChart, useXAxisScale, useYAxisScale, XAxis, YAxis } from 'recharts';\nimport type { BaseChartProps, OHLCPoint } from '../types';\nimport { getDirectionColor, toDateLabel } from '../utils';\n\ntype CandlestickSeriesProps = {\n  data: OHLCPoint[];\n  upColor: string;\n  downColor: string;\n};\n\n/** Draws candle wicks + bodies directly against the chart's computed axis scales (recharts v3 pattern). */\nconst CandlestickSeries = ({ data, upColor, downColor }: CandlestickSeriesProps) => {\n  const xScale = useXAxisScale();\n  const yScale = useYAxisScale();\n\n  if (!xScale || !yScale) return null;\n\n  return (\n    <g>\n      {data.map(point => {\n        const xStart = xScale(point.date, { position: 'start' });\n        const xEnd = xScale(point.date, { position: 'end' });\n        const yHigh = yScale(point.high);\n        const yLow = yScale(point.low);\n        const yOpen = yScale(point.open);\n        const yClose = yScale(point.close);\n        if (xStart === undefined || xEnd === undefined || yHigh === undefined || yLow === undefined || yOpen === undefined || yClose === undefined) {\n          return null;\n        }\n\n        const bandWidth = xEnd - xStart;\n        const bodyWidth = Math.max(bandWidth * 0.6, 2);\n        const xCenter = xStart + bandWidth / 2;\n        const color = getDirectionColor(point.close, point.open, { up: upColor, down: downColor });\n        const bodyTop = Math.min(yOpen, yClose);\n        const bodyHeight = Math.max(Math.abs(yClose - yOpen), 1);\n\n        return (\n          <g key={`${point.date}`}>\n            <line x1={xCenter} x2={xCenter} y1={yHigh} y2={yLow} stroke={color} strokeWidth={1} />\n            <rect x={xCenter - bodyWidth / 2} y={bodyTop} width={bodyWidth} height={bodyHeight} fill={color} />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n\nexport type CandlestickChartProps = BaseChartProps & {\n  data: OHLCPoint[];\n  /** Series label used in the theme config. Defaults to `'Price'`. */\n  label?: string;\n  upColor?: string;\n  downColor?: string;\n  valueFormatter?: (value: number) => string;\n  dateFormatter?: (date: string | Date) => string;\n  showGrid?: boolean;\n};\n\n/**\n * A stock candlestick chart — open/high/low/close per period, green/red bodies, high-low wicks.\n * Recharts has no native candlestick type, so bodies and wicks are drawn against the chart's\n * computed axis scales via `useXAxisScale`/`useYAxisScale` (recharts v3).\n *\n * @example\n * ```tsx\n * import { CandlestickChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CandlestickChart\n *   data={[\n *     { date: '2026-06-01', open: 140, high: 146.2, low: 138.5, close: 144.9 },\n *     { date: '2026-06-02', open: 144.9, high: 145.6, low: 141.2, close: 142.1 },\n *   ]}\n * />\n * ```\n */\nexport const CandlestickChart = ({\n  data,\n  label = 'Price',\n  upColor = 'var(--success)',\n  downColor = 'var(--danger)',\n  valueFormatter = value => value.toLocaleString('en-US'),\n  dateFormatter = toDateLabel,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CandlestickChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ close: { label, color: upColor } }), [label, upColor]);\n\n  const yDomain = useMemo<[number, number]>(() => {\n    if (data.length === 0) return [0, 1];\n    const min = Math.min(...data.map(point => point.low));\n    const max = Math.max(...data.map(point => point.high));\n    const padding = (max - min) * 0.08 || Math.max(max, 1) * 0.08;\n    return [min - padding, max + padding];\n  }, [data]);\n\n  return (\n    <ChartContainer\n      data-slot=\"candlestick-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ComposedChart data={data} margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid vertical={false} />}\n        <XAxis dataKey=\"date\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={dateFormatter} />\n        <YAxis domain={yDomain} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={valueFormatter} />\n        <ChartTooltip\n          cursor={false}\n          content={\n            <ChartTooltipContent\n              hideIndicator\n              labelFormatter={(_, payload) => {\n                const date = payload?.[0]?.payload?.date;\n                return date ? dateFormatter(date) : null;\n              }}\n              formatter={(_value, _name, item) => {\n                const point = item.payload as OHLCPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    <span className=\"text-muted\">\n                      O <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.open)}</span> H{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.high)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      L <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.low)}</span> C{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.close)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        {/* Invisible series so the Tooltip has a graphical item to attach to; payload still carries the full OHLC row. */}\n        <Bar dataKey=\"close\" fill=\"transparent\" isAnimationActive={animate} />\n        <CandlestickSeries data={data} upColor={upColor} downColor={downColor} />\n      </ComposedChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"candlestick-chart-CiBiCU3y.mjs","names":[],"sources":["../packages/components/features/charts/components/candlestick-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 { Bar, CartesianGrid, ComposedChart, useXAxisScale, useYAxisScale, XAxis, YAxis } from 'recharts';\nimport type { BaseChartProps, OHLCPoint } from '../types';\nimport { getDirectionColor, toDateLabel } from '../utils';\n\ntype CandlestickSeriesProps = {\n  data: OHLCPoint[];\n  upColor: string;\n  downColor: string;\n};\n\n/** Draws candle wicks + bodies directly against the chart's computed axis scales (recharts v3 pattern). */\nconst CandlestickSeries = ({ data, upColor, downColor }: CandlestickSeriesProps) => {\n  const xScale = useXAxisScale();\n  const yScale = useYAxisScale();\n\n  if (!xScale || !yScale) return null;\n\n  return (\n    <g>\n      {data.map(point => {\n        const xStart = xScale(point.date, { position: 'start' });\n        const xEnd = xScale(point.date, { position: 'end' });\n        const yHigh = yScale(point.high);\n        const yLow = yScale(point.low);\n        const yOpen = yScale(point.open);\n        const yClose = yScale(point.close);\n        if (xStart === undefined || xEnd === undefined || yHigh === undefined || yLow === undefined || yOpen === undefined || yClose === undefined) {\n          return null;\n        }\n\n        const bandWidth = xEnd - xStart;\n        const bodyWidth = Math.max(bandWidth * 0.6, 2);\n        const xCenter = xStart + bandWidth / 2;\n        const color = getDirectionColor(point.close, point.open, { up: upColor, down: downColor });\n        const bodyTop = Math.min(yOpen, yClose);\n        const bodyHeight = Math.max(Math.abs(yClose - yOpen), 1);\n\n        return (\n          <g key={`${point.date}`}>\n            <line x1={xCenter} x2={xCenter} y1={yHigh} y2={yLow} stroke={color} strokeWidth={1} />\n            <rect x={xCenter - bodyWidth / 2} y={bodyTop} width={bodyWidth} height={bodyHeight} fill={color} />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n\nexport type CandlestickChartProps = BaseChartProps & {\n  data: OHLCPoint[];\n  /** Series label used in the theme config. Defaults to `'Price'`. */\n  label?: string;\n  upColor?: string;\n  downColor?: string;\n  valueFormatter?: (value: number) => string;\n  dateFormatter?: (date: string | Date) => string;\n  showGrid?: boolean;\n};\n\n/**\n * A stock candlestick chart — open/high/low/close per period, green/red bodies, high-low wicks.\n * Recharts has no native candlestick type, so bodies and wicks are drawn against the chart's\n * computed axis scales via `useXAxisScale`/`useYAxisScale` (recharts v3).\n *\n * @example\n * ```tsx\n * import { CandlestickChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CandlestickChart\n *   data={[\n *     { date: '2026-06-01', open: 140, high: 146.2, low: 138.5, close: 144.9 },\n *     { date: '2026-06-02', open: 144.9, high: 145.6, low: 141.2, close: 142.1 },\n *   ]}\n * />\n * ```\n */\nexport const CandlestickChart = ({\n  data,\n  label = 'Price',\n  upColor = 'var(--success)',\n  downColor = 'var(--danger)',\n  valueFormatter = value => value.toLocaleString('en-US'),\n  dateFormatter = toDateLabel,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CandlestickChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ close: { label, color: upColor } }), [label, upColor]);\n\n  const yDomain = useMemo<[number, number]>(() => {\n    if (data.length === 0) return [0, 1];\n    const min = Math.min(...data.map(point => point.low));\n    const max = Math.max(...data.map(point => point.high));\n    const padding = (max - min) * 0.08 || Math.max(max, 1) * 0.08;\n    return [min - padding, max + padding];\n  }, [data]);\n\n  return (\n    <ChartContainer\n      data-slot=\"candlestick-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ComposedChart data={data} margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid vertical={false} />}\n        <XAxis dataKey=\"date\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={dateFormatter} />\n        <YAxis domain={yDomain} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={valueFormatter} />\n        <ChartTooltip\n          cursor={false}\n          content={\n            <ChartTooltipContent\n              hideIndicator\n              labelFormatter={(_, payload) => {\n                const date = payload?.[0]?.payload?.date;\n                return date ? dateFormatter(date) : null;\n              }}\n              formatter={(_value, _name, item) => {\n                const point = item.payload as OHLCPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    <span className=\"text-muted\">\n                      O <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.open)}</span> H{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.high)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      L <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.low)}</span> C{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.close)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        {/* Invisible series so the Tooltip has a graphical item to attach to; payload still carries the full OHLC row. */}\n        <Bar dataKey=\"close\" fill=\"transparent\" isAnimationActive={animate} />\n        <CandlestickSeries data={data} upColor={upColor} downColor={downColor} />\n      </ComposedChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/candlestick-chart-CqmRkfXj.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"candlestick-chart-CqmRkfXj.cjs","names":["getDirectionColor","toDateLabel","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","Bar"],"sources":["../packages/components/features/charts/components/candlestick-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 { Bar, CartesianGrid, ComposedChart, useXAxisScale, useYAxisScale, XAxis, YAxis } from 'recharts';\nimport type { BaseChartProps, OHLCPoint } from '../types';\nimport { getDirectionColor, toDateLabel } from '../utils';\n\ntype CandlestickSeriesProps = {\n  data: OHLCPoint[];\n  upColor: string;\n  downColor: string;\n};\n\n/** Draws candle wicks + bodies directly against the chart's computed axis scales (recharts v3 pattern). */\nconst CandlestickSeries = ({ data, upColor, downColor }: CandlestickSeriesProps) => {\n  const xScale = useXAxisScale();\n  const yScale = useYAxisScale();\n\n  if (!xScale || !yScale) return null;\n\n  return (\n    <g>\n      {data.map(point => {\n        const xStart = xScale(point.date, { position: 'start' });\n        const xEnd = xScale(point.date, { position: 'end' });\n        const yHigh = yScale(point.high);\n        const yLow = yScale(point.low);\n        const yOpen = yScale(point.open);\n        const yClose = yScale(point.close);\n        if (xStart === undefined || xEnd === undefined || yHigh === undefined || yLow === undefined || yOpen === undefined || yClose === undefined) {\n          return null;\n        }\n\n        const bandWidth = xEnd - xStart;\n        const bodyWidth = Math.max(bandWidth * 0.6, 2);\n        const xCenter = xStart + bandWidth / 2;\n        const color = getDirectionColor(point.close, point.open, { up: upColor, down: downColor });\n        const bodyTop = Math.min(yOpen, yClose);\n        const bodyHeight = Math.max(Math.abs(yClose - yOpen), 1);\n\n        return (\n          <g key={`${point.date}`}>\n            <line x1={xCenter} x2={xCenter} y1={yHigh} y2={yLow} stroke={color} strokeWidth={1} />\n            <rect x={xCenter - bodyWidth / 2} y={bodyTop} width={bodyWidth} height={bodyHeight} fill={color} />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n\nexport type CandlestickChartProps = BaseChartProps & {\n  data: OHLCPoint[];\n  /** Series label used in the theme config. Defaults to `'Price'`. */\n  label?: string;\n  upColor?: string;\n  downColor?: string;\n  valueFormatter?: (value: number) => string;\n  dateFormatter?: (date: string | Date) => string;\n  showGrid?: boolean;\n};\n\n/**\n * A stock candlestick chart — open/high/low/close per period, green/red bodies, high-low wicks.\n * Recharts has no native candlestick type, so bodies and wicks are drawn against the chart's\n * computed axis scales via `useXAxisScale`/`useYAxisScale` (recharts v3).\n *\n * @example\n * ```tsx\n * import { CandlestickChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CandlestickChart\n *   data={[\n *     { date: '2026-06-01', open: 140, high: 146.2, low: 138.5, close: 144.9 },\n *     { date: '2026-06-02', open: 144.9, high: 145.6, low: 141.2, close: 142.1 },\n *   ]}\n * />\n * ```\n */\nexport const CandlestickChart = ({\n  data,\n  label = 'Price',\n  upColor = 'var(--success)',\n  downColor = 'var(--danger)',\n  valueFormatter = value => value.toLocaleString('en-US'),\n  dateFormatter = toDateLabel,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CandlestickChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ close: { label, color: upColor } }), [label, upColor]);\n\n  const yDomain = useMemo<[number, number]>(() => {\n    if (data.length === 0) return [0, 1];\n    const min = Math.min(...data.map(point => point.low));\n    const max = Math.max(...data.map(point => point.high));\n    const padding = (max - min) * 0.08 || Math.max(max, 1) * 0.08;\n    return [min - padding, max + padding];\n  }, [data]);\n\n  return (\n    <ChartContainer\n      data-slot=\"candlestick-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ComposedChart data={data} margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid vertical={false} />}\n        <XAxis dataKey=\"date\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={dateFormatter} />\n        <YAxis domain={yDomain} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={valueFormatter} />\n        <ChartTooltip\n          cursor={false}\n          content={\n            <ChartTooltipContent\n              hideIndicator\n              labelFormatter={(_, payload) => {\n                const date = payload?.[0]?.payload?.date;\n                return date ? dateFormatter(date) : null;\n              }}\n              formatter={(_value, _name, item) => {\n                const point = item.payload as OHLCPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    <span className=\"text-muted\">\n                      O <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.open)}</span> H{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.high)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      L <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.low)}</span> C{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.close)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        {/* Invisible series so the Tooltip has a graphical item to attach to; payload still carries the full OHLC row. */}\n        <Bar dataKey=\"close\" fill=\"transparent\" isAnimationActive={animate} />\n        <CandlestickSeries data={data} upColor={upColor} downColor={downColor} />\n      </ComposedChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"candlestick-chart-CqmRkfXj.cjs","names":["getDirectionColor","toDateLabel","ChartContainer","ComposedChart","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","Bar"],"sources":["../packages/components/features/charts/components/candlestick-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 { Bar, CartesianGrid, ComposedChart, useXAxisScale, useYAxisScale, XAxis, YAxis } from 'recharts';\nimport type { BaseChartProps, OHLCPoint } from '../types';\nimport { getDirectionColor, toDateLabel } from '../utils';\n\ntype CandlestickSeriesProps = {\n  data: OHLCPoint[];\n  upColor: string;\n  downColor: string;\n};\n\n/** Draws candle wicks + bodies directly against the chart's computed axis scales (recharts v3 pattern). */\nconst CandlestickSeries = ({ data, upColor, downColor }: CandlestickSeriesProps) => {\n  const xScale = useXAxisScale();\n  const yScale = useYAxisScale();\n\n  if (!xScale || !yScale) return null;\n\n  return (\n    <g>\n      {data.map(point => {\n        const xStart = xScale(point.date, { position: 'start' });\n        const xEnd = xScale(point.date, { position: 'end' });\n        const yHigh = yScale(point.high);\n        const yLow = yScale(point.low);\n        const yOpen = yScale(point.open);\n        const yClose = yScale(point.close);\n        if (xStart === undefined || xEnd === undefined || yHigh === undefined || yLow === undefined || yOpen === undefined || yClose === undefined) {\n          return null;\n        }\n\n        const bandWidth = xEnd - xStart;\n        const bodyWidth = Math.max(bandWidth * 0.6, 2);\n        const xCenter = xStart + bandWidth / 2;\n        const color = getDirectionColor(point.close, point.open, { up: upColor, down: downColor });\n        const bodyTop = Math.min(yOpen, yClose);\n        const bodyHeight = Math.max(Math.abs(yClose - yOpen), 1);\n\n        return (\n          <g key={`${point.date}`}>\n            <line x1={xCenter} x2={xCenter} y1={yHigh} y2={yLow} stroke={color} strokeWidth={1} />\n            <rect x={xCenter - bodyWidth / 2} y={bodyTop} width={bodyWidth} height={bodyHeight} fill={color} />\n          </g>\n        );\n      })}\n    </g>\n  );\n};\n\nexport type CandlestickChartProps = BaseChartProps & {\n  data: OHLCPoint[];\n  /** Series label used in the theme config. Defaults to `'Price'`. */\n  label?: string;\n  upColor?: string;\n  downColor?: string;\n  valueFormatter?: (value: number) => string;\n  dateFormatter?: (date: string | Date) => string;\n  showGrid?: boolean;\n};\n\n/**\n * A stock candlestick chart — open/high/low/close per period, green/red bodies, high-low wicks.\n * Recharts has no native candlestick type, so bodies and wicks are drawn against the chart's\n * computed axis scales via `useXAxisScale`/`useYAxisScale` (recharts v3).\n *\n * @example\n * ```tsx\n * import { CandlestickChart } from '@customafk/lunas-ui/features/charts';\n *\n * <CandlestickChart\n *   data={[\n *     { date: '2026-06-01', open: 140, high: 146.2, low: 138.5, close: 144.9 },\n *     { date: '2026-06-02', open: 144.9, high: 145.6, low: 141.2, close: 142.1 },\n *   ]}\n * />\n * ```\n */\nexport const CandlestickChart = ({\n  data,\n  label = 'Price',\n  upColor = 'var(--success)',\n  downColor = 'var(--danger)',\n  valueFormatter = value => value.toLocaleString('en-US'),\n  dateFormatter = toDateLabel,\n  showGrid = true,\n  className,\n  animate = true,\n  height,\n}: CandlestickChartProps) => {\n  const config = useMemo<ChartConfig>(() => ({ close: { label, color: upColor } }), [label, upColor]);\n\n  const yDomain = useMemo<[number, number]>(() => {\n    if (data.length === 0) return [0, 1];\n    const min = Math.min(...data.map(point => point.low));\n    const max = Math.max(...data.map(point => point.high));\n    const padding = (max - min) * 0.08 || Math.max(max, 1) * 0.08;\n    return [min - padding, max + padding];\n  }, [data]);\n\n  return (\n    <ChartContainer\n      data-slot=\"candlestick-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <ComposedChart data={data} margin={{ top: 8, right: 12, bottom: 0, left: 12 }}>\n        {showGrid && <CartesianGrid vertical={false} />}\n        <XAxis dataKey=\"date\" tickLine={false} axisLine={false} tickMargin={8} tickFormatter={dateFormatter} />\n        <YAxis domain={yDomain} tickLine={false} axisLine={false} tickMargin={8} width={64} tickFormatter={valueFormatter} />\n        <ChartTooltip\n          cursor={false}\n          content={\n            <ChartTooltipContent\n              hideIndicator\n              labelFormatter={(_, payload) => {\n                const date = payload?.[0]?.payload?.date;\n                return date ? dateFormatter(date) : null;\n              }}\n              formatter={(_value, _name, item) => {\n                const point = item.payload as OHLCPoint;\n                return (\n                  <div className=\"grid gap-0.5\">\n                    <span className=\"text-muted\">\n                      O <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.open)}</span> H{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.high)}</span>\n                    </span>\n                    <span className=\"text-muted\">\n                      L <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.low)}</span> C{' '}\n                      <span className=\"font-number text-text-positive-strong\">{valueFormatter(point.close)}</span>\n                    </span>\n                  </div>\n                );\n              }}\n            />\n          }\n        />\n        {/* Invisible series so the Tooltip has a graphical item to attach to; payload still carries the full OHLC row. */}\n        <Bar dataKey=\"close\" fill=\"transparent\" isAnimationActive={animate} />\n        <CandlestickSeries data={data} upColor={upColor} downColor={downColor} />\n      </ComposedChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"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"}

package/dist/{card-DOnx7RKz.d.cts → card-C7jG9mCZ.d.cts}

@@ -21,40 +21,19 @@
  * </Card>
  * ```
  */
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Top section of the card that holds the title, description, and optional action slot. */
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Primary heading for the card, styled with the h3 heading variant. */
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Muted supporting text displayed beneath the card title. */
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Main body area of the card with horizontal padding for content alignment. */
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Bottom section of the card, typically used for supplementary text or secondary actions. */
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
-//# sourceMappingURL=card-DOnx7RKz.d.cts.map
+//# sourceMappingURL=card-C7jG9mCZ.d.cts.map

package/dist/{card-DOnx7RKz.d.mts → card-C7jG9mCZ.d.mts}

@@ -21,40 +21,19 @@
  * </Card>
  * ```
  */
-declare function Card({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Top section of the card that holds the title, description, and optional action slot. */
-declare function CardHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Primary heading for the card, styled with the h3 heading variant. */
-declare function CardTitle({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Muted supporting text displayed beneath the card title. */
-declare function CardDescription({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Optional slot in the card header for a contextual action (e.g. a button or menu); positioned in the top-right grid cell. */
-declare function CardAction({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Main body area of the card with horizontal padding for content alignment. */
-declare function CardContent({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 /** Bottom section of the card, typically used for supplementary text or secondary actions. */
-declare function CardFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { CardFooter as a, CardDescription as i, CardAction as n, CardHeader as o, CardContent as r, CardTitle as s, Card as t };
-//# sourceMappingURL=card-DOnx7RKz.d.mts.map
+//# sourceMappingURL=card-C7jG9mCZ.d.mts.map

package/dist/card-form-BR5kDTzB.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"card-form-BR5kDTzB.cjs","names":["Separator","Button","Trash2Icon"],"sources":["../packages/components/features/tanstack-form/components/forms/card-form.tsx"],"sourcesContent":["'use client';\n\nimport { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { Separator } from '../ui/separator';\n\n/**\n * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.\n *\n * @example\n * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <TanStackCardForm\n *   title=\"Shipping Address\"\n *   description=\"Where should we deliver your order?\"\n *   onDelete={() => removeAddress(id)}\n * >\n *   <TextField name=\"street\" />\n * </TanStackCardForm>\n */\nexport const TanStackCardForm: React.FC<\n  React.PropsWithChildren<{\n    /** Bold heading text shown at the top of the card. */\n    title: string;\n    /** Optional secondary text rendered beneath the title. */\n    description?: string;\n    /** When provided, renders a danger \"Remove\" button in the card's top-right corner. */\n    onDelete?: () => void | Promise<void>;\n  }>\n> = ({ title, description, onDelete, children }) => {\n  return (\n    <section data-slot=\"card-form\" className=\"relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border\">\n      <div data-slot=\"card-form-header\" className=\"flex flex-col space-y-0.5 px-4 py-3\">\n        <p className=\"font-semibold text-base tracking-tight\">{title}</p>\n        {!!description && <p className=\"text-text-positive-weak text-sm\">{description}</p>}\n      </div>\n      <Separator />\n      <div data-slot=\"card-form-main\" className=\"flex flex-col py-4\">\n        {children}\n      </div>\n      {!!onDelete && (\n        <Button\n          color=\"danger\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"absolute top-2.5 right-3\"\n          onClick={e => {\n            onDelete?.();\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <Trash2Icon />\n          Remove\n        </Button>\n      )}\n    </section>\n  );\n};\n"],"mappings":"sIAsBA,MAAa,GASR,CAAE,QAAO,cAAa,WAAU,eAEjC,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,YAAU,YAAY,UAAU,yFAAzC,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,mBAAmB,UAAU,+CAA5C,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,kDAA0C,CAAS,CAAA,EAC/D,CAAC,CAAC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,2CAAmC,CAAe,CAAA,CAC9E,KACL,EAAA,EAAA,IAAA,CAACA,EAAAA,EAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,iBAAiB,UAAU,qBACvC,UACE,CAAA,EACJ,CAAC,CAAC,IACD,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAD,CACE,MAAM,SACN,QAAQ,QACR,KAAK,KACL,UAAU,2BACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,WATF,EAWE,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAa,CAAA,EAAC,QAER,GAEH"}
+{"version":3,"file":"card-form-BR5kDTzB.cjs","names":["Separator","Button","Trash2Icon"],"sources":["../packages/components/features/tanstack-form/components/forms/card-form.tsx"],"sourcesContent":["'use client';\n\nimport { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { Separator } from '../ui/separator';\n\n/**\n * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.\n *\n * @example\n * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <TanStackCardForm\n *   title=\"Shipping Address\"\n *   description=\"Where should we deliver your order?\"\n *   onDelete={() => removeAddress(id)}\n * >\n *   <TextField name=\"street\" />\n * </TanStackCardForm>\n */\nexport const TanStackCardForm: React.FC<\n  React.PropsWithChildren<{\n    /** Bold heading text shown at the top of the card. */\n    title: string;\n    /** Optional secondary text rendered beneath the title. */\n    description?: string;\n    /** When provided, renders a danger \"Remove\" button in the card's top-right corner. */\n    onDelete?: () => void | Promise<void>;\n  }>\n> = ({ title, description, onDelete, children }) => {\n  return (\n    <section data-slot=\"card-form\" className=\"relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border\">\n      <div data-slot=\"card-form-header\" className=\"flex flex-col space-y-0.5 px-4 py-3\">\n        <p className=\"font-semibold text-base tracking-tight\">{title}</p>\n        {!!description && <p className=\"text-text-positive-weak text-sm\">{description}</p>}\n      </div>\n      <Separator />\n      <div data-slot=\"card-form-main\" className=\"flex flex-col py-4\">\n        {children}\n      </div>\n      {!!onDelete && (\n        <Button\n          color=\"danger\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"absolute top-2.5 right-3\"\n          onClick={e => {\n            onDelete?.();\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <Trash2Icon />\n          Remove\n        </Button>\n      )}\n    </section>\n  );\n};\n"],"mappings":"sIAsBA,MAAa,GASR,CAAE,QAAO,cAAa,WAAU,eAEjC,EAAA,EAAA,KAAA,CAAC,UAAD,CAAS,YAAU,YAAY,UAAU,gFAAzC,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,mBAAmB,UAAU,sCAA5C,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,yCAA0C,SAAA,CAAS,CAAA,EAC/D,CAAC,CAAC,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,kCAAmC,SAAA,CAAe,CAAA,CAC9E,KACL,EAAA,EAAA,IAAA,CAACA,EAAAA,EAAD,CAAY,CAAA,GACZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,iBAAiB,UAAU,qBACvC,UACE,CAAA,EACJ,CAAC,CAAC,IACD,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAD,CACE,MAAM,SACN,QAAQ,QACR,KAAK,KACL,UAAU,2BACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,EATF,SAAA,EAWE,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAa,CAAA,EAAC,QAER,GAEH"}

package/dist/card-form-D9fNO-6F.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card-form-D9fNO-6F.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/card-form.tsx"],"sourcesContent":["'use client';\n\nimport { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { Separator } from '../ui/separator';\n\n/**\n * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.\n *\n * @example\n * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <TanStackCardForm\n *   title=\"Shipping Address\"\n *   description=\"Where should we deliver your order?\"\n *   onDelete={() => removeAddress(id)}\n * >\n *   <TextField name=\"street\" />\n * </TanStackCardForm>\n */\nexport const TanStackCardForm: React.FC<\n  React.PropsWithChildren<{\n    /** Bold heading text shown at the top of the card. */\n    title: string;\n    /** Optional secondary text rendered beneath the title. */\n    description?: string;\n    /** When provided, renders a danger \"Remove\" button in the card's top-right corner. */\n    onDelete?: () => void | Promise<void>;\n  }>\n> = ({ title, description, onDelete, children }) => {\n  return (\n    <section data-slot=\"card-form\" className=\"relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border\">\n      <div data-slot=\"card-form-header\" className=\"flex flex-col space-y-0.5 px-4 py-3\">\n        <p className=\"font-semibold text-base tracking-tight\">{title}</p>\n        {!!description && <p className=\"text-text-positive-weak text-sm\">{description}</p>}\n      </div>\n      <Separator />\n      <div data-slot=\"card-form-main\" className=\"flex flex-col py-4\">\n        {children}\n      </div>\n      {!!onDelete && (\n        <Button\n          color=\"danger\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"absolute top-2.5 right-3\"\n          onClick={e => {\n            onDelete?.();\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <Trash2Icon />\n          Remove\n        </Button>\n      )}\n    </section>\n  );\n};\n"],"mappings":"6KAsBA,MAAa,GASR,CAAE,QAAO,cAAa,WAAU,cAEjC,EAAC,UAAD,CAAS,YAAU,YAAY,UAAU,yFAAzC,CACE,EAAC,MAAD,CAAK,YAAU,mBAAmB,UAAU,+CAA5C,CACE,EAAC,IAAD,CAAG,UAAU,kDAA0C,CAAS,CAAA,EAC/D,CAAC,CAAC,GAAe,EAAC,IAAD,CAAG,UAAU,2CAAmC,CAAe,CAAA,CAC9E,IACL,EAAC,EAAD,CAAY,CAAA,EACZ,EAAC,MAAD,CAAK,YAAU,iBAAiB,UAAU,qBACvC,UACE,CAAA,EACJ,CAAC,CAAC,GACD,EAAC,EAAD,CACE,MAAM,SACN,QAAQ,QACR,KAAK,KACL,UAAU,2BACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,WATF,CAWE,EAAC,EAAD,CAAa,CAAA,EAAC,QAER,GAEH"}
+{"version":3,"file":"card-form-D9fNO-6F.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/forms/card-form.tsx"],"sourcesContent":["'use client';\n\nimport { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\n\nimport { Separator } from '../ui/separator';\n\n/**\n * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.\n *\n * @example\n * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <TanStackCardForm\n *   title=\"Shipping Address\"\n *   description=\"Where should we deliver your order?\"\n *   onDelete={() => removeAddress(id)}\n * >\n *   <TextField name=\"street\" />\n * </TanStackCardForm>\n */\nexport const TanStackCardForm: React.FC<\n  React.PropsWithChildren<{\n    /** Bold heading text shown at the top of the card. */\n    title: string;\n    /** Optional secondary text rendered beneath the title. */\n    description?: string;\n    /** When provided, renders a danger \"Remove\" button in the card's top-right corner. */\n    onDelete?: () => void | Promise<void>;\n  }>\n> = ({ title, description, onDelete, children }) => {\n  return (\n    <section data-slot=\"card-form\" className=\"relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border\">\n      <div data-slot=\"card-form-header\" className=\"flex flex-col space-y-0.5 px-4 py-3\">\n        <p className=\"font-semibold text-base tracking-tight\">{title}</p>\n        {!!description && <p className=\"text-text-positive-weak text-sm\">{description}</p>}\n      </div>\n      <Separator />\n      <div data-slot=\"card-form-main\" className=\"flex flex-col py-4\">\n        {children}\n      </div>\n      {!!onDelete && (\n        <Button\n          color=\"danger\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"absolute top-2.5 right-3\"\n          onClick={e => {\n            onDelete?.();\n            e.preventDefault();\n            e.stopPropagation();\n          }}\n        >\n          <Trash2Icon />\n          Remove\n        </Button>\n      )}\n    </section>\n  );\n};\n"],"mappings":"6KAsBA,MAAa,GASR,CAAE,QAAO,cAAa,WAAU,cAEjC,EAAC,UAAD,CAAS,YAAU,YAAY,UAAU,gFAAzC,SAAA,CACE,EAAC,MAAD,CAAK,YAAU,mBAAmB,UAAU,sCAA5C,SAAA,CACE,EAAC,IAAD,CAAG,UAAU,yCAA0C,SAAA,CAAS,CAAA,EAC/D,CAAC,CAAC,GAAe,EAAC,IAAD,CAAG,UAAU,kCAAmC,SAAA,CAAe,CAAA,CAC9E,IACL,EAAC,EAAD,CAAY,CAAA,EACZ,EAAC,MAAD,CAAK,YAAU,iBAAiB,UAAU,qBACvC,UACE,CAAA,EACJ,CAAC,CAAC,GACD,EAAC,EAAD,CACE,MAAM,SACN,QAAQ,QACR,KAAK,KACL,UAAU,2BACV,QAAS,GAAK,CACZ,IAAW,EACX,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACpB,EATF,SAAA,CAWE,EAAC,EAAD,CAAa,CAAA,EAAC,QAER,GAEH"}

package/dist/cards/grid-product-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-product-card.cjs","names":["Card","Image","Button","HeartIcon","ShoppingCartIcon"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"6NAuCA,MAAa,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,KAAA,CAACA,EAAAA,KAAD,CAAM,UAAU,+CAAhB,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,UAAU,8BAA8B,IAAK,CAAY,CAAA,GAChE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,wCAAf,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,sEAA8D,CAAQ,CAAA,GACnF,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAU,4CAAb,CACG,EAAM,eAAe,OAAO,GAC7B,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAU,kBAAS,KAAU,CAAA,CACnC,KACH,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,0DAAf,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,mBAC5D,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAY,CAAA,CACN,CAAA,GACR,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAD,CAAQ,UAAU,4CAAlB,EACE,EAAA,EAAA,IAAA,CAACE,EAAAA,iBAAD,CAAmB,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,kCAAyB,cAAe,CAAA,CAC/C,GACL,GACF,GACD"}
+{"version":3,"file":"grid-product-card.cjs","names":["Card","Image","Button","HeartIcon","ShoppingCartIcon"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"6NAuCA,MAAa,GAAoC,CAAE,OAAM,YAAW,YAEhE,EAAA,EAAA,KAAA,CAACA,EAAAA,KAAD,CAAM,UAAU,sCAAhB,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CAAO,UAAU,8BAA8B,IAAK,CAAY,CAAA,GAChE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,6DAA8D,SAAA,CAAQ,CAAA,GACnF,EAAA,EAAA,KAAA,CAAC,IAAD,CAAG,UAAU,mCAAb,SAAA,CACG,EAAM,eAAe,OAAO,GAC7B,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAU,SAAS,SAAA,KAAU,CAAA,CACnC,KACH,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,iDAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAQ,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,SAC5D,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAY,CAAA,CACN,CAAA,GACR,EAAA,EAAA,KAAA,CAACD,EAAAA,OAAD,CAAQ,UAAU,mCAAlB,SAAA,EACE,EAAA,EAAA,IAAA,CAACE,EAAAA,iBAAD,CAAmB,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,yBAAyB,SAAA,cAAe,CAAA,CAC/C,CACL,CAAA,CAAA,GACF,CACD,CAAA,CAAA"}

package/dist/cards/grid-product-card.d.cts

@@ -1,2 +1,2 @@
-import { t as GridProductCard } from "../grid-product-card-bpADqDOQ.cjs";
+import { t as GridProductCard } from "../grid-product-card-P5X8ZPQF.cjs";
 export { GridProductCard };

package/dist/cards/grid-product-card.d.mts

@@ -1,2 +1,2 @@
-import { t as GridProductCard } from "../grid-product-card-bpADqDOQ.mjs";
+import { t as GridProductCard } from "../grid-product-card-P5X8ZPQF.mjs";
 export { GridProductCard };

package/dist/cards/grid-product-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-product-card.mjs","names":["Image"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"yOAuCA,MAAa,GAAoC,CAAE,OAAM,YAAW,WAEhE,EAAC,EAAD,CAAM,UAAU,+CAAhB,CACE,EAACA,EAAD,CAAO,UAAU,8BAA8B,IAAK,CAAY,CAAA,EAChE,EAAC,MAAD,CAAK,UAAU,wCAAf,CACE,EAAC,IAAD,CAAG,UAAU,sEAA8D,CAAQ,CAAA,EACnF,EAAC,IAAD,CAAG,UAAU,4CAAb,CACG,EAAM,eAAe,OAAO,EAC7B,EAAC,QAAD,CAAO,UAAU,kBAAS,KAAU,CAAA,CACnC,IACH,EAAC,MAAD,CAAK,UAAU,0DAAf,CACE,EAAC,EAAD,CAAQ,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,kBAC5D,EAAC,EAAD,CAAY,CAAA,CACN,CAAA,EACR,EAAC,EAAD,CAAQ,UAAU,4CAAlB,CACE,EAAC,EAAD,CAAmB,CAAA,EACnB,EAAC,IAAD,CAAG,UAAU,kCAAyB,cAAe,CAAA,CAC/C,GACL,GACF,GACD"}
+{"version":3,"file":"grid-product-card.mjs","names":["Image"],"sources":["../../packages/components/cards/grid-product-card.tsx"],"sourcesContent":["import { HeartIcon, ShoppingCartIcon } from 'lucide-react';\n\nimport { Button } from '../ui/button';\nimport { Card } from '../ui/card';\nimport { Image } from '../ui/image';\n\ntype Props = {\n  /** Unique identifier for the product. */\n  id: string;\n  /** URL-friendly slug for the product. */\n  slug: string;\n  /** Display name of the product shown on the card. */\n  name: string;\n  /** URL of the product's thumbnail image. */\n  thumbnail: string;\n  /** Regular price of the product in VND. */\n  price: number;\n  /** Optional sale / discounted price in VND. */\n  salePrice?: number;\n  /** Optional sale discount percentage (0–100). */\n  salePercentage?: number;\n};\n\n/**\n * A horizontal (grid-row) product card displaying a thumbnail, name, price, and add-to-cart / favourite actions.\n *\n * @example\n * ```tsx\n * import { GridProductCard } from '@customafk/lunas-ui/cards/grid-product-card';\n *\n * <GridProductCard\n *   id=\"prod-1\"\n *   slug=\"awesome-widget\"\n *   name=\"Awesome Widget\"\n *   thumbnail=\"/images/widget.png\"\n *   price={299000}\n * />\n * ```\n */\nexport const GridProductCard: React.FC<Props> = ({ name, thumbnail, price }) => {\n  return (\n    <Card className=\"h-36 w-full flex-row gap-4 p-2 pr-4\">\n      <Image className=\"aspect-square h-full flex-0\" src={thumbnail} />\n      <div className=\"flex flex-1 flex-col gap-y-1\">\n        <p className=\"line-clamp-2 h-10 font-semibold text-sm text-text-positive\">{name}</p>\n        <p className=\"font-bold text-base text-success\">\n          {price.toLocaleString('vi-VN')}\n          <small className=\"ml-0.5\">VND</small>\n        </p>\n        <div className=\"mb-3 flex flex-1 items-end justify-end gap-x-1\">\n          <Button size=\"icon\" variant=\"outline\" color=\"muted\" className=\"size-9\">\n            <HeartIcon />\n          </Button>\n          <Button className=\"max-w-52 max-sm:size-9 sm:flex-1\">\n            <ShoppingCartIcon />\n            <p className=\"sr-only sm:not-sr-only\">Thêm vào giỏ</p>\n          </Button>\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"mappings":"yOAuCA,MAAa,GAAoC,CAAE,OAAM,YAAW,WAEhE,EAAC,EAAD,CAAM,UAAU,sCAAhB,SAAA,CACE,EAACA,EAAD,CAAO,UAAU,8BAA8B,IAAK,CAAY,CAAA,EAChE,EAAC,MAAD,CAAK,UAAU,+BAAf,SAAA,CACE,EAAC,IAAD,CAAG,UAAU,6DAA8D,SAAA,CAAQ,CAAA,EACnF,EAAC,IAAD,CAAG,UAAU,mCAAb,SAAA,CACG,EAAM,eAAe,OAAO,EAC7B,EAAC,QAAD,CAAO,UAAU,SAAS,SAAA,KAAU,CAAA,CACnC,IACH,EAAC,MAAD,CAAK,UAAU,iDAAf,SAAA,CACE,EAAC,EAAD,CAAQ,KAAK,OAAO,QAAQ,UAAU,MAAM,QAAQ,UAAU,SAC5D,SAAA,EAAC,EAAD,CAAY,CAAA,CACN,CAAA,EACR,EAAC,EAAD,CAAQ,UAAU,mCAAlB,SAAA,CACE,EAAC,EAAD,CAAmB,CAAA,EACnB,EAAC,IAAD,CAAG,UAAU,yBAAyB,SAAA,cAAe,CAAA,CAC/C,CACL,CAAA,CAAA,GACF,CACD,CAAA,CAAA"}