@customafk/lunas-ui 0.2.65 → 0.2.66

package/dist/top-products-bar-chart-CKYaOGWT.mjs

@@ -0,0 +1,2 @@
+import{formatCompactNumber as e}from"./features/charts/index.mjs";import{ChartContainer as t,ChartTooltip as n,ChartTooltipContent as r}from"./ui/chart.mjs";import{useMemo as i}from"react";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{Bar as c,BarChart as l,LabelList as u,XAxis as d,YAxis as f}from"recharts";const p=({data:p,label:m=`Sales`,maxItems:h=8,color:g=`var(--chart-1)`,valueFormatter:_=e,showValueLabels:v=!0,className:y,animate:b=!0,height:x})=>{let S=i(()=>[...p].sort((e,t)=>t.value-e.value).slice(0,h),[p,h]);return o(t,{"data-slot":`top-products-bar-chart`,config:i(()=>({value:{label:m,color:g}}),[m,g]),className:a(`w-full`,y),style:x===void 0?void 0:{height:x,aspectRatio:`auto`},children:s(l,{data:S,layout:`vertical`,margin:{top:0,right:v?48:12,bottom:0,left:12},children:[o(d,{type:`number`,dataKey:`value`,hide:!0}),o(f,{type:`category`,dataKey:`name`,tickLine:!1,axisLine:!1,tickMargin:8,width:120}),o(n,{cursor:!1,content:o(r,{hideLabel:!0})}),o(c,{dataKey:`value`,fill:g,radius:4,isAnimationActive:b,children:v&&o(u,{dataKey:`value`,position:`right`,offset:8,className:`fill-muted-strong`,fontSize:12,formatter:e=>_(Number(e))})})]})})};export{p as TopProductsBarChart};
+//# sourceMappingURL=top-products-bar-chart-CKYaOGWT.mjs.map

