@customafk/lunas-ui 0.2.53 → 0.2.55

package/dist/ui/breadcrumb.d.mts

@@ -1,2 +1,69 @@
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-D5EVqGzZ.mjs";
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//#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.mts.map

package/dist/ui/breadcrumb.mjs

@@ -1 +1,2 @@
-"use client";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../breadcrumb-RCZAaQ1l.mjs";export{o as Breadcrumb,n as BreadcrumbEllipsis,i as BreadcrumbItem,t as BreadcrumbLink,e as BreadcrumbList,r as BreadcrumbPage,a as BreadcrumbSeparator};
+"use client";import{t as e}from"../dist-CtTonIm8.mjs";import{ChevronRight as t,MoreHorizontal as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:e,...t}){return i(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:r(``,e),...t})}function s({className:e,...t}){return i(`ol`,{"data-slot":`breadcrumb-list`,className:r(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function c({className:e,...t}){return i(`li`,{"data-slot":`breadcrumb-item`,className:r(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:t,className:n,...a}){return i(t?e:`a`,{"data-slot":`breadcrumb-link`,className:r(`text-text-positive-weak`,`transition-colors duration-150`,`hover:text-text-positive focus-visible:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`rounded-sm`,n),...a})}function u({className:e,...t}){return i(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:r(`text-text-positive-strong font-medium`,e),...t})}function d({children:e,className:n,...a}){return i(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:r(`text-text-positive-muted`,`[&>svg]:size-3.5`,n),...a,children:e??i(t,{})})}function f({className:e,...t}){return a(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:r(`flex items-center justify-center`,`size-8 rounded-sm`,`text-text-positive-weak`,`hover:bg-secondary-muted hover:text-text-positive`,`focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1`,`transition-colors duration-150`,e),...t,children:[i(n,{className:`size-4`}),i(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}export{o as Breadcrumb,f as BreadcrumbEllipsis,c as BreadcrumbItem,l as BreadcrumbLink,s as BreadcrumbList,u as BreadcrumbPage,d as BreadcrumbSeparator};
+//# sourceMappingURL=breadcrumb.mjs.map

package/dist/ui/breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation `<nav>` element with accessible aria-label.\n *\n * @example\n * ```tsx\n * import {\n *   Breadcrumb, BreadcrumbList, BreadcrumbItem,\n *   BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage,\n * } from '@customafk/lunas-ui/ui/breadcrumb';\n *\n * <Breadcrumb>\n *   <BreadcrumbList>\n *     <BreadcrumbItem>\n *       <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n *     </BreadcrumbItem>\n *     <BreadcrumbSeparator />\n *     <BreadcrumbItem>\n *       <BreadcrumbPage>Settings</BreadcrumbPage>\n *     </BreadcrumbItem>\n *   </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual `<li>` item wrapper inside a BreadcrumbList. */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive anchor link for non-current breadcrumb segments; supports `asChild` for custom routing.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<a>`.\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Non-interactive span representing the current page; sets `aria-current=\"page\"`. */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"4NA+BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAD,CAAK,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,CAAS,EAAG,GAAI,CAAQ,CAAA,CACvG,CAGA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAD,CACE,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,CAAS,EAC3H,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAD,CAAI,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnH,CAOA,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,IAG5B,CACE,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAD,CAAM,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I,CAGA,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAD,CACE,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,CAAS,EACvE,GAAI,WAEH,GAAY,EAAC,EAAD,CAAe,CAAA,CAC1B,CAAA,CAER,CAGA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAD,CACE,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,CACF,EACA,GAAI,WAZN,CAcE,EAAC,EAAD,CAAgB,UAAU,QAAU,CAAA,EACpC,EAAC,OAAD,CAAM,UAAU,mBAAU,uBAA2B,CAAA,CAC/C,GAEZ"}

package/dist/ui/button-group.cjs

@@ -1 +1,2 @@
-require(`../separator-BRoS5sU8.cjs`);const e=require(`../button-group-4oHvYHtz.cjs`);exports.ButtonGroup=e.t,exports.ButtonGroupSeparator=e.n,exports.ButtonGroupText=e.r,exports.buttonGroupVariants=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dist-CGlSRti2.cjs"),t=require("./separator.cjs");let n=require("@customafk/react-toolkit/utils"),r=require("class-variance-authority"),i=require("react/jsx-runtime");const a=(0,r.cva)(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function o({className:e,orientation:t,...r}){return(0,i.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:(0,n.cn)(a({orientation:t}),e),...r})}function s({className:t,asChild:r=!1,...a}){return(0,i.jsx)(r?e.t:`div`,{className:(0,n.cn)(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,t),...a})}function c({className:e,orientation:r=`vertical`,...a}){return(0,i.jsx)(t.Separator,{"data-slot":`button-group-separator`,orientation:r,className:(0,n.cn)(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...a})}exports.ButtonGroup=o,exports.ButtonGroupSeparator=c,exports.ButtonGroupText=s,exports.buttonGroupVariants=a;
+//# sourceMappingURL=button-group.cjs.map

package/dist/ui/button-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.cjs","names":["Slot","Separator"],"sources":["../../packages/components/ui/button-group.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.\n *\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <ButtonGroup orientation=\"horizontal\">\n *   <Button variant=\"outline\">Left</Button>\n *   <ButtonGroupSeparator />\n *   <Button variant=\"outline\">Right</Button>\n * </ButtonGroup>\n * ```\n */\nfunction ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div role=\"group\" data-slot=\"button-group\" data-orientation={orientation} className={cn(buttonGroupVariants({ orientation }), className)} {...props} />\n  );\n}\n\n/**\n * A static text or icon addon rendered inside a ButtonGroup with muted background styling.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A visual Separator rendered between items inside a ButtonGroup. */\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn('relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto', className)}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n"],"mappings":"6PAMA,MAAM,GAAA,EAAA,EAAA,IAAA,CACJ,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,0HACZ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,EAiBA,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,WAAA,EAAA,EAAA,GAAA,CAAc,EAAoB,CAAE,aAAY,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE1J,CAOA,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,IAAA,CAHW,EAAUA,EAAAA,EAAO,MAG5B,CACE,WAAA,EAAA,EAAA,GAAA,CACE,uKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CACE,YAAU,yBACG,cACb,WAAA,EAAA,EAAA,GAAA,CAAc,+EAAgF,CAAS,EACvG,GAAI,CACL,CAAA,CAEL"}

package/dist/ui/button-group.d.cts

@@ -1,2 +1,48 @@
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-CDRMmMyT.cjs";
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+import { Separator } from "./separator.cjs";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/button-group.d.ts
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.
+ *
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <ButtonGroup orientation="horizontal">
+ *   <Button variant="outline">Left</Button>
+ *   <ButtonGroupSeparator />
+ *   <Button variant="outline">Right</Button>
+ * </ButtonGroup>
+ * ```
+ */
+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'> & {
+  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;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.cts.map

package/dist/ui/button-group.d.mts

@@ -1,3 +1,48 @@
-import "../separator-BT4tDBSP.mjs";
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-wrn32Sqe.mjs";
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+import { Separator } from "./separator.mjs";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/button-group.d.ts
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.
+ *
+ * @example
+ * ```tsx
+ * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <ButtonGroup orientation="horizontal">
+ *   <Button variant="outline">Left</Button>
+ *   <ButtonGroupSeparator />
+ *   <Button variant="outline">Right</Button>
+ * </ButtonGroup>
+ * ```
+ */
+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'> & {
+  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;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.mts.map

package/dist/ui/button-group.mjs

@@ -1 +1,2 @@
-import"../separator-BjRgoiEx.mjs";import{i as e,n as t,r as n,t as r}from"../button-group-CRuT_zEE.mjs";export{r as ButtonGroup,t as ButtonGroupSeparator,n as ButtonGroupText,e as buttonGroupVariants};
+import{t as e}from"../dist-CtTonIm8.mjs";import{Separator as t}from"./separator.mjs";import{cn as n}from"@customafk/react-toolkit/utils";import{cva as r}from"class-variance-authority";import{jsx as i}from"react/jsx-runtime";const a=r(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,vertical:`flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function o({className:e,orientation:t,...r}){return i(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:n(a({orientation:t}),e),...r})}function s({className:t,asChild:r=!1,...a}){return i(r?e:`div`,{className:n(`flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none`,t),...a})}function c({className:e,orientation:r=`vertical`,...a}){return i(t,{"data-slot":`button-group-separator`,orientation:r,className:n(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...a})}export{o as ButtonGroup,c as ButtonGroupSeparator,s as ButtonGroupText,a as buttonGroupVariants};
+//# sourceMappingURL=button-group.mjs.map

package/dist/ui/button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.mjs","names":[],"sources":["../../packages/components/ui/button-group.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator } from '@/components/ui/separator';\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Groups buttons (or inputs) into a visually connected row or column by removing the border radii on adjacent sides.\n *\n * @example\n * ```tsx\n * import { ButtonGroup, ButtonGroupSeparator } from '@customafk/lunas-ui/ui/button-group';\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * <ButtonGroup orientation=\"horizontal\">\n *   <Button variant=\"outline\">Left</Button>\n *   <ButtonGroupSeparator />\n *   <Button variant=\"outline\">Right</Button>\n * </ButtonGroup>\n * ```\n */\nfunction ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div role=\"group\" data-slot=\"button-group\" data-orientation={orientation} className={cn(buttonGroupVariants({ orientation }), className)} {...props} />\n  );\n}\n\n/**\n * A static text or icon addon rendered inside a ButtonGroup with muted background styling.\n *\n * @param asChild - When true, renders as the child element via Radix Slot instead of `<div>`.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-border bg-muted px-4 font-medium text-sm shadow-xs [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A visual Separator rendered between items inside a ButtonGroup. */\nfunction ButtonGroupSeparator({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn('relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto', className)}\n      {...props}\n    />\n  );\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };\n"],"mappings":"gOAMA,MAAM,EAAsB,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,0HACZ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,EAiBA,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAC,MAAD,CAAK,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,UAAW,EAAG,EAAoB,CAAE,aAAY,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE1J,CAOA,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,MAG5B,CACE,UAAW,EACT,uKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAC,EAAD,CACE,YAAU,yBACG,cACb,UAAW,EAAG,+EAAgF,CAAS,EACvG,GAAI,CACL,CAAA,CAEL"}

package/dist/ui/button.cjs

@@ -1 +1,2 @@
-"use client";require(`../button.variants-4kw6plrv.cjs`);const e=require(`../button-C--DAN1D.cjs`);exports.Button=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../dist-CGlSRti2.cjs"),t=require("../button.variants-DOglUhSE.cjs");let n=require("lucide-react"),r=require("@customafk/react-toolkit/utils"),i=require("react/jsx-runtime");function a({className:a,variant:o,size:s=`default`,color:c,asChild:l=!1,isLoading:u=!1,children:d,disabled:f,type:p=`button`,innerClassName:m,...h}){let g=l?e.t:`button`,_=f||u;return(0,i.jsxs)(g,{...l?void 0:{type:p,disabled:_},"data-slot":`button`,"data-state":u?`loading`:void 0,"aria-disabled":_?!0:void 0,"aria-busy":u?!0:void 0,className:(0,r.cn)(t.n({variant:o,size:s,color:c,className:a})),...h,children:[u&&(0,i.jsxs)(`div`,{className:t.t({variant:o,color:c}),children:[(0,i.jsx)(n.Loader2Icon,{size:16,className:`animate-spin`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Loading`})]}),l?(0,i.jsx)(e.n,{children:d}):(0,i.jsx)(`div`,{className:(0,r.cn)(`inline-flex items-center justify-center gap-x-1`,u&&`invisible pointer-events-none`,m),children:d})]})}exports.Button=a;
+//# sourceMappingURL=button.cjs.map

package/dist/ui/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":["Slot","buttonVariants","buttonLoadingVariant","Loader2Icon","Slottable"],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"8QA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAUA,EAAAA,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,WAAA,EAAA,EAAA,GAAA,CACEC,EAAAA,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,WAdN,CAgBG,IACC,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWC,EAAAA,EAAqB,CAAE,UAAS,OAAM,CAAC,WAAvD,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBAAU,SAAa,CAAA,CACpC,IAEN,GACC,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAY,UAAoB,CAAA,GAEhC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,WAAA,EAAA,EAAA,GAAA,CAAc,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}

package/dist/ui/button.d.cts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, t as Button } from "../button-D-pWsdxT.cjs";
+import { n as ButtonProps, t as Button } from "../button-DIqm3YRo.cjs";
 export { Button, ButtonProps };

package/dist/ui/button.d.mts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, t as Button } from "../button-CwxEnAw3.mjs";
+import { n as ButtonProps, t as Button } from "../button-DIqm3YRo.mjs";
 export { Button, ButtonProps };

package/dist/ui/button.mjs

@@ -1 +1,2 @@
-"use client";import"../button.variants-DkMqWB8G.mjs";import{t as e}from"../button-CCVJTHBI.mjs";export{e as Button};
+"use client";import{n as e,t}from"../dist-CtTonIm8.mjs";import{n,t as r}from"../button.variants-pziHKxvE.mjs";import{Loader2Icon as i}from"lucide-react";import{cn as a}from"@customafk/react-toolkit/utils";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c({className:c,variant:l,size:u=`default`,color:d,asChild:f=!1,isLoading:p=!1,children:m,disabled:h,type:g=`button`,innerClassName:_,...v}){let y=f?t:`button`,b=h||p;return s(y,{...f?void 0:{type:g,disabled:b},"data-slot":`button`,"data-state":p?`loading`:void 0,"aria-disabled":b?!0:void 0,"aria-busy":p?!0:void 0,className:a(n({variant:l,size:u,color:d,className:c})),...v,children:[p&&s(`div`,{className:r({variant:l,color:d}),children:[o(i,{size:16,className:`animate-spin`}),o(`span`,{className:`sr-only`,children:`Loading`})]}),f?o(e,{children:m}):o(`div`,{className:a(`inline-flex items-center justify-center gap-x-1`,p&&`invisible pointer-events-none`,_),children:m})]})}export{c as Button};
+//# sourceMappingURL=button.mjs.map

package/dist/ui/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2Icon } from 'lucide-react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\n/**\n * Props for the {@link Button} component.\n *\n * Extends all native `<button>` attributes except `color`, which is\n * re-declared as a semantic design-token via {@link ButtonVariantProps}.\n *\n * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)\n */\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When `true`, renders children through Radix's `<Slot>` primitive,\n   * merging all button props directly onto the child element.\n   *\n   * Use this to swap the rendered HTML element while keeping button styling\n   * (e.g. render a Next.js `<Link>` that looks like a button).\n   *\n   * @default false\n   * @example\n   * ```tsx\n   * <Button asChild variant=\"ghost\">\n   *   <Link href=\"/dashboard\">Go to Dashboard</Link>\n   * </Button>\n   * ```\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, shows an animated `Loader2` spinner overlay and sets\n   * `aria-busy=\"true\"`. The button is implicitly disabled while loading —\n   * no separate `disabled` prop is needed for loading states.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Visual style variant of the button.\n   *\n   * | Value | Description |\n   * |---|---|\n   * | `\"default\"` | Filled surface — primary call-to-action (default) |\n   * | `\"outline\"` | Transparent background with a visible border |\n   * | `\"ghost\"` | No background or border — minimal footprint |\n   * | `\"link\"` | Styled as an underlined hyperlink |\n   * | `\"icon\"` | Square, padding-free — icon-only buttons |\n   * | `\"destructive\"` | Red-toned filled surface for danger actions |\n   *\n   * @default \"default\"\n   */\n  variant?: ButtonVariantProps['variant'];\n\n  /**\n   * Semantic color token applied to the button's surface and text.\n   *\n   * | Value | Usage |\n   * |---|---|\n   * | `\"primary\"` | Brand primary (default) |\n   * | `\"success\"` | Confirmation / save actions |\n   * | `\"danger\"` | Destructive / delete actions |\n   * | `\"warning\"` | Cautionary / irreversible actions |\n   * | `\"muted\"` | Secondary / low-emphasis actions |\n   *\n   * @default \"primary\"\n   */\n  color?: ButtonVariantProps['color'];\n\n  /**\n   * Controls height, horizontal padding, and font size.\n   *\n   * | Value | Height |\n   * |---|---|\n   * | `\"sm\"` | 32 px |\n   * | `\"default\"` | 36 px |\n   * | `\"lg\"` | 40 px |\n   * | `\"icon\"` | 36 × 36 px (square) |\n   *\n   * @default \"default\"\n   */\n  size?: ButtonVariantProps['size'];\n\n  /**\n   * Additional class names applied to the inner `<div>` that wraps `children`.\n   * Use this to style the children's flex container without overriding the\n   * button's outer layout or focus-ring classes.\n   */\n  innerClassName?: string;\n}\n\n/**\n * Primary interactive button component for `@customafk/lunas-ui`.\n *\n * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,\n * semantic color tokens, a built-in loading state with full accessibility\n * attributes, and polymorphic rendering via `asChild`. All native `<button>`\n * attributes are forwarded to the underlying element.\n *\n * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`\n *\n * @example Basic usage\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SaveAction() {\n *   return <Button color=\"primary\">Save changes</Button>;\n * }\n * ```\n *\n * @example Async loading state\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function SubmitButton({ isPending }: { isPending: boolean }) {\n *   return (\n *     <Button type=\"submit\" isLoading={isPending}>\n *       Submit\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Destructive outline button\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n *\n * export function DeleteButton({ onDelete }: { onDelete: () => void }) {\n *   return (\n *     <Button variant=\"outline\" color=\"danger\" onClick={onDelete}>\n *       Delete account\n *     </Button>\n *   );\n * }\n * ```\n *\n * @example Polymorphic — render as Next.js Link\n * ```tsx\n * import { Button } from '@customafk/lunas-ui/ui/button';\n * import Link from 'next/link';\n *\n * export function NavLink() {\n *   return (\n *     <Button asChild variant=\"ghost\" size=\"sm\">\n *       <Link href=\"/settings\">Settings</Link>\n *     </Button>\n *   );\n * }\n * ```\n */\nfunction Button({\n  className,\n  variant,\n  size = 'default',\n  color,\n  asChild = false,\n  isLoading = false,\n  children,\n  disabled,\n  type = 'button',\n  innerClassName,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      {...(!asChild ? { type, disabled: isDisabled } : undefined)}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color,\n          className,\n        })\n      )}\n      {...props}\n    >\n      {isLoading && (\n        <div className={buttonLoadingVariant({ variant, color })}>\n          <Loader2Icon size={16} className=\"animate-spin\" />\n          <span className=\"sr-only\">Loading</span>\n        </div>\n      )}\n      {asChild ? (\n        <Slottable>{children}</Slottable>\n      ) : (\n        <div className={cn('inline-flex items-center justify-center gap-x-1', isLoading && 'invisible pointer-events-none', innerClassName)}>{children}</div>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"+PA0JA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,iBACA,GAAG,GACW,CACd,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAD,CACE,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,CAAW,EAC7C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,WACF,CAAC,CACH,EACA,GAAI,WAdN,CAgBG,GACC,EAAC,MAAD,CAAK,UAAW,EAAqB,CAAE,UAAS,OAAM,CAAC,WAAvD,CACE,EAAC,EAAD,CAAa,KAAM,GAAI,UAAU,cAAgB,CAAA,EACjD,EAAC,OAAD,CAAM,UAAU,mBAAU,SAAa,CAAA,CACpC,IAEN,EACC,EAAC,EAAD,CAAY,UAAoB,CAAA,EAEhC,EAAC,MAAD,CAAK,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,CAAc,EAAI,UAAc,CAAA,CAElJ,GAEV"}

package/dist/ui/buttons/add-new.cjs

@@ -1 +1,2 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../paragraph-DvTZvbzw.cjs`);const e=require(`../../add-new-deaz-L5t.cjs`);exports.AddNewBtn=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../button.cjs"),t=require("../../typography/paragraph.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime");const i=({onClick:i=()=>{}})=>(0,r.jsxs)(e.Button,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:i,children:[(0,r.jsx)(n.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});exports.AddNewBtn=i;
+//# sourceMappingURL=add-new.cjs.map

package/dist/ui/buttons/add-new.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-new.cjs","names":["Button","PlusIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,MAEnF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,SAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GACxE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,QAExC,CAAA,CACL"}

package/dist/ui/buttons/add-new.d.cts

@@ -1,2 +1,16 @@
-import { t as AddNewBtn } from "../../add-new-pqYC7xmc.cjs";
-export { AddNewBtn };
+//#region packages/components/ui/buttons/add-new.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+};
+/**
+ * A toolbar button that triggers a "create new" action, displaying a plus icon alongside a "Create" label that is hidden on small screens.
+ *
+ * @example
+ * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';
+ *
+ * <AddNewBtn onClick={() => setOpen(true)} />
+ */
+declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { AddNewBtn };
+//# sourceMappingURL=add-new.d.cts.map

package/dist/ui/buttons/add-new.d.mts

@@ -1,2 +1,16 @@
-import { t as AddNewBtn } from "../../add-new-DqRZeMNy.mjs";
-export { AddNewBtn };
+//#region packages/components/ui/buttons/add-new.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+};
+/**
+ * A toolbar button that triggers a "create new" action, displaying a plus icon alongside a "Create" label that is hidden on small screens.
+ *
+ * @example
+ * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';
+ *
+ * <AddNewBtn onClick={() => setOpen(true)} />
+ */
+declare const AddNewBtn: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { AddNewBtn };
+//# sourceMappingURL=add-new.d.mts.map

package/dist/ui/buttons/add-new.mjs

@@ -1 +1,2 @@
-import"../../button.variants-DkMqWB8G.mjs";import"../../button-CCVJTHBI.mjs";import"../../paragraph-DYLaQtTV.mjs";import{t as e}from"../../add-new-B35fn_Bz.mjs";export{e as AddNewBtn};
+import{Button as e}from"../button.mjs";import{Paragraph as t}from"../../typography/paragraph.mjs";import{PlusIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as AddNewBtn};
+//# sourceMappingURL=add-new.mjs.map

package/dist/ui/buttons/add-new.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-new.mjs","names":[],"sources":["../../../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a \"create new\" action, displaying a plus icon alongside a \"Create\" label that is hidden on small screens.\n *\n * @example\n * import { AddNewBtn } from '@customafk/lunas-ui/ui/buttons/add-new';\n *\n * <AddNewBtn onClick={() => setOpen(true)} />\n */\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"4LAmBA,MAAa,GAAuD,CAAE,cAAgB,CAAC,KAEnF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,CAOE,EAAC,EAAD,CAAU,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EACxE,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,QAExC,CAAA,CACL"}

package/dist/ui/buttons/edit.cjs

@@ -1 +1,2 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`);const e=require(`../../edit-DwHuMQMh.cjs`);exports.EditBtn=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../button.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");const r=({onClick:r})=>(0,n.jsx)(e.Button,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:(0,n.jsx)(t.Edit2Icon,{size:16,className:`opacity-60`})});exports.EditBtn=r;
+//# sourceMappingURL=edit.cjs.map

