@customafk/lunas-ui 0.2.5 → 0.2.7

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

@@ -1 +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\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\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\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":"uOAMA,MAAM,GAAA,EAAA,EAAA,KACJ,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAED,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,WAAA,EAAA,EAAA,IAAc,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,EAAO,MAAA,CAI1B,WAAA,EAAA,EAAA,IACE,uKACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,YAAU,yBACG,cACb,WAAA,EAAA,EAAA,IAAc,+EAAgF,EAAU,CACxG,GAAI,GACJ"}
+{"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":"uOAMA,MAAM,GAAA,EAAA,EAAA,KACJ,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAiBD,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,WAAA,EAAA,EAAA,IAAc,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAS3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,EAAO,MAAA,CAI1B,WAAA,EAAA,EAAA,IACE,uKACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,YAAU,yBACG,cACb,WAAA,EAAA,EAAA,IAAc,+EAAgF,EAAU,CACxG,GAAI,GACJ"}

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

@@ -1,29 +1,50 @@
 import { Separator } from "./separator.cjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types4.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>): react_jsx_runtime18.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime52.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;
-}): react_jsx_runtime18.JSX.Element;
+}): react_jsx_runtime52.JSX.Element;
+/** A visual Separator rendered between items inside a ButtonGroup. */
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime18.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.cts.map

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

@@ -1,29 +1,50 @@
 import { Separator } from "./separator.mjs";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime212 from "react/jsx-runtime";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
 
 //#region packages/components/ui/button-group.d.ts
 declare const buttonGroupVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types4.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>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime52.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;
-}): react_jsx_runtime212.JSX.Element;
+}): react_jsx_runtime52.JSX.Element;
+/** A visual Separator rendered between items inside a ButtonGroup. */
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime212.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.mts.map

package/dist/ui/button-group.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../dist-DP1ehOL8.mjs";import{t}from"../separator-Bf0gymN4.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};
+import{t as e}from"../dist-CIN9T2FB.mjs";import{t}from"../separator-BMsbHAVt.mjs";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";import{cva as i}from"class-variance-authority";const a=i(`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,...i}){return n(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:r(a({orientation:t}),e),...i})}function s({className:t,asChild:i=!1,...a}){return n(i?e:`div`,{className:r(`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:i=`vertical`,...a}){return n(t,{"data-slot":`button-group-separator`,orientation:i,className:r(`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

@@ -1 +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\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\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\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":"6NAMA,MAAM,EAAsB,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAED,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,UAAW,EAAG,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAI3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,MAAA,CAI1B,UAAW,EACT,uKACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAC,EAAA,CACC,YAAU,yBACG,cACb,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,GACJ"}
+{"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":"6NAMA,MAAM,EAAsB,EAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,kHACZ,SAAU,2HACX,CACF,CACD,gBAAiB,CACf,YAAa,aACd,CACF,CACF,CAiBD,SAAS,EAAY,CAAE,YAAW,cAAa,GAAG,GAAiF,CACjI,OACE,EAAC,MAAA,CAAI,KAAK,QAAQ,YAAU,eAAe,mBAAkB,EAAa,UAAW,EAAG,EAAoB,CAAE,cAAa,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS,CAS3J,SAAS,EAAgB,CACvB,YACA,UAAU,GACV,GAAG,GAGF,CAGD,OACE,EAHW,EAAU,EAAO,MAAA,CAI1B,UAAW,EACT,uKACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAqB,CAAE,YAAW,cAAc,WAAY,GAAG,GAAiD,CACvH,OACE,EAAC,EAAA,CACC,YAAU,yBACG,cACb,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,GACJ"}

package/dist/ui/button.cjs

@@ -1 +1 @@
-"use client";require(`../button.variants-aqkTmzFu.cjs`);const e=require(`../button-Cd7YtPlT.cjs`);exports.Button=e.t;
+"use client";require(`../button.variants-tnhb123u.cjs`);const e=require(`../button-CwDT3m4m.cjs`);exports.Button=e.t;