package/dist/top-products-bar-chart-CKYaOGWT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-products-bar-chart-CKYaOGWT.mjs","names":[],"sources":["../packages/components/features/charts/components/top-products-bar-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, BarChart, LabelList, XAxis, YAxis } from 'recharts';\nimport type { BaseChartProps, NamedValue } from '../types';\nimport { formatCompactNumber } from '../utils';\n\nexport type TopProductsBarChartProps = BaseChartProps & {\n  data: NamedValue[];\n  /** Series label. Defaults to `'Sales'`. */\n  label?: string;\n  /** Number of items shown after sorting descending. Defaults to `8`. */\n  maxItems?: number;\n  color?: string;\n  valueFormatter?: (value: number) => string;\n  /** Value labels at the end of each bar. Defaults to `true`. */\n  showValueLabels?: boolean;\n};\n\n/**\n * A horizontal bar ranking chart — top products, best categories, top customers.\n *\n * @example\n * ```tsx\n * import { TopProductsBarChart } from '@customafk/lunas-ui/features/charts';\n *\n * <TopProductsBarChart\n *   data={[\n *     { name: 'Wireless Earbuds', value: 1245 },\n *     { name: 'Smart Watch', value: 986 },\n *   ]}\n * />\n * ```\n */\nexport const TopProductsBarChart = ({\n  data,\n  label = 'Sales',\n  maxItems = 8,\n  color = 'var(--chart-1)',\n  valueFormatter = formatCompactNumber,\n  showValueLabels = true,\n  className,\n  animate = true,\n  height,\n}: TopProductsBarChartProps) => {\n  const chartData = useMemo(() => [...data].sort((a, b) => b.value - a.value).slice(0, maxItems), [data, maxItems]);\n\n  const config = useMemo<ChartConfig>(() => ({ value: { label, color } }), [label, color]);\n\n  return (\n    <ChartContainer\n      data-slot=\"top-products-bar-chart\"\n      config={config}\n      className={cn('w-full', className)}\n      style={height !== undefined ? { height, aspectRatio: 'auto' } : undefined}\n    >\n      <BarChart data={chartData} layout=\"vertical\" margin={{ top: 0, right: showValueLabels ? 48 : 12, bottom: 0, left: 12 }}>\n        <XAxis type=\"number\" dataKey=\"value\" hide />\n        <YAxis type=\"category\" dataKey=\"name\" tickLine={false} axisLine={false} tickMargin={8} width={120} />\n        <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />\n        <Bar dataKey=\"value\" fill={color} radius={4} isAnimationActive={animate}>\n          {showValueLabels && (\n            <LabelList\n              dataKey=\"value\"\n              position=\"right\"\n              offset={8}\n              className=\"fill-muted-strong\"\n              fontSize={12}\n              formatter={(value: React.ReactNode) => valueFormatter(Number(value))}\n            />\n          )}\n        </Bar>\n      </BarChart>\n    </ChartContainer>\n  );\n};\n"],"mappings":"qXAuCA,MAAa,GAAuB,CAClC,OACA,QAAQ,QACR,WAAW,EACX,QAAQ,iBACR,iBAAiB,EACjB,kBAAkB,GAClB,YACA,UAAU,GACV,YAC8B,CAC9B,IAAM,EAAY,MAAc,CAAC,GAAG,CAAI,CAAC,CAAC,MAAM,EAAG,IAAM,EAAE,MAAQ,EAAE,KAAK,CAAC,CAAC,MAAM,EAAG,CAAQ,EAAG,CAAC,EAAM,CAAQ,CAAC,EAIhH,OACE,EAAC,EAAD,CACE,YAAU,yBACV,OALW,OAA4B,CAAE,MAAO,CAAE,QAAO,OAAM,CAAE,GAAI,CAAC,EAAO,CAAK,CAKrE,EACb,UAAW,EAAG,SAAU,CAAS,EACjC,MAAO,IAAW,IAAA,GAA8C,IAAA,GAAlC,CAAE,SAAQ,YAAa,MAAO,WAE5D,EAAC,EAAD,CAAU,KAAM,EAAW,OAAO,WAAW,OAAQ,CAAE,IAAK,EAAG,MAAO,EAAkB,GAAK,GAAI,OAAQ,EAAG,KAAM,EAAG,WAArH,CACE,EAAC,EAAD,CAAO,KAAK,SAAS,QAAQ,QAAQ,KAAA,EAAM,CAAA,EAC3C,EAAC,EAAD,CAAO,KAAK,WAAW,QAAQ,OAAO,SAAU,GAAO,SAAU,GAAO,WAAY,EAAG,MAAO,GAAM,CAAA,EACpG,EAAC,EAAD,CAAc,OAAQ,GAAO,QAAS,EAAC,EAAD,CAAqB,UAAA,EAAW,CAAA,CAAI,CAAA,EAC1E,EAAC,EAAD,CAAK,QAAQ,QAAQ,KAAM,EAAO,OAAQ,EAAG,kBAAmB,WAC7D,GACC,EAAC,EAAD,CACE,QAAQ,QACR,SAAS,QACT,OAAQ,EACR,UAAU,oBACV,SAAU,GACV,UAAY,GAA2B,EAAe,OAAO,CAAK,CAAC,CACpE,CAAA,CAEA,CAAA,CACG,GACI,CAAA,CAEpB"}

package/dist/trash-BfWSqlL4.d.cts

@@ -0,0 +1,16 @@
+//#region packages/components/ui/buttons/trash.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. */onClick?: () => void;
+};
+/**
+ * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.
+ *
+ * @example
+ * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';
+ *
+ * <TrashBtn onClick={() => deleteRecord(record.id)} />
+ */
+declare const TrashBtn: React.FC<Props>;
+//#endregion
+export { TrashBtn as t };
+//# sourceMappingURL=trash-BfWSqlL4.d.cts.map

package/dist/trash-BfWSqlL4.d.mts