package/dist/ui/buttons/edit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.cjs","names":["Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA4B,CAAE,cAEvC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}

package/dist/ui/buttons/edit.d.cts

@@ -1,2 +1,16 @@
-import { t as EditBtn } from "../../edit-B6hhKU53.cjs";
-export { EditBtn };
+//#region packages/components/ui/buttons/edit.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. */onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+/**
+ * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.
+ *
+ * @example
+ * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';
+ *
+ * <EditBtn onClick={() => openEditDialog(record.id)} />
+ */
+declare const EditBtn: React.FC<Props>;
+//#endregion
+export { EditBtn };
+//# sourceMappingURL=edit.d.cts.map

package/dist/ui/buttons/edit.d.mts

@@ -1,2 +1,16 @@
-import { t as EditBtn } from "../../edit-CJH1v_md.mjs";
-export { EditBtn };
+//#region packages/components/ui/buttons/edit.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. */onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+/**
+ * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.
+ *
+ * @example
+ * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';
+ *
+ * <EditBtn onClick={() => openEditDialog(record.id)} />
+ */
+declare const EditBtn: React.FC<Props>;
+//#endregion
+export { EditBtn };
+//# sourceMappingURL=edit.d.mts.map

package/dist/ui/buttons/edit.mjs

@@ -1 +1,2 @@
-import"../../button.variants-DkMqWB8G.mjs";import"../../button-CCVJTHBI.mjs";import{t as e}from"../../edit-FIiUWxZq.mjs";export{e as EditBtn};
+import{Button as e}from"../button.mjs";import{Edit2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`})});export{r as EditBtn};
+//# sourceMappingURL=edit.mjs.map

package/dist/ui/buttons/edit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.mjs","names":[],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n};\n\n/**\n * An icon-only ghost button that triggers an edit action, rendered with a pencil icon.\n *\n * @example\n * import { EditBtn } from '@customafk/lunas-ui/ui/buttons/edit';\n *\n * <EditBtn onClick={() => openEditDialog(record.id)} />\n */\nexport const EditBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Chỉnh sửa\" variant=\"ghost\" color=\"secondary\" size=\"icon\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Edit2Icon size={16} className=\"opacity-60\" />\n    </Button>\n  );\n};\n"],"mappings":"wHAiBA,MAAa,GAA4B,CAAE,aAEvC,EAAC,EAAD,CAAQ,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAD,CAAW,KAAM,GAAI,UAAU,YAAc,CAAA,CACvC,CAAA"}

package/dist/ui/buttons/refresh.cjs

@@ -1 +1,2 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../paragraph-DvTZvbzw.cjs`);const e=require(`../../refresh-BFJvyuJH.cjs`);exports.RefreshBtn=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../button.cjs"),t=require("../../typography/paragraph.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime");const i=({onClick:i=()=>{}})=>(0,r.jsxs)(e.Button,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:i,children:[(0,r.jsx)(n.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});exports.RefreshBtn=i;
+//# sourceMappingURL=refresh.cjs.map