package/dist/ui/button.d.cts

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

package/dist/ui/button.d.mts

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

package/dist/ui/button.mjs

@@ -1 +1 @@
-"use client";import"../button.variants-B_dFX3i2.mjs";import{t as e}from"../button-D8BUqpI2.mjs";export{e as Button};
+"use client";import"../button.variants-DeCyas1F.mjs";import{t as e}from"../button-C6ybzxxj.mjs";export{e as Button};

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../paragraph-Co2e-y5c.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const n=require(`../../button-Cd7YtPlT.cjs`);let r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.t,{"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:e,children:[(0,r.jsx)(i.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});exports.AddNewBtn=a;
+const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-tnhb123u.cjs`);const t=require(`../../button-CwDT3m4m.cjs`),n=require(`../../paragraph-DN85Huc4.cjs`);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);const a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.t,{"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:e,children:[(0,i.jsx)(r.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});exports.AddNewBtn=a;
 //# sourceMappingURL=add-new.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"add-new.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","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  onClick?: () => void;\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":"8OASA,MAAaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EACzE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}
+{"version":3,"file":"add-new.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","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":"8OAmBA,MAAaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EACzE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}

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

@@ -1,7 +1,16 @@
 //#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 };

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

@@ -1,7 +1,16 @@
 //#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 };

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

@@ -1,2 +1,2 @@
-import{t as e}from"../../paragraph-DmiXlAnE.mjs";import"../../button.variants-B_dFX3i2.mjs";import{t}from"../../button-D8BUqpI2.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{PlusIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"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:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as AddNewBtn};
+import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{t}from"../../paragraph-Ch5TvEqL.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

@@ -1 +1 @@
-{"version":3,"file":"add-new.mjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"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  onClick?: () => void;\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":"+NASA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CACzE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}
+{"version":3,"file":"add-new.mjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"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":"+NAmBA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CACzE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}

package/dist/ui/buttons/edit.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const t=require(`../../button-Cd7YtPlT.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`);const i=({onClick:e})=>(0,n.jsx)(t.t,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,n.jsx)(r.Edit2Icon,{size:16,className:`opacity-60`})});exports.EditBtn=i;
+const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-tnhb123u.cjs`);const t=require(`../../button-CwDT3m4m.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`);const i=({onClick:e})=>(0,r.jsx)(t.t,{"aria-label":`Chỉnh sửa`,variant:`ghost`,color:`secondary`,size:`icon`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Edit2Icon,{size:16,className:`opacity-60`})});exports.EditBtn=i;
 //# sourceMappingURL=edit.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"edit.cjs","names":["EditBtn: React.FC<Props>","Button","Edit2Icon"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\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":"oMAOA,MAAaA,GAA4B,CAAE,cAEvC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAI,UAAU,cAAe,EACvC"}
+{"version":3,"file":"edit.cjs","names":["EditBtn: React.FC<Props>","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?: () => void;\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":"oMAiBA,MAAaA,GAA4B,CAAE,cAEvC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,oBAChI,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,KAAM,GAAI,UAAU,cAAe,EACvC"}

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

@@ -1,7 +1,16 @@
 //#region packages/components/ui/buttons/edit.d.ts
 type Props = {
+  /** Callback invoked when the button is clicked. */
   onClick?: () => void;
 };
+/**
+ * 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 };

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

@@ -1,7 +1,16 @@
 //#region packages/components/ui/buttons/edit.d.ts
 type Props = {
+  /** Callback invoked when the button is clicked. */
   onClick?: () => void;
 };
+/**
+ * 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 };

package/dist/ui/buttons/edit.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-B_dFX3i2.mjs";import{t as e}from"../../button-D8BUqpI2.mjs";import{jsx as t}from"react/jsx-runtime";import{Edit2Icon as n}from"lucide-react";const r=({onClick:r})=>t(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:t(n,{size:16,className:`opacity-60`})});export{r as EditBtn};
+import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.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

@@ -1 +1 @@
-{"version":3,"file":"edit.mjs","names":["EditBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/edit.tsx"],"sourcesContent":["import { Edit2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\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":"0KAOA,MAAaA,GAA4B,CAAE,aAEvC,EAAC,EAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAA,CAAU,KAAM,GAAI,UAAU,cAAe,EACvC"}
+{"version":3,"file":"edit.mjs","names":["EditBtn: React.FC<Props>"],"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?: () => void;\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":"0KAiBA,MAAaA,GAA4B,CAAE,aAEvC,EAAC,EAAA,CAAO,aAAW,YAAY,QAAQ,QAAQ,MAAM,YAAY,KAAK,OAAO,UAAU,kCAA2C,mBAChI,EAAC,EAAA,CAAU,KAAM,GAAI,UAAU,cAAe,EACvC"}

package/dist/ui/buttons/refresh.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../paragraph-Co2e-y5c.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const n=require(`../../button-Cd7YtPlT.cjs`);let r=require(`react/jsx-runtime`),i=require(`lucide-react`);const a=({onClick:e=()=>{}})=>(0,r.jsxs)(n.t,{"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:e,children:[(0,r.jsx)(i.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,r.jsx)(t.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});exports.RefreshBtn=a;
+const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-tnhb123u.cjs`);const t=require(`../../button-CwDT3m4m.cjs`),n=require(`../../paragraph-DN85Huc4.cjs`);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);const a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.t,{"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:e,children:[(0,i.jsx)(r.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});exports.RefreshBtn=a;
 //# sourceMappingURL=refresh.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"refresh.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","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  onClick?: () => void;\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":"8OASA,MAAaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}
+{"version":3,"file":"refresh.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","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":"8OAmBA,MAAaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EAC9E,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

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

@@ -1,7 +1,16 @@
 //#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 };

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

@@ -1,7 +1,16 @@
 //#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 };

package/dist/ui/buttons/refresh.mjs

@@ -1,2 +1,2 @@
-import{t as e}from"../../paragraph-DmiXlAnE.mjs";import"../../button.variants-B_dFX3i2.mjs";import{t}from"../../button-D8BUqpI2.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{RefreshCwIcon as i}from"lucide-react";const a=({onClick:a=()=>{}})=>r(t,{"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:[n(i,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),n(e,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
+import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{t}from"../../paragraph-Ch5TvEqL.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

@@ -1 +1 @@
-{"version":3,"file":"refresh.mjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"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  onClick?: () => void;\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":"oOASA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CAC9E,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}
+{"version":3,"file":"refresh.mjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"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":"oOAmBA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CAC9E,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,SAEvC,CAAA,EACL"}

package/dist/ui/buttons/trash.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const t=require(`../../button-Cd7YtPlT.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`);const i=({onClick:e})=>(0,n.jsx)(t.t,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,n.jsx)(r.Trash2Icon,{size:16,className:`opacity-60`,"aria-hidden":`true`})});exports.TrashBtn=i;
+const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-tnhb123u.cjs`);const t=require(`../../button-CwDT3m4m.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`);const i=({onClick:e})=>(0,r.jsx)(t.t,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:e,children:(0,r.jsx)(n.Trash2Icon,{size:16,className:`opacity-60`,"aria-hidden":`true`})});exports.TrashBtn=i;
 //# sourceMappingURL=trash.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"trash.cjs","names":["TrashBtn: React.FC<Props>","Button","Trash2Icon"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\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":"oMAOA,MAAaA,GAA6B,CAAE,cAExC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY,QAAS,EAC3D"}
+{"version":3,"file":"trash.cjs","names":["TrashBtn: React.FC<Props>","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":"oMAiBA,MAAaA,GAA6B,CAAE,cAExC,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,oBAC1H,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY,QAAS,EAC3D"}

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

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

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

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

package/dist/ui/buttons/trash.mjs

@@ -1,2 +1,2 @@
-import"../../button.variants-B_dFX3i2.mjs";import{t as e}from"../../button-D8BUqpI2.mjs";import{jsx as t}from"react/jsx-runtime";import{Trash2Icon as n}from"lucide-react";const r=({onClick:r})=>t(e,{"aria-label":`Xoá`,variant:`ghost`,size:`icon`,color:`secondary`,className:`max-sm:aspect-square max-sm:p-0`,onClick:r,children:t(n,{size:16,className:`opacity-60`,"aria-hidden":`true`})});export{r as TrashBtn};
+import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.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

@@ -1 +1 @@
-{"version":3,"file":"trash.mjs","names":["TrashBtn: React.FC<Props>"],"sources":["../../../packages/components/ui/buttons/trash.tsx"],"sourcesContent":["import { Trash2Icon } from 'lucide-react';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\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":"2KAOA,MAAaA,GAA6B,CAAE,aAExC,EAAC,EAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY,QAAS,EAC3D"}
+{"version":3,"file":"trash.mjs","names":["TrashBtn: React.FC<Props>"],"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":"2KAiBA,MAAaA,GAA6B,CAAE,aAExC,EAAC,EAAA,CAAO,aAAW,MAAM,QAAQ,QAAQ,KAAK,OAAO,MAAM,YAAY,UAAU,kCAA2C,mBAC1H,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,aAAa,cAAY,QAAS,EAC3D"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-aqkTmzFu.cjs`);const t=require(`../../button-Cd7YtPlT.cjs`);let n=require(`react/jsx-runtime`),r=require(`lucide-react`);const i=({size:e=`5rem`,onClick:i})=>(0,n.jsx)(t.t,{style:{width:e,height:e},variant:`outline`,color:`muted`,onClick:i,children:(0,n.jsx)(r.UploadIcon,{className:`size-6`})});exports.UploadImageBtn=i;
+const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-tnhb123u.cjs`);const t=require(`../../button-CwDT3m4m.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`);const i=({size:e=`5rem`,onClick:i})=>(0,r.jsx)(t.t,{style:{width:e,height:e},variant:`outline`,color:`muted`,onClick:i,children:(0,r.jsx)(n.UploadIcon,{className:`size-6`})});exports.UploadImageBtn=i;
 //# sourceMappingURL=upload-image.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-image.cjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>","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  size?: number;\n  onClick?: () => void;\n};\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":"oMAWA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,EACT,CACD,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,SAAA,CAAW,EAC1B"}
+{"version":3,"file":"upload-image.cjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>","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":"oMAwBA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,cAEhF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,EACT,CACD,QAAQ,UACR,MAAM,QACG,oBAET,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,UAAU,SAAA,CAAW,EAC1B"}

package/dist/ui/buttons/upload-image.d.cts

@@ -2,9 +2,22 @@ import { PropsWithChildren } from "react";
 
 //#region packages/components/ui/buttons/upload-image.d.ts
 type Props = {
+  /**
+   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.
+   * @default '5rem'
+   */
   size?: number;
+  /** Callback invoked when the button is clicked. */
   onClick?: () => void;
 };
+/**
+ * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.
+ *
+ * @example
+ * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';
+ *
+ * <UploadImageBtn size={96} onClick={() => openFilePicker()} />
+ */
 declare const UploadImageBtn: React.FC<PropsWithChildren<Props>>;
 //#endregion
 export { UploadImageBtn };

package/dist/ui/buttons/upload-image.d.mts

@@ -2,9 +2,22 @@ import { PropsWithChildren } from "react";
 
 //#region packages/components/ui/buttons/upload-image.d.ts
 type Props = {
+  /**
+   * Numeric pixel value applied to both the `width` and `height` of the button via inline styles.
+   * @default '5rem'
+   */
   size?: number;
+  /** Callback invoked when the button is clicked. */
   onClick?: () => void;
 };
+/**
+ * A square outline button for triggering image upload flows, rendered with an upload icon and a configurable size.
+ *
+ * @example
+ * import { UploadImageBtn } from '@customafk/lunas-ui/ui/buttons/upload-image';
+ *
+ * <UploadImageBtn size={96} onClick={() => openFilePicker()} />
+ */
 declare const UploadImageBtn: React.FC<PropsWithChildren<Props>>;
 //#endregion
 export { UploadImageBtn };

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