@@ -0,0 +1,16 @@
+//#region packages/components/ui/buttons/trash.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. */onClick?: () => void;
+};
+/**
+ * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.
+ *
+ * @example
+ * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';
+ *
+ * <TrashBtn onClick={() => deleteRecord(record.id)} />
+ */
+declare const TrashBtn: React.FC<Props>;
+//#endregion
+export { TrashBtn as t };
+//# sourceMappingURL=trash-BfWSqlL4.d.mts.map

package/dist/typography/paragraph.d.cts

@@ -1,46 +1,2 @@
-import { VariantProps } from "class-variance-authority";
-import { ComponentPropsWithoutRef } from "react";
-
-//#region packages/components/typography/paragraph.d.ts
-declare const paragraphVariants: (props?: ({
-  variant?: "xs" | "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Props for the {@link Paragraph} component.
- *
- * Extends all native `<p>` HTML attributes plus the CVA variant.
- *
- * @property variant - Visual style variant.
- *   - `'lead'` — large, medium-weight introductory text (default size `text-base` / `md:text-lg`)
- *   - `'lg'`  — large normal-weight text
- *   - `'p'`   — standard body text (default)
- *   - `'sm'`  — small normal-weight text with tighter leading
- *   - `'muted'` — subdued colour, standard body size
- *   - `'xs'`  — extra-small text in a muted colour
- */
-type ParagraphProps = ComponentPropsWithoutRef<'p'> & VariantProps<typeof paragraphVariants>;
-/**
- * A styled `<p>` element with semantic size and weight variants for body text.
- *
- * @example
- * ```tsx
- * import { Paragraph } from '@customafk/lunas-ui/typography/paragraph';
- *
- * // Default body paragraph
- * <Paragraph>This is body text.</Paragraph>
- *
- * // Lead paragraph with larger, medium-weight text
- * <Paragraph variant="lead">Introducing our new feature.</Paragraph>
- *
- * // Muted helper text
- * <Paragraph variant="muted">Last updated 3 days ago.</Paragraph>
- * ```
- */
-declare const Paragraph: ({
-  variant,
-  className,
-  ...props
-}: ParagraphProps) => import("react").JSX.Element;
-//#endregion
-export { Paragraph, ParagraphProps, paragraphVariants };
-//# sourceMappingURL=paragraph.d.cts.map
+import { n as ParagraphProps, r as paragraphVariants, t as Paragraph } from "../paragraph-DbYYv0A0.cjs";
+export { Paragraph, ParagraphProps, paragraphVariants };

package/dist/typography/paragraph.d.mts

@@ -1,46 +1,2 @@
-import { ComponentPropsWithoutRef } from "react";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/typography/paragraph.d.ts
-declare const paragraphVariants: (props?: ({
-  variant?: "xs" | "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Props for the {@link Paragraph} component.
- *
- * Extends all native `<p>` HTML attributes plus the CVA variant.
- *
- * @property variant - Visual style variant.
- *   - `'lead'` — large, medium-weight introductory text (default size `text-base` / `md:text-lg`)
- *   - `'lg'`  — large normal-weight text
- *   - `'p'`   — standard body text (default)
- *   - `'sm'`  — small normal-weight text with tighter leading
- *   - `'muted'` — subdued colour, standard body size
- *   - `'xs'`  — extra-small text in a muted colour
- */
-type ParagraphProps = ComponentPropsWithoutRef<'p'> & VariantProps<typeof paragraphVariants>;
-/**
- * A styled `<p>` element with semantic size and weight variants for body text.
- *
- * @example
- * ```tsx
- * import { Paragraph } from '@customafk/lunas-ui/typography/paragraph';
- *
- * // Default body paragraph
- * <Paragraph>This is body text.</Paragraph>
- *
- * // Lead paragraph with larger, medium-weight text
- * <Paragraph variant="lead">Introducing our new feature.</Paragraph>
- *
- * // Muted helper text
- * <Paragraph variant="muted">Last updated 3 days ago.</Paragraph>
- * ```
- */
-declare const Paragraph: ({
-  variant,
-  className,
-  ...props
-}: ParagraphProps) => import("react").JSX.Element;
-//#endregion
-export { Paragraph, ParagraphProps, paragraphVariants };
-//# sourceMappingURL=paragraph.d.mts.map
+import { n as ParagraphProps, r as paragraphVariants, t as Paragraph } from "../paragraph-BTmvVS1S.mjs";
+export { Paragraph, ParagraphProps, paragraphVariants };

package/dist/typography/title.d.cts

@@ -1,41 +1,2 @@
-import { JSX, ReactNode } from "react";
-
-//#region packages/components/typography/title.d.ts
-type TitleProps = {
-  /**
-   * Heading level that maps to the rendered HTML tag (`h1`–`h6`) and the corresponding
-   * typographic scale variant.
-   * - `1` — `text-3xl / md:text-4xl`, bold (default)
-   * - `2` — `text-2xl / md:text-3xl`, semibold
-   * - `3` — `text-xl / md:text-2xl`, semibold
-   * - `4` — `text-lg / md:text-xl`, semibold
-   * - `5` — `text-base / md:text-lg`, semibold
-   * - `6` — `text-sm / md:text-base`, semibold
-   * @default 1
-   */
-  level?: 1 | 2 | 3 | 4 | 5 | 6; /** Additional Tailwind classes merged with the variant classes. */
-  className?: string; /** Content rendered inside the heading element. */
-  children?: ReactNode;
-};
-/**
- * A semantic heading component that renders the correct `h1`–`h6` element and applies a matched typographic scale.
- *
- * @example
- * ```tsx
- * import { Title } from '@customafk/lunas-ui/typography/title';
- *
- * // Page-level heading (renders <h1>)
- * <Title level={1}>Welcome to Lunas</Title>
- *
- * // Section sub-heading (renders <h3>)
- * <Title level={3}>Account Settings</Title>
- * ```
- */
-declare const Title: ({
-  level,
-  className,
-  children
-}: TitleProps) => JSX.Element;
-//#endregion
-export { Title, TitleProps };
-//# sourceMappingURL=title.d.cts.map
+import { n as TitleProps, t as Title } from "../title-BT9guhSU.cjs";
+export { Title, TitleProps };

package/dist/typography/title.d.mts

@@ -1,41 +1,2 @@
-import { JSX, ReactNode } from "react";
-
-//#region packages/components/typography/title.d.ts
-type TitleProps = {
-  /**
-   * Heading level that maps to the rendered HTML tag (`h1`–`h6`) and the corresponding
-   * typographic scale variant.
-   * - `1` — `text-3xl / md:text-4xl`, bold (default)
-   * - `2` — `text-2xl / md:text-3xl`, semibold
-   * - `3` — `text-xl / md:text-2xl`, semibold
-   * - `4` — `text-lg / md:text-xl`, semibold
-   * - `5` — `text-base / md:text-lg`, semibold
-   * - `6` — `text-sm / md:text-base`, semibold
-   * @default 1
-   */
-  level?: 1 | 2 | 3 | 4 | 5 | 6; /** Additional Tailwind classes merged with the variant classes. */
-  className?: string; /** Content rendered inside the heading element. */
-  children?: ReactNode;
-};
-/**
- * A semantic heading component that renders the correct `h1`–`h6` element and applies a matched typographic scale.
- *
- * @example
- * ```tsx
- * import { Title } from '@customafk/lunas-ui/typography/title';
- *
- * // Page-level heading (renders <h1>)
- * <Title level={1}>Welcome to Lunas</Title>
- *
- * // Section sub-heading (renders <h3>)
- * <Title level={3}>Account Settings</Title>
- * ```
- */
-declare const Title: ({
-  level,
-  className,
-  children
-}: TitleProps) => JSX.Element;
-//#endregion
-export { Title, TitleProps };
-//# sourceMappingURL=title.d.mts.map
+import { n as TitleProps, t as Title } from "../title-BT9guhSU.mjs";
+export { Title, TitleProps };

package/dist/ui/alert-dialog.d.cts

@@ -1,88 +1,2 @@
-import { AlertDialog as AlertDialog$1 } from "radix-ui";
-
-//#region packages/components/ui/alert-dialog.d.ts
-/**
- * Accessible alert dialog built on Radix UI's AlertDialog primitives, requiring explicit user confirmation before a destructive action can proceed.
- *
- * @example
- * ```tsx
- * import {
- *   AlertDialog, AlertDialogTrigger, AlertDialogContent,
- *   AlertDialogHeader, AlertDialogTitle, AlertDialogDescription,
- *   AlertDialogFooter, AlertDialogAction, AlertDialogCancel,
- * } from '@customafk/lunas-ui/ui/alert-dialog';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <AlertDialog>
- *   <AlertDialogTrigger asChild>
- *     <Button variant="solid" color="danger">Delete account</Button>
- *   </AlertDialogTrigger>
- *   <AlertDialogContent>
- *     <AlertDialogHeader>
- *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
- *       <AlertDialogDescription>
- *         This action cannot be undone. Your account will be permanently deleted.
- *       </AlertDialogDescription>
- *     </AlertDialogHeader>
- *     <AlertDialogFooter>
- *       <AlertDialogCancel>Cancel</AlertDialogCancel>
- *       <AlertDialogAction>Continue</AlertDialogAction>
- *     </AlertDialogFooter>
- *   </AlertDialogContent>
- * </AlertDialog>
- * ```
- */
-declare function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): import("react").JSX.Element;
-/** Element that opens the alert dialog when clicked; typically wrapped with `asChild` around a `Button`. */
-declare function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): import("react").JSX.Element;
-/** Renders alert dialog overlay and content into a portal outside the normal React tree. */
-declare function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): import("react").JSX.Element;
-/** Semi-transparent backdrop rendered behind the alert dialog panel; pointer events are disabled to prevent accidental dismissal. */
-declare function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): import("react").JSX.Element;
-/** Animated panel that contains the alert dialog body; renders via `AlertDialogPortal` over `AlertDialogOverlay`. */
-declare function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): import("react").JSX.Element;
-/** Layout wrapper for the alert dialog title and description. */
-declare function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Layout wrapper for the cancel and action buttons at the bottom of the alert dialog. */
-declare function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Accessible heading for the alert dialog, styled with the h3 heading variant. */
-declare function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): import("react").JSX.Element;
-/** Muted supporting text that explains the consequences of the destructive action. */
-declare function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): import("react").JSX.Element;
-/** Confirm button that closes the dialog and proceeds with the action; auto-focused and styled as the primary action. */
-declare function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): import("react").JSX.Element;
-/** Cancel button that closes the alert dialog without performing the destructive action. */
-declare function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): import("react").JSX.Element;
-//#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
-//# sourceMappingURL=alert-dialog.d.cts.map
+import { a as AlertDialogDescription, c as AlertDialogOverlay, d as AlertDialogTrigger, i as AlertDialogContent, l as AlertDialogPortal, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog, u as AlertDialogTitle } from "../alert-dialog-Cdhz7jSj.cjs";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/ui/alert-dialog.d.mts

