@customafk/lunas-ui 0.2.0 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button-B2FJrOBP.mjs +2 -0
- package/dist/button-B2FJrOBP.mjs.map +1 -0
- package/dist/{button-D0YsVKtm.d.cts → button-BnFROtRM.d.cts} +3 -3
- package/dist/button-CYw2AqT0.cjs +2 -0
- package/dist/button-CYw2AqT0.cjs.map +1 -0
- package/dist/{button-L3Ts3X9d.d.mts → button-IfNjnUO-.d.mts} +3 -3
- package/dist/{calendar-D3hTjPxn.mjs → calendar-Bt6qXSZb.mjs} +2 -2
- package/dist/{calendar-D3hTjPxn.mjs.map → calendar-Bt6qXSZb.mjs.map} +1 -1
- package/dist/{calendar-CO20ceyB.cjs → calendar-BwWfk_Zk.cjs} +2 -2
- package/dist/{calendar-CO20ceyB.cjs.map → calendar-BwWfk_Zk.cjs.map} +1 -1
- package/dist/cards/grid-product-card.cjs +1 -1
- package/dist/cards/grid-product-card.mjs +1 -1
- package/dist/cards/product-card.cjs +1 -1
- package/dist/cards/product-card.mjs +1 -1
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/{dialog-C3T_1iTB.d.cts → dialog-CyLgmqny.d.cts} +12 -12
- package/dist/{dialog-COoKGA4Q.d.mts → dialog-lFDfcYPP.d.mts} +12 -12
- package/dist/dialogs/detail-dialog/components/sidebar.cjs +1 -1
- package/dist/dialogs/detail-dialog/components/sidebar.d.cts +26 -26
- package/dist/dialogs/detail-dialog/components/sidebar.d.mts +24 -24
- package/dist/dialogs/detail-dialog/components/sidebar.mjs +1 -1
- package/dist/dialogs/detail-dialog/index.cjs +1 -1
- package/dist/dialogs/detail-dialog/index.mjs +1 -1
- package/dist/features/descriptions/index.d.cts +4 -4
- package/dist/features/search-modal/index.d.cts +2 -2
- package/dist/features/search-modal/index.d.mts +2 -2
- package/dist/features/tables/index.cjs +1 -1
- package/dist/features/tables/index.d.cts +1 -1
- package/dist/features/tables/index.d.mts +23 -23
- package/dist/features/tables/index.mjs +1 -1
- package/dist/features/tanstack-form/index.cjs +1 -1
- package/dist/features/tanstack-form/index.cjs.map +1 -1
- package/dist/features/tanstack-form/index.d.cts +224 -224
- package/dist/features/tanstack-form/index.d.mts +224 -224
- package/dist/features/tanstack-form/index.mjs +1 -1
- package/dist/features/tanstack-form/index.mjs.map +1 -1
- package/dist/{input-C9dS5env.d.mts → input-Bm0YXroi.d.cts} +6 -6
- package/dist/{input-C3M7uZqX.d.cts → input-CLlVXOR2.d.mts} +6 -6
- package/dist/layouts/cms-layout/index.cjs +1 -1
- package/dist/layouts/cms-layout/index.mjs +1 -1
- package/dist/layouts/flex.d.cts +2 -2
- package/dist/layouts/flex.d.mts +2 -2
- package/dist/layouts/payment-layout/index.cjs +1 -1
- package/dist/layouts/payment-layout/index.mjs +1 -1
- package/dist/pages/FeatureDeveloping.cjs +1 -1
- package/dist/pages/FeatureDeveloping.d.cts +2 -2
- package/dist/pages/FeatureDeveloping.d.mts +2 -2
- package/dist/pages/FeatureDeveloping.mjs +1 -1
- package/dist/pages/FeatureFixing.cjs +1 -1
- package/dist/pages/FeatureFixing.d.cts +2 -2
- package/dist/pages/FeatureFixing.d.mts +2 -2
- package/dist/pages/FeatureFixing.mjs +1 -1
- package/dist/pages/NotAuthorized.cjs +1 -1
- package/dist/pages/NotAuthorized.d.cts +2 -2
- package/dist/pages/NotAuthorized.d.mts +2 -2
- package/dist/pages/NotAuthorized.mjs +1 -1
- package/dist/pages/NotFound.cjs +1 -1
- package/dist/pages/NotFound.d.cts +2 -2
- package/dist/pages/NotFound.d.mts +2 -2
- package/dist/pages/NotFound.mjs +1 -1
- package/dist/typography/paragraph.d.cts +5 -5
- package/dist/typography/paragraph.d.mts +5 -5
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.mts +2 -2
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.mts +12 -12
- package/dist/ui/alert.d.cts +4 -4
- package/dist/ui/alert.d.mts +4 -4
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.mts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.mts +4 -4
- package/dist/ui/badge.d.cts +4 -4
- package/dist/ui/badge.d.mts +4 -4
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.mts +8 -8
- package/dist/ui/button-group.d.cts +6 -6
- package/dist/ui/button-group.d.mts +6 -6
- package/dist/ui/button.cjs +1 -1
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/button.d.mts +1 -1
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/buttons/add-new.cjs +1 -1
- package/dist/ui/buttons/add-new.mjs +1 -1
- package/dist/ui/buttons/edit.cjs +1 -1
- package/dist/ui/buttons/edit.mjs +1 -1
- package/dist/ui/buttons/refresh.cjs +1 -1
- package/dist/ui/buttons/refresh.mjs +1 -1
- package/dist/ui/buttons/trash.cjs +1 -1
- package/dist/ui/buttons/trash.mjs +1 -1
- package/dist/ui/buttons/upload-image.cjs +1 -1
- package/dist/ui/buttons/upload-image.mjs +1 -1
- package/dist/ui/calendar.cjs +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.mts +4 -4
- package/dist/ui/calendar.mjs +1 -1
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/carousel.cjs +1 -1
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.mts +7 -7
- package/dist/ui/carousel.mjs +1 -1
- package/dist/ui/checkbox.d.cts +2 -2
- package/dist/ui/checkbox.d.mts +2 -2
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.mts +4 -4
- package/dist/ui/command.d.cts +11 -11
- package/dist/ui/command.d.mts +11 -11
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.mts +16 -16
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.mts +1 -1
- package/dist/ui/drawer.d.cts +11 -11
- package/dist/ui/drawer.d.mts +11 -11
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/empty.d.cts +9 -9
- package/dist/ui/empty.d.mts +9 -9
- package/dist/ui/field.d.cts +13 -13
- package/dist/ui/field.d.mts +24 -24
- package/dist/ui/file-uploader.cjs +1 -1
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.mts +2 -2
- package/dist/ui/file-uploader.mjs +1 -1
- package/dist/ui/form.d.cts +7 -7
- package/dist/ui/form.d.mts +11 -11
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.mts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.mts +5 -5
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.mts +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.mts +3 -3
- package/dist/ui/item.d.cts +14 -14
- package/dist/ui/item.d.mts +14 -14
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.mts +17 -17
- package/dist/ui/multi-select.cjs +1 -1
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.mts +3 -3
- package/dist/ui/multi-select.mjs +1 -1
- package/dist/ui/navigation-menu.d.cts +9 -9
- package/dist/ui/navigation-menu.d.mts +11 -11
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.mts +9 -9
- package/dist/ui/popover.d.cts +6 -6
- package/dist/ui/popover.d.mts +6 -6
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.mts +2 -2
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.mts +3 -3
- package/dist/ui/resizable.d.cts +9 -9
- package/dist/ui/resizable.d.mts +9 -9
- package/dist/ui/scroll-area.d.cts +3 -3
- package/dist/ui/scroll-area.d.mts +3 -3
- package/dist/ui/select.d.cts +9 -9
- package/dist/ui/select.d.mts +9 -9
- package/dist/ui/separator.d.cts +2 -2
- package/dist/ui/separator.d.mts +2 -2
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.d.cts +26 -26
- package/dist/ui/sidebar.d.mts +28 -28
- package/dist/ui/sidebar.mjs +1 -1
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.mts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.mts +2 -2
- package/dist/ui/spinner.d.cts +2 -2
- package/dist/ui/spinner.d.mts +2 -2
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.mts +2 -2
- package/dist/ui/table.d.cts +9 -9
- package/dist/ui/table.d.mts +18 -18
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.mts +5 -5
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/toggle-group.d.cts +3 -3
- package/dist/ui/toggle-group.d.mts +3 -3
- package/dist/ui/toggle.d.cts +2 -2
- package/dist/ui/toggle.d.mts +4 -4
- package/dist/ui/tooltip.d.cts +5 -5
- package/dist/ui/tooltip.d.mts +5 -5
- package/package.json +1 -1
- package/dist/button-6-3G2PiR.mjs +0 -2
- package/dist/button-6-3G2PiR.mjs.map +0 -1
- package/dist/button-D0WaocKO.cjs +0 -2
- package/dist/button-D0WaocKO.cjs.map +0 -1
package/dist/ui/toggle.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime234 from "react/jsx-runtime";
|
|
2
2
|
import * as class_variance_authority_types10 from "class-variance-authority/types";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import { Toggle as Toggle$1 } from "radix-ui";
|
|
@@ -13,7 +13,7 @@ declare function Toggle({
|
|
|
13
13
|
variant,
|
|
14
14
|
size,
|
|
15
15
|
...props
|
|
16
|
-
}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>):
|
|
16
|
+
}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime234.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { Toggle, toggleVariants };
|
|
19
19
|
//# sourceMappingURL=toggle.d.cts.map
|
package/dist/ui/toggle.d.mts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime242 from "react/jsx-runtime";
|
|
3
3
|
import { Toggle as Toggle$1 } from "radix-ui";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types10 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region packages/components/ui/toggle.d.ts
|
|
7
7
|
declare const toggleVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "outline" | null | undefined;
|
|
9
9
|
size?: "sm" | "lg" | "default" | null | undefined;
|
|
10
|
-
} &
|
|
10
|
+
} & class_variance_authority_types10.ClassProp) | undefined) => string;
|
|
11
11
|
declare function Toggle({
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
size,
|
|
15
15
|
...props
|
|
16
|
-
}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>):
|
|
16
|
+
}: React.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime242.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { Toggle, toggleVariants };
|
|
19
19
|
//# sourceMappingURL=toggle.d.mts.map
|
package/dist/ui/tooltip.d.cts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime261 from "react/jsx-runtime";
|
|
2
2
|
import { Tooltip as Tooltip$1 } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/tooltip.d.ts
|
|
5
5
|
declare function TooltipProvider({
|
|
6
6
|
delayDuration,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof Tooltip$1.Provider>):
|
|
8
|
+
}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime261.JSX.Element;
|
|
9
9
|
declare function Tooltip({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof Tooltip$1.Root>):
|
|
11
|
+
}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime261.JSX.Element;
|
|
12
12
|
declare function TooltipTrigger({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof Tooltip$1.Trigger>):
|
|
14
|
+
}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime261.JSX.Element;
|
|
15
15
|
declare function TooltipContent({
|
|
16
16
|
className,
|
|
17
17
|
sideOffset,
|
|
18
18
|
children,
|
|
19
19
|
...props
|
|
20
|
-
}: React.ComponentProps<typeof Tooltip$1.Content>):
|
|
20
|
+
}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime261.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
23
23
|
//# sourceMappingURL=tooltip.d.cts.map
|
package/dist/ui/tooltip.d.mts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime261 from "react/jsx-runtime";
|
|
2
2
|
import { Tooltip as Tooltip$1 } from "radix-ui";
|
|
3
3
|
|
|
4
4
|
//#region packages/components/ui/tooltip.d.ts
|
|
5
5
|
declare function TooltipProvider({
|
|
6
6
|
delayDuration,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof Tooltip$1.Provider>):
|
|
8
|
+
}: React.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime261.JSX.Element;
|
|
9
9
|
declare function Tooltip({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof Tooltip$1.Root>):
|
|
11
|
+
}: React.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime261.JSX.Element;
|
|
12
12
|
declare function TooltipTrigger({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof Tooltip$1.Trigger>):
|
|
14
|
+
}: React.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime261.JSX.Element;
|
|
15
15
|
declare function TooltipContent({
|
|
16
16
|
className,
|
|
17
17
|
sideOffset,
|
|
18
18
|
children,
|
|
19
19
|
...props
|
|
20
|
-
}: React.ComponentProps<typeof Tooltip$1.Content>):
|
|
20
|
+
}: React.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime261.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
22
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
23
23
|
//# sourceMappingURL=tooltip.d.mts.map
|
package/package.json
CHANGED
package/dist/button-6-3G2PiR.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./dist-CvmzZ_6C.mjs";import{n as t,t as n}from"./button.variants-DuuH1O0_.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{Activity as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Loader2Icon as s}from"lucide-react";function c({className:i,variant:c,size:l=`default`,color:u,asChild:d=!1,isLoading:f=!1,children:p,disabled:m,type:h=`button`,...g}){return o(d?e:`button`,{type:h,"data-slot":`button`,"data-state":f?`loading`:void 0,disabled:m,"aria-disabled":m?!0:void 0,className:r(t({variant:c,size:l,color:u,className:i})),...g,children:[f&&a(`div`,{className:n({variant:c,color:u}),children:a(s,{size:16,className:`animate-spin`})}),p]})}export{c as t};
|
|
2
|
-
//# sourceMappingURL=button-6-3G2PiR.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-6-3G2PiR.mjs","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Activity } from 'react';\n\nimport { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n /**\n * When true, the button will render its children without wrapping them\n */\n asChild?: boolean;\n /**\n * Shows a loading spinner when true\n */\n isLoading?: boolean;\n /**\n * Visual style variant\n */\n variant?: ButtonVariantProps['variant'];\n /**\n * Color theme of the button\n */\n color?: ButtonVariantProps['color'];\n /**\n * Size of the button\n */\n size?: ButtonVariantProps['size'];\n}\n\n/**\n * Button component with variants, loading state and composition support\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 ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n type={type}\n data-slot=\"button\"\n data-state={isLoading ? 'loading' : undefined}\n disabled={disabled}\n aria-disabled={disabled ? true : undefined}\n className={cn(\n buttonVariants({\n variant,\n size,\n color: color as ButtonVariantProps['color'],\n className,\n })\n )}\n {...props}\n >\n {isLoading && (\n <div className={buttonLoadingVariant({ variant, color })}>\n <Loader2Icon size={16} className=\"animate-spin\" />\n </div>\n )}\n {children}\n </Comp>\n );\n}\n\nexport { Button };\n"],"mappings":"oRAqCA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,GAAG,GACW,CAGd,OACE,EAHW,EAAU,EAAO,SAAA,CAIpB,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GAC1B,WACV,gBAAe,EAAW,GAAO,IAAA,GACjC,UAAW,EACT,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,GAAI,YAEH,GACC,EAAC,MAAA,CAAI,UAAW,EAAqB,CAAE,UAAS,QAAO,CAAC,UACtD,EAAC,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,EAC9C,CAEP,EAAA,EACI"}
|
package/dist/button-D0WaocKO.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./dist-BudM04oj.cjs`),n=require(`./button.variants-rdXrPUao.cjs`);let r=require(`@customafk/react-toolkit/utils`),i=require(`react`),a=require(`react/jsx-runtime`),o=require(`lucide-react`);function s({className:e,variant:i,size:s=`default`,color:c,asChild:l=!1,isLoading:u=!1,children:d,disabled:f,type:p=`button`,...m}){return(0,a.jsxs)(l?t.t:`button`,{type:p,"data-slot":`button`,"data-state":u?`loading`:void 0,disabled:f,"aria-disabled":f?!0:void 0,className:(0,r.cn)(n.n({variant:i,size:s,color:c,className:e})),...m,children:[u&&(0,a.jsx)(`div`,{className:n.t({variant:i,color:c}),children:(0,a.jsx)(o.Loader2Icon,{size:16,className:`animate-spin`})}),d]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
2
|
-
//# sourceMappingURL=button-D0WaocKO.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-D0WaocKO.cjs","names":["Slot","buttonVariants","buttonLoadingVariant","Loader2Icon"],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { Activity } from 'react';\n\nimport { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonLoadingVariant, buttonVariants } from './button.variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n /**\n * When true, the button will render its children without wrapping them\n */\n asChild?: boolean;\n /**\n * Shows a loading spinner when true\n */\n isLoading?: boolean;\n /**\n * Visual style variant\n */\n variant?: ButtonVariantProps['variant'];\n /**\n * Color theme of the button\n */\n color?: ButtonVariantProps['color'];\n /**\n * Size of the button\n */\n size?: ButtonVariantProps['size'];\n}\n\n/**\n * Button component with variants, loading state and composition support\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 ...props\n}: ButtonProps) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n type={type}\n data-slot=\"button\"\n data-state={isLoading ? 'loading' : undefined}\n disabled={disabled}\n aria-disabled={disabled ? true : undefined}\n className={cn(\n buttonVariants({\n variant,\n size,\n color: color as ButtonVariantProps['color'],\n className,\n })\n )}\n {...props}\n >\n {isLoading && (\n <div className={buttonLoadingVariant({ variant, color })}>\n <Loader2Icon size={16} className=\"animate-spin\" />\n </div>\n )}\n {children}\n </Comp>\n );\n}\n\nexport { Button };\n"],"mappings":"iPAqCA,SAAS,EAAO,CACd,YACA,UACA,OAAO,UACP,QACA,UAAU,GACV,YAAY,GACZ,WACA,WACA,OAAO,SACP,GAAG,GACW,CAGd,OACE,EAAA,EAAA,MAHW,EAAUA,EAAAA,EAAO,SAAA,CAIpB,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GAC1B,WACV,gBAAe,EAAW,GAAO,IAAA,GACjC,WAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,GAAI,YAEH,IACC,EAAA,EAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,EAAqB,CAAE,UAAS,QAAO,CAAC,WACtD,EAAA,EAAA,KAACC,EAAAA,YAAAA,CAAY,KAAM,GAAI,UAAU,gBAAiB,EAC9C,CAEP,EAAA,EACI"}
|