package/dist/ui/buttons/refresh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.cjs","names":["Button","RefreshCwIcon","Paragraph"],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"6MAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,MAEpF,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,EAOE,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,GAC7E,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,OAExC,CAAA,CACL"}

package/dist/ui/buttons/refresh.d.cts

@@ -1,2 +1,16 @@
-import { t as RefreshBtn } from "../../refresh-vK99pTVu.cjs";
-export { RefreshBtn };
+//#region packages/components/ui/buttons/refresh.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+};
+/**
+ * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a "Reset" label that is hidden on small screens.
+ *
+ * @example
+ * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';
+ *
+ * <RefreshBtn onClick={() => resetFilters()} />
+ */
+declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { RefreshBtn };
+//# sourceMappingURL=refresh.d.cts.map

package/dist/ui/buttons/refresh.d.mts

@@ -1,2 +1,16 @@
-import { t as RefreshBtn } from "../../refresh-BjdAiL4f.mjs";
-export { RefreshBtn };
+//#region packages/components/ui/buttons/refresh.d.ts
+type Props = {
+  /** Callback invoked when the button is clicked. Defaults to a no-op. */onClick?: () => void;
+};
+/**
+ * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a "Reset" label that is hidden on small screens.
+ *
+ * @example
+ * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';
+ *
+ * <RefreshBtn onClick={() => resetFilters()} />
+ */
+declare const RefreshBtn: React.FC<React.PropsWithChildren<Props>>;
+//#endregion
+export { RefreshBtn };
+//# sourceMappingURL=refresh.d.mts.map

package/dist/ui/buttons/refresh.mjs

@@ -1 +1,2 @@
-import"../../button.variants-DkMqWB8G.mjs";import"../../button-CCVJTHBI.mjs";import"../../paragraph-DYLaQtTV.mjs";import{t as e}from"../../refresh-Bxm2I0Oe.mjs";export{e as RefreshBtn};
+import{Button as e}from"../button.mjs";import{Paragraph as t}from"../../typography/paragraph.mjs";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
+//# sourceMappingURL=refresh.mjs.map

package/dist/ui/buttons/refresh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.mjs","names":[],"sources":["../../../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. Defaults to a no-op. */\n  onClick?: () => void;\n};\n\n/**\n * A toolbar button that triggers a refresh/reset action, displaying a rotating arrows icon alongside a \"Reset\" label that is hidden on small screens.\n *\n * @example\n * import { RefreshBtn } from '@customafk/lunas-ui/ui/buttons/refresh';\n *\n * <RefreshBtn onClick={() => resetFilters()} />\n */\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"iMAmBA,MAAa,GAAwD,CAAE,cAAgB,CAAC,KAEpF,EAAC,EAAD,CACE,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,mBALX,CAOE,EAAC,EAAD,CAAe,UAAU,sBAAsB,KAAM,GAAI,cAAY,MAAQ,CAAA,EAC7E,EAAC,EAAD,CAAW,QAAQ,KAAK,UAAU,0BAAiB,OAExC,CAAA,CACL"}