@@ -1,88 +1,2 @@
-import { AlertDialog as AlertDialog$1 } from "radix-ui";
-
-//#region packages/components/ui/alert-dialog.d.ts
-/**
- * Accessible alert dialog built on Radix UI's AlertDialog primitives, requiring explicit user confirmation before a destructive action can proceed.
- *
- * @example
- * ```tsx
- * import {
- *   AlertDialog, AlertDialogTrigger, AlertDialogContent,
- *   AlertDialogHeader, AlertDialogTitle, AlertDialogDescription,
- *   AlertDialogFooter, AlertDialogAction, AlertDialogCancel,
- * } from '@customafk/lunas-ui/ui/alert-dialog';
- * import { Button } from '@customafk/lunas-ui/ui/button';
- *
- * <AlertDialog>
- *   <AlertDialogTrigger asChild>
- *     <Button variant="solid" color="danger">Delete account</Button>
- *   </AlertDialogTrigger>
- *   <AlertDialogContent>
- *     <AlertDialogHeader>
- *       <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
- *       <AlertDialogDescription>
- *         This action cannot be undone. Your account will be permanently deleted.
- *       </AlertDialogDescription>
- *     </AlertDialogHeader>
- *     <AlertDialogFooter>
- *       <AlertDialogCancel>Cancel</AlertDialogCancel>
- *       <AlertDialogAction>Continue</AlertDialogAction>
- *     </AlertDialogFooter>
- *   </AlertDialogContent>
- * </AlertDialog>
- * ```
- */
-declare function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): import("react").JSX.Element;
-/** Element that opens the alert dialog when clicked; typically wrapped with `asChild` around a `Button`. */
-declare function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): import("react").JSX.Element;
-/** Renders alert dialog overlay and content into a portal outside the normal React tree. */
-declare function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): import("react").JSX.Element;
-/** Semi-transparent backdrop rendered behind the alert dialog panel; pointer events are disabled to prevent accidental dismissal. */
-declare function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): import("react").JSX.Element;
-/** Animated panel that contains the alert dialog body; renders via `AlertDialogPortal` over `AlertDialogOverlay`. */
-declare function AlertDialogContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): import("react").JSX.Element;
-/** Layout wrapper for the alert dialog title and description. */
-declare function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Layout wrapper for the cancel and action buttons at the bottom of the alert dialog. */
-declare function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): import("react").JSX.Element;
-/** Accessible heading for the alert dialog, styled with the h3 heading variant. */
-declare function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): import("react").JSX.Element;
-/** Muted supporting text that explains the consequences of the destructive action. */
-declare function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): import("react").JSX.Element;
-/** Confirm button that closes the dialog and proceeds with the action; auto-focused and styled as the primary action. */
-declare function AlertDialogAction({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): import("react").JSX.Element;
-/** Cancel button that closes the alert dialog without performing the destructive action. */
-declare function AlertDialogCancel({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): import("react").JSX.Element;
-//#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
-//# sourceMappingURL=alert-dialog.d.mts.map
+import { a as AlertDialogDescription, c as AlertDialogOverlay, d as AlertDialogTrigger, i as AlertDialogContent, l as AlertDialogPortal, n as AlertDialogAction, o as AlertDialogFooter, r as AlertDialogCancel, s as AlertDialogHeader, t as AlertDialog, u as AlertDialogTitle } from "../alert-dialog-Cdhz7jSj.mjs";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/ui/aspect-ratio.d.cts

@@ -1,22 +1,2 @@
-import { AspectRatio as AspectRatio$1 } from "radix-ui";
-
-//#region packages/components/ui/aspect-ratio.d.ts
-/**
- * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
- *
- * @example
- * ```tsx
- * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';
- *
- * <AspectRatio ratio={16 / 9}>
- *   <img src="/banner.jpg" alt="Banner" className="size-full object-cover" />
- * </AspectRatio>
- * ```
- */
-declare function AspectRatio({
-  className,
-  ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): import("react").JSX.Element;
-//#endregion
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.d.cts.map
+import { t as AspectRatio } from "../aspect-ratio-huscluwJ.cjs";
+export { AspectRatio };

package/dist/ui/aspect-ratio.d.mts

@@ -1,22 +1,2 @@
-import { AspectRatio as AspectRatio$1 } from "radix-ui";
-
-//#region packages/components/ui/aspect-ratio.d.ts
-/**
- * Constrains its child to a given aspect ratio using the Radix UI AspectRatio primitive.
- *
- * @example
- * ```tsx
- * import { AspectRatio } from '@customafk/lunas-ui/ui/aspect-ratio';
- *
- * <AspectRatio ratio={16 / 9}>
- *   <img src="/banner.jpg" alt="Banner" className="size-full object-cover" />
- * </AspectRatio>
- * ```
- */
-declare function AspectRatio({
-  className,
-  ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): import("react").JSX.Element;
-//#endregion
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.d.mts.map
+import { t as AspectRatio } from "../aspect-ratio-huscluwJ.mjs";
+export { AspectRatio };

package/dist/ui/avatar.d.cts

@@ -1,33 +1,2 @@
-import { Avatar as Avatar$1 } from "radix-ui";
-
-//#region packages/components/ui/avatar.d.ts
-/**
- * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
- *
- * @example
- * ```tsx
- * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';
- *
- * <Avatar>
- *   <AvatarImage src="https://example.com/avatar.jpg" alt="Jane Doe" />
- *   <AvatarFallback>JD</AvatarFallback>
- * </Avatar>
- * ```
- */
-declare function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): import("react").JSX.Element;
-/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
-declare function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): import("react").JSX.Element;
-/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
-declare function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): import("react").JSX.Element;
-//#endregion
-export { Avatar, AvatarFallback, AvatarImage };
-//# sourceMappingURL=avatar.d.cts.map
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-BpeFwSkQ.cjs";
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/ui/avatar.d.mts

@@ -1,33 +1,2 @@
-import { Avatar as Avatar$1 } from "radix-ui";
-
-//#region packages/components/ui/avatar.d.ts
-/**
- * Circular user avatar built on Radix UI's Avatar primitives, falling back to initials or an icon when the image fails to load.
- *
- * @example
- * ```tsx
- * import { Avatar, AvatarImage, AvatarFallback } from '@customafk/lunas-ui/ui/avatar';
- *
- * <Avatar>
- *   <AvatarImage src="https://example.com/avatar.jpg" alt="Jane Doe" />
- *   <AvatarFallback>JD</AvatarFallback>
- * </Avatar>
- * ```
- */
-declare function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): import("react").JSX.Element;
-/** The avatar photo; hidden automatically by Radix UI when the image fails to load, revealing `AvatarFallback`. */
-declare function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): import("react").JSX.Element;
-/** Fallback content (e.g. initials) displayed inside the avatar when the image is unavailable or still loading. */
-declare function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): import("react").JSX.Element;
-//#endregion
-export { Avatar, AvatarFallback, AvatarImage };
-//# sourceMappingURL=avatar.d.mts.map
+import { n as AvatarFallback, r as AvatarImage, t as Avatar } from "../avatar-BpeFwSkQ.mjs";
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/ui/badge.d.cts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-D0InQSvM.cjs";
+import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-MRT40pxM.cjs";
 export { Badge, BadgeProps, badgeVariants };