@@ -1,2 +1,2 @@
-import"../../button.variants-B_dFX3i2.mjs";import{t as e}from"../../button-D8BUqpI2.mjs";import{jsx as t}from"react/jsx-runtime";import{UploadIcon as n}from"lucide-react";const r=({size:r=`5rem`,onClick:i})=>t(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:t(n,{className:`size-6`})});export{r as UploadImageBtn};
+import"../../button.variants-DeCyas1F.mjs";import{t as e}from"../../button-C6ybzxxj.mjs";import{UploadIcon as t}from"lucide-react";import{jsx as n}from"react/jsx-runtime";const r=({size:r=`5rem`,onClick:i})=>n(e,{style:{width:r,height:r},variant:`outline`,color:`muted`,onClick:i,children:n(t,{className:`size-6`})});export{r as UploadImageBtn};
 //# sourceMappingURL=upload-image.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-image.mjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>"],"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  size?: number;\n  onClick?: () => void;\n};\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":"2KAWA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,EACT,CACD,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAA,CAAW,UAAU,SAAA,CAAW,EAC1B"}
+{"version":3,"file":"upload-image.mjs","names":["UploadImageBtn: React.FC<PropsWithChildren<Props>>"],"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":"2KAwBA,MAAaA,GAAsD,CAAE,OAAO,OAAQ,aAEhF,EAAC,EAAA,CACC,MAAO,CACL,MAAO,EACP,OAAQ,EACT,CACD,QAAQ,UACR,MAAM,QACG,mBAET,EAAC,EAAA,CAAW,UAAU,SAAA,CAAW,EAC1B"}

package/dist/ui/calendar.cjs

@@ -1 +1 @@
-"use client";require(`../button.variants-aqkTmzFu.cjs`),require(`../button-Cd7YtPlT.cjs`);const e=require(`../calendar-Cq3_5u0k.cjs`);exports.Calendar=e.t,exports.CalendarDayButton=e.n;
+"use client";require(`../button.variants-tnhb123u.cjs`),require(`../button-CwDT3m4m.cjs`);const e=require(`../calendar-CyAPpT2m.cjs`);exports.Calendar=e.t,exports.CalendarDayButton=e.n;

package/dist/ui/calendar.d.cts

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-DYZCqN6A.cjs";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import { t as Button } from "../button-Bn54lPVz.cjs";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region packages/components/ui/calendar.d.ts
@@ -9,7 +9,24 @@ declare const CalendarDayButton: ({
   modifiers,
   color: _,
   ...props
-}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime77.JSX.Element;
+}: React.ComponentProps<typeof DayButton>) => react_jsx_runtime74.JSX.Element;
+/**
+ * A fully styled date-picker calendar built on top of react-day-picker, supporting single, range, and multiple selection modes.
+ *
+ * @example
+ * ```tsx
+ * import { Calendar } from '@customafk/lunas-ui/ui/calendar';
+ *
+ * const [date, setDate] = React.useState<Date>();
+ *
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   captionLayout="dropdown"
+ * />
+ * ```
+ */
 declare function Calendar({
   className,
   classNames,
@@ -20,8 +37,9 @@ declare function Calendar({
   components,
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
+  /** Variant applied to the previous/next navigation buttons. */
   buttonVariant?: React.ComponentProps<typeof Button>['variant'];
-}): react_jsx_runtime77.JSX.Element;
+}): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.cts.map