package/dist/ui/buttons/trash.cjs

@@ -1 +1,2 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`);const e=require(`../../trash-BxlUz9AR.cjs`);exports.TrashBtn=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../button.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");const r=({onClick:r})=>(0,n.jsx)(e.Button,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:(0,n.jsx)(t.Trash2Icon,{size:16,className:`opacity-60`,"aria-hidden":`true`})});exports.TrashBtn=r;
+//# sourceMappingURL=trash.cjs.map

package/dist/ui/buttons/trash.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash.cjs","names":["Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAiBA,MAAa,GAA6B,CAAE,cAExC,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}

package/dist/ui/buttons/trash.d.cts

@@ -1,2 +1,16 @@
-import { t as TrashBtn } from "../../trash-CZHL7ZuK.cjs";
-export { TrashBtn };
+//#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 };
+//# sourceMappingURL=trash.d.cts.map

package/dist/ui/buttons/trash.d.mts

@@ -1,2 +1,16 @@
-import { t as TrashBtn } from "../../trash-CV_nXOkW.mjs";
-export { TrashBtn };
+//#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 };
+//# sourceMappingURL=trash.d.mts.map

package/dist/ui/buttons/trash.mjs

@@ -1 +1,2 @@
-import"../../button.variants-DkMqWB8G.mjs";import"../../button-CCVJTHBI.mjs";import{t as e}from"../../trash-UPoDDna-.mjs";export{e as TrashBtn};
+import{Button as e}from"../button.mjs";import{Trash2Icon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({onClick:r})=>n(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:n(t,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
+//# sourceMappingURL=trash.mjs.map

package/dist/ui/buttons/trash.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"trash.mjs","names":[],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * An icon-only ghost button that triggers a delete action, rendered with a trash-can icon.\n *\n * @example\n * import { TrashBtn } from '@customafk/lunas-ui/ui/buttons/trash';\n *\n * <TrashBtn onClick={() => deleteRecord(record.id)} />\n */\nexport const TrashBtn: React.FC<Props> = ({ onClick }) => {\n  return (\n    <Button aria-label=\"Xoá\" variant=\"ghost\" size=\"icon\" color=\"secondary\" className=\"max-sm:aspect-square max-sm:p-0\" onClick={onClick}>\n      <Trash2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n    </Button>\n  );\n};\n"],"mappings":"yHAiBA,MAAa,GAA6B,CAAE,aAExC,EAAC,EAAD,CAAQ,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAD,CAAY,KAAM,GAAI,UAAU,aAAa,cAAY,MAAQ,CAAA,CAC3D,CAAA"}

package/dist/ui/buttons/upload-image.cjs

@@ -1 +1,2 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`);const e=require(`../../upload-image-CPWA9XOk.cjs`);exports.UploadImageBtn=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../button.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");const r=({size:r=`5rem`,onClick:i})=>(0,n.jsx)(e.Button,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:(0,n.jsx)(t.UploadIcon,{className:`size-6`})});exports.UploadImageBtn=r;
+//# sourceMappingURL=upload-image.cjs.map

package/dist/ui/buttons/upload-image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.cjs","names":["Button","UploadIcon"],"sources":["../../../packages/components/ui/buttons/upload-image.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport { UploadIcon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  /**\n   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.\n   * @default '5rem'\n   */\n  size?: number;\n  /** Callback invoked when the button is clicked. */\n  onClick?: () => void;\n};\n\n/**\n * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.\n *\n * @example\n * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';\n *\n * <UploadImageBtn size={96} onClick={() => openFilePicker()} />\n */\nexport const UploadImageBtn: React.FC<PropsWithChildren<Props>> = ({ size = '5rem', onClick }) => {\n  return (\n    <Button\n      style={{\n        width: size,\n        height: size,\n      }}\n      variant=\"outline\"\n      color=\"muted\"\n      onClick={onClick}\n    >\n      <UploadIcon className=\"size-6\" />\n    </Button>\n  );\n};\n"],"mappings":"iKAwBA,MAAa,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAD,CACE,MAAO,CACL,MAAO,EACP,OAAQ,CACV,EACA,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,QAAU,CAAA,CAC1B,CAAA"}