package/dist/ui/badge.d.mts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-D0InQSvM.mjs";
+import { n as BadgeProps, r as badgeVariants, t as Badge } from "../badge-MRT40pxM.mjs";
 export { Badge, BadgeProps, badgeVariants };

package/dist/ui/breadcrumb.d.cts

@@ -1,69 +1,2 @@
-//#region packages/components/ui/breadcrumb.d.ts
-/**
- * Root breadcrumb navigation `<nav>` element with accessible aria-label.
- *
- * @example
- * ```tsx
- * import {
- *   Breadcrumb, BreadcrumbList, BreadcrumbItem,
- *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,
- * } from '@customafk/lunas-ui/ui/breadcrumb';
- *
- * <Breadcrumb>
- *   <BreadcrumbList>
- *     <BreadcrumbItem>
- *       <BreadcrumbLink href="/">Home</BreadcrumbLink>
- *     </BreadcrumbItem>
- *     <BreadcrumbSeparator />
- *     <BreadcrumbItem>
- *       <BreadcrumbPage>Settings</BreadcrumbPage>
- *     </BreadcrumbItem>
- *   </BreadcrumbList>
- * </Breadcrumb>
- * ```
- */
-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;
-/** Individual `<li>` item wrapper inside a BreadcrumbList. */
-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'> & {
-  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;
-/** 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;
-/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
-declare function BreadcrumbEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'button'>): import("react").JSX.Element;
-//#endregion
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
-//# sourceMappingURL=breadcrumb.d.cts.map
+import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-CSpScKZm.cjs";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };