@customafk/lunas-ui 0.2.50 → 0.2.52

package/dist/badge-CQygfYGk.d.mts

@@ -0,0 +1,42 @@
+import * as react173 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "outline" | "soft" | "solid" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+/**
+ * Props for the `Badge` component.
+ *
+ * @property variant - Visual fill style — `'solid'` (filled, default), `'soft'` (tinted background), or `'outline'` (border only).
+ * @property color - Semantic color token — `'primary'` | `'secondary'` | `'muted'` | `'accent'` | `'info'` | `'success'` | `'warning'` | `'danger'`. Defaults to `'primary'`.
+ * @property size - Badge size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`.
+ * @property pill - When `true` (default), renders with fully rounded corners (`rounded-full`); when `false`, uses `rounded-sm`.
+ */
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;
+/**
+ * Inline status label rendered as a `<span>` with CVA-driven variant, color, size, and shape options.
+ *
+ * @example
+ * ```tsx
+ * import { Badge } from '@customafk/lunas-ui/ui/badge';
+ *
+ * <Badge variant="soft" color="success" size="sm">Active</Badge>
+ * <Badge variant="outline" color="danger">Overdue</Badge>
+ * ```
+ */
+declare function Badge({
+  className,
+  variant,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): react173.JSX.Element;
+//#endregion
+export { BadgeProps as n, badgeVariants as r, Badge as t };
+//# sourceMappingURL=badge-CQygfYGk.d.mts.map

package/dist/badge-DYo5Diiy.d.cts

@@ -0,0 +1,42 @@
+import * as react51 from "react";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "outline" | "soft" | "solid" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "danger" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+/**
+ * Props for the `Badge` component.
+ *
+ * @property variant - Visual fill style — `'solid'` (filled, default), `'soft'` (tinted background), or `'outline'` (border only).
+ * @property color - Semantic color token — `'primary'` | `'secondary'` | `'muted'` | `'accent'` | `'info'` | `'success'` | `'warning'` | `'danger'`. Defaults to `'primary'`.
+ * @property size - Badge size — `'xs'` | `'sm'` | `'md'` (default) | `'lg'` | `'xl'`.
+ * @property pill - When `true` (default), renders with fully rounded corners (`rounded-full`); when `false`, uses `rounded-sm`.
+ */
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;
+/**
+ * Inline status label rendered as a `<span>` with CVA-driven variant, color, size, and shape options.
+ *
+ * @example
+ * ```tsx
+ * import { Badge } from '@customafk/lunas-ui/ui/badge';
+ *
+ * <Badge variant="soft" color="success" size="sm">Active</Badge>
+ * <Badge variant="outline" color="danger">Overdue</Badge>
+ * ```
+ */
+declare function Badge({
+  className,
+  variant,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): react51.JSX.Element;
+//#endregion
+export { BadgeProps as n, badgeVariants as r, Badge as t };
+//# sourceMappingURL=badge-DYo5Diiy.d.cts.map

package/dist/breadcrumb-BhUXmEGd.d.cts

@@ -0,0 +1,72 @@
+import * as react56 from "react";
+
+//#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'>): react56.JSX.Element;
+/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<'ol'>): react56.JSX.Element;
+/** Individual `<li>` item wrapper inside a BreadcrumbList. */
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react56.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;
+}): react56.JSX.Element;
+/** Non-interactive span representing the current page; sets `aria-current="page"`. */
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react56.JSX.Element;
+/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react56.JSX.Element;
+/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'button'>): react56.JSX.Element;
+//#endregion
+export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
+//# sourceMappingURL=breadcrumb-BhUXmEGd.d.cts.map

package/dist/breadcrumb-D5EVqGzZ.d.mts

@@ -0,0 +1,72 @@
+import * as react163 from "react";
+
+//#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'>): react163.JSX.Element;
+/** Ordered list `<ol>` container that lays out breadcrumb items horizontally with wrapping. */
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React.ComponentProps<'ol'>): react163.JSX.Element;
+/** Individual `<li>` item wrapper inside a BreadcrumbList. */
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react163.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;
+}): react163.JSX.Element;
+/** Non-interactive span representing the current page; sets `aria-current="page"`. */
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React.ComponentProps<'span'>): react163.JSX.Element;
+/** Visual separator `<li>` rendered between breadcrumb items; defaults to a right chevron icon. */
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<'li'>): react163.JSX.Element;
+/** Button that represents collapsed breadcrumb segments with an ellipsis icon. */
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<'button'>): react163.JSX.Element;
+//#endregion
+export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };
+//# sourceMappingURL=breadcrumb-D5EVqGzZ.d.mts.map

package/dist/breadcrumb-DgCIacvh.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./dist-Cx5ufCdr.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);function a({className:e,...t}){return(0,i.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:(0,r.cn)(``,e),...t})}function o({className:e,...t}){return(0,i.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:(0,r.cn)(`flex flex-wrap items-center gap-1.5 sm:gap-2.5`,`text-sm break-words`,`text-text-positive-weak`,e),...t})}function s({className:e,...t}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:(0,r.cn)(`inline-flex items-center gap-1.5`,e),...t})}function c({asChild:e,className:n,...a}){return(0,i.jsx)(e?t.t:`a`,{"data-slot":`breadcrumb-link`,className:(0,r.cn)(`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 l({className:e,...t}){return(0,i.jsx)(`span`,{"data-slot":`breadcrumb-page`,"aria-current":`page`,className:(0,r.cn)(`text-text-positive-strong font-medium`,e),...t})}function u({children:e,className:t,...a}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:(0,r.cn)(`text-text-positive-muted`,`[&>svg]:size-3.5`,t),...a,children:e??(0,i.jsx)(n.ChevronRight,{})})}function d({className:e,...t}){return(0,i.jsxs)(`button`,{"data-slot":`breadcrumb-ellipsis`,type:`button`,className:(0,r.cn)(`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:[(0,i.jsx)(n.MoreHorizontal,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Show more breadcrumbs`})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=breadcrumb-DgCIacvh.cjs.map

package/dist/breadcrumb-DgCIacvh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-DgCIacvh.cjs","names":["Slot","ChevronRight","MoreHorizontal"],"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":"kLA+BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,EAAU,CAAE,GAAI,GAAS,CAIxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAQpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,EAAO,IAAA,CAI1B,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,EAAAA,CAAe,EAC1B,CAKT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAA,EAAA,MAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,WAAA,EAAA,EAAA,IACE,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,SAAA,CAAW,EACrC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/breadcrumb-RCZAaQ1l.mjs

@@ -0,0 +1,2 @@
+import{t as e}from"./dist-DVrfqn8H.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{s as a,l as i,f as n,u as o,c as r,d as s,o as t};
+//# sourceMappingURL=breadcrumb-RCZAaQ1l.mjs.map

package/dist/breadcrumb-RCZAaQ1l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-RCZAaQ1l.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":"8MA+BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,GAAI,EAAU,CAAE,GAAI,GAAS,CAIxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAC,KAAA,CACC,YAAU,kBACV,UAAW,EAAG,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAQpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,IAAA,CAI1B,YAAU,kBACV,UAAW,EACT,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAI/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAG,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,GAAY,EAAC,EAAA,EAAA,CAAe,EAC1B,CAKT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,UAAW,EACT,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,YAEJ,EAAC,EAAA,CAAe,UAAU,SAAA,CAAW,CACrC,EAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/button-CCVJTHBI.mjs

@@ -0,0 +1,2 @@
+import{n as e,t}from"./dist-DVrfqn8H.mjs";import{n,t as r}from"./button.variants-DkMqWB8G.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 t};
+//# sourceMappingURL=button-CCVJTHBI.mjs.map

package/dist/button-CCVJTHBI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CCVJTHBI.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":"gPA0JA,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,EAAA,CACC,GAAM,EAA2C,IAAA,GAAjC,CAAE,OAAM,SAAU,EAAY,CAC9C,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,gBAAe,EAAa,GAAO,IAAA,GACnC,YAAW,EAAY,GAAO,IAAA,GAC9B,UAAW,EACT,EAAe,CACb,UACA,OACA,QACA,YACD,CAAC,CACH,CACD,GAAI,YAEH,GACC,EAAC,MAAA,CAAI,UAAW,EAAqB,CAAE,UAAS,QAAO,CAAC,WACtD,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,CAClD,EAAC,OAAA,CAAK,UAAU,mBAAU,WAAc,CAAA,EACpC,CAEP,EACC,EAAC,EAAA,CAAW,WAAA,CAAqB,CAEjC,EAAC,MAAA,CAAI,UAAW,EAAG,kDAAmD,GAAa,gCAAiC,EAAe,CAAG,YAAe,CAAA,EAElJ"}

package/dist/button-CwxEnAw3.d.mts

@@ -0,0 +1,174 @@
+import * as react182 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+
+//#region packages/components/ui/button.variants.d.ts
+
+/**
+ * Button variants definition for styling using class-variance-authority
+ */
+declare const buttonVariants: (props?: ({
+  variant?: "link" | "default" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "important" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//#endregion
+//#region packages/components/ui/button.d.ts
+/**
+ * Props for the {@link Button} component.
+ *
+ * Extends all native `<button>` attributes except `color`, which is
+ * re-declared as a semantic design-token via {@link ButtonVariantProps}.
+ *
+ * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)
+ */
+interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
+  /**
+   * When `true`, renders children through Radix's `<Slot>` primitive,
+   * merging all button props directly onto the child element.
+   *
+   * Use this to swap the rendered HTML element while keeping button styling
+   * (e.g. render a Next.js `<Link>` that looks like a button).
+   *
+   * @default false
+   * @example
+   * ```tsx
+   * <Button asChild variant="ghost">
+   *   <Link href="/dashboard">Go to Dashboard</Link>
+   * </Button>
+   * ```
+   */
+  asChild?: boolean;
+  /**
+   * When `true`, shows an animated `Loader2` spinner overlay and sets
+   * `aria-busy="true"`. The button is implicitly disabled while loading —
+   * no separate `disabled` prop is needed for loading states.
+   *
+   * @default false
+   */
+  isLoading?: boolean;
+  /**
+   * Visual style variant of the button.
+   *
+   * | Value | Description |
+   * |---|---|
+   * | `"default"` | Filled surface — primary call-to-action (default) |
+   * | `"outline"` | Transparent background with a visible border |
+   * | `"ghost"` | No background or border — minimal footprint |
+   * | `"link"` | Styled as an underlined hyperlink |
+   * | `"icon"` | Square, padding-free — icon-only buttons |
+   * | `"destructive"` | Red-toned filled surface for danger actions |
+   *
+   * @default "default"
+   */
+  variant?: ButtonVariantProps['variant'];
+  /**
+   * Semantic color token applied to the button's surface and text.
+   *
+   * | Value | Usage |
+   * |---|---|
+   * | `"primary"` | Brand primary (default) |
+   * | `"success"` | Confirmation / save actions |
+   * | `"danger"` | Destructive / delete actions |
+   * | `"warning"` | Cautionary / irreversible actions |
+   * | `"muted"` | Secondary / low-emphasis actions |
+   *
+   * @default "primary"
+   */
+  color?: ButtonVariantProps['color'];
+  /**
+   * Controls height, horizontal padding, and font size.
+   *
+   * | Value | Height |
+   * |---|---|
+   * | `"sm"` | 32 px |
+   * | `"default"` | 36 px |
+   * | `"lg"` | 40 px |
+   * | `"icon"` | 36 × 36 px (square) |
+   *
+   * @default "default"
+   */
+  size?: ButtonVariantProps['size'];
+  /**
+   * Additional class names applied to the inner `<div>` that wraps `children`.
+   * Use this to style the children's flex container without overriding the
+   * button's outer layout or focus-ring classes.
+   */
+  innerClassName?: string;
+}
+/**
+ * Primary interactive button component for `@customafk/lunas-ui`.
+ *
+ * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,
+ * semantic color tokens, a built-in loading state with full accessibility
+ * attributes, and polymorphic rendering via `asChild`. All native `<button>`
+ * attributes are forwarded to the underlying element.
+ *
+ * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SaveAction() {
+ *   return <Button color="primary">Save changes</Button>;
+ * }
+ * ```
+ *
+ * @example Async loading state
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SubmitButton({ isPending }: { isPending: boolean }) {
+ *   return (
+ *     <Button type="submit" isLoading={isPending}>
+ *       Submit
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Destructive outline button
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function DeleteButton({ onDelete }: { onDelete: () => void }) {
+ *   return (
+ *     <Button variant="outline" color="danger" onClick={onDelete}>
+ *       Delete account
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Polymorphic — render as Next.js Link
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ * import Link from 'next/link';
+ *
+ * export function NavLink() {
+ *   return (
+ *     <Button asChild variant="ghost" size="sm">
+ *       <Link href="/settings">Settings</Link>
+ *     </Button>
+ *   );
+ * }
+ * ```
+ */
+declare function Button({
+  className,
+  variant,
+  size,
+  color,
+  asChild,
+  isLoading,
+  children,
+  disabled,
+  type,
+  innerClassName,
+  ...props
+}: ButtonProps): react182.JSX.Element;
+//#endregion
+export { ButtonProps as n, Button as t };
+//# sourceMappingURL=button-CwxEnAw3.d.mts.map

package/dist/button-D-pWsdxT.d.cts

@@ -0,0 +1,174 @@
+import * as react52 from "react";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/button.variants.d.ts
+
+/**
+ * Button variants definition for styling using class-variance-authority
+ */
+declare const buttonVariants: (props?: ({
+  variant?: "link" | "default" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  color?: "muted" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "important" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//#endregion
+//#region packages/components/ui/button.d.ts
+/**
+ * Props for the {@link Button} component.
+ *
+ * Extends all native `<button>` attributes except `color`, which is
+ * re-declared as a semantic design-token via {@link ButtonVariantProps}.
+ *
+ * @see {@link https://www.radix-ui.com/primitives/docs/utilities/slot} Radix Slot (asChild pattern)
+ */
+interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
+  /**
+   * When `true`, renders children through Radix's `<Slot>` primitive,
+   * merging all button props directly onto the child element.
+   *
+   * Use this to swap the rendered HTML element while keeping button styling
+   * (e.g. render a Next.js `<Link>` that looks like a button).
+   *
+   * @default false
+   * @example
+   * ```tsx
+   * <Button asChild variant="ghost">
+   *   <Link href="/dashboard">Go to Dashboard</Link>
+   * </Button>
+   * ```
+   */
+  asChild?: boolean;
+  /**
+   * When `true`, shows an animated `Loader2` spinner overlay and sets
+   * `aria-busy="true"`. The button is implicitly disabled while loading —
+   * no separate `disabled` prop is needed for loading states.
+   *
+   * @default false
+   */
+  isLoading?: boolean;
+  /**
+   * Visual style variant of the button.
+   *
+   * | Value | Description |
+   * |---|---|
+   * | `"default"` | Filled surface — primary call-to-action (default) |
+   * | `"outline"` | Transparent background with a visible border |
+   * | `"ghost"` | No background or border — minimal footprint |
+   * | `"link"` | Styled as an underlined hyperlink |
+   * | `"icon"` | Square, padding-free — icon-only buttons |
+   * | `"destructive"` | Red-toned filled surface for danger actions |
+   *
+   * @default "default"
+   */
+  variant?: ButtonVariantProps['variant'];
+  /**
+   * Semantic color token applied to the button's surface and text.
+   *
+   * | Value | Usage |
+   * |---|---|
+   * | `"primary"` | Brand primary (default) |
+   * | `"success"` | Confirmation / save actions |
+   * | `"danger"` | Destructive / delete actions |
+   * | `"warning"` | Cautionary / irreversible actions |
+   * | `"muted"` | Secondary / low-emphasis actions |
+   *
+   * @default "primary"
+   */
+  color?: ButtonVariantProps['color'];
+  /**
+   * Controls height, horizontal padding, and font size.
+   *
+   * | Value | Height |
+   * |---|---|
+   * | `"sm"` | 32 px |
+   * | `"default"` | 36 px |
+   * | `"lg"` | 40 px |
+   * | `"icon"` | 36 × 36 px (square) |
+   *
+   * @default "default"
+   */
+  size?: ButtonVariantProps['size'];
+  /**
+   * Additional class names applied to the inner `<div>` that wraps `children`.
+   * Use this to style the children's flex container without overriding the
+   * button's outer layout or focus-ring classes.
+   */
+  innerClassName?: string;
+}
+/**
+ * Primary interactive button component for `@customafk/lunas-ui`.
+ *
+ * Built on Radix UI's `<Slot>` primitive. Supports multiple visual variants,
+ * semantic color tokens, a built-in loading state with full accessibility
+ * attributes, and polymorphic rendering via `asChild`. All native `<button>`
+ * attributes are forwarded to the underlying element.
+ *
+ * **Import:** `import { Button } from '@customafk/lunas-ui/ui/button'`
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SaveAction() {
+ *   return <Button color="primary">Save changes</Button>;
+ * }
+ * ```
+ *
+ * @example Async loading state
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function SubmitButton({ isPending }: { isPending: boolean }) {
+ *   return (
+ *     <Button type="submit" isLoading={isPending}>
+ *       Submit
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Destructive outline button
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * export function DeleteButton({ onDelete }: { onDelete: () => void }) {
+ *   return (
+ *     <Button variant="outline" color="danger" onClick={onDelete}>
+ *       Delete account
+ *     </Button>
+ *   );
+ * }
+ * ```
+ *
+ * @example Polymorphic — render as Next.js Link
+ * ```tsx
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ * import Link from 'next/link';
+ *
+ * export function NavLink() {
+ *   return (
+ *     <Button asChild variant="ghost" size="sm">
+ *       <Link href="/settings">Settings</Link>
+ *     </Button>
+ *   );
+ * }
+ * ```
+ */
+declare function Button({
+  className,
+  variant,
+  size,
+  color,
+  asChild,
+  isLoading,
+  children,
+  disabled,
+  type,
+  innerClassName,
+  ...props
+}: ButtonProps): react52.JSX.Element;
+//#endregion
+export { ButtonProps as n, Button as t };
+//# sourceMappingURL=button-D-pWsdxT.d.cts.map

package/dist/button-group-4oHvYHtz.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./dist-Cx5ufCdr.cjs`),n=require(`./separator-BRoS5sU8.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`class-variance-authority`),a=require(`react/jsx-runtime`);const o=(0,i.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 s({className:e,orientation:t,...n}){return(0,a.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:(0,r.cn)(o({orientation:t}),e),...n})}function c({className:e,asChild:n=!1,...i}){return(0,a.jsx)(n?t.t:`div`,{className:(0,r.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`,e),...i})}function l({className:e,orientation:t=`vertical`,...i}){return(0,a.jsx)(n.t,{"data-slot":`button-group-separator`,orientation:t,className:(0,r.cn)(`relative m-0! self-stretch bg-muted-muted data-[orientation=vertical]:h-auto`,e),...i})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=button-group-4oHvYHtz.cjs.map