@customafk/lunas-ui 0.1.2 → 0.1.4

package/dist/tooltip-DSY8tTxa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-DSY8tTxa.mjs","names":["TooltipPrimitive","Tooltip"],"sources":["../packages/components/ui/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({ className, sideOffset = 0, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-secondary-strong text-text-negative-intense shadow-dropdown outline-none',\n          'fade-in-0 zoom-in-95 animate-in',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'z-50 w-fit',\n          'origin-(--radix-tooltip-content-transform-origin)',\n          'text-balance rounded-lg px-3 py-1.5 text-xs',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-secondary-strong fill-secondary-strong\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":"yIAMA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAO,EAACA,EAAiB,SAAA,CAAS,YAAU,mBAAkC,gBAAe,GAAI,GAAS,CAG5G,SAASC,EAAQ,CAAE,GAAG,GAA6D,CACjF,OACE,EAAC,EAAA,CAAA,SACC,EAACD,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,GAAS,CAAA,CACxC,CAItB,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,GAAS,CAG5E,SAAS,EAAe,CAAE,YAAW,aAAa,EAAG,WAAU,GAAG,GAAgE,CAChI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACE,aACZ,UAAW,EACT,8EACA,kCACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,aACA,oDACA,8CACA,EACD,CACD,GAAI,YAEH,EACD,EAACA,EAAiB,MAAA,CAAM,UAAU,+GAAA,CAAiH,CAAA,EAC1H,CAAA,CACH"}

package/dist/tooltip-DWcUVxLU.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime174 from "react/jsx-runtime";
+import { Tooltip } from "radix-ui";
+
+//#region packages/components/ui/tooltip.d.ts
+declare function TooltipProvider({
+  delayDuration,
+  ...props
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime174.JSX.Element;
+declare function Tooltip$1({
+  ...props
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime174.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime174.JSX.Element;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  children,
+  ...props
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime174.JSX.Element;
+//#endregion
+export { TooltipTrigger as i, TooltipContent as n, TooltipProvider as r, Tooltip$1 as t };
+//# sourceMappingURL=tooltip-DWcUVxLU.d.cts.map

package/dist/types-BQtV0CCv.d.mts

@@ -0,0 +1,23 @@
+//#region packages/types.d.ts
+declare enum ERole {
+  SUPER_ADMIN = "SUPER_ADMIN",
+  ADMIN = "ADMIN",
+  MODERATOR = "MODERATOR",
+  STAFF = "STAFF",
+  USER = "USER",
+}
+declare enum ECountry {
+  VIETNAM = "Vietnam",
+  USA = "USA",
+  JAPAN = "Japan",
+  KOREA = "Korea",
+  CHINA = "China",
+  TAIWAN = "Taiwan",
+  THAILAND = "Thailand",
+  MALAYSIA = "Malaysia",
+  SINGAPORE = "Singapore",
+  INDONESIA = "Indonesia",
+}
+//#endregion
+export { ERole as n, ECountry as t };
+//# sourceMappingURL=types-BQtV0CCv.d.mts.map

package/dist/types-DQpR6iue.mjs

@@ -0,0 +1,2 @@
+let e=function(e){return e.SUPER_ADMIN=`SUPER_ADMIN`,e.ADMIN=`ADMIN`,e.MODERATOR=`MODERATOR`,e.STAFF=`STAFF`,e.USER=`USER`,e}({}),t=function(e){return e.VIETNAM=`Vietnam`,e.USA=`USA`,e.JAPAN=`Japan`,e.KOREA=`Korea`,e.CHINA=`China`,e.TAIWAN=`Taiwan`,e.THAILAND=`Thailand`,e.MALAYSIA=`Malaysia`,e.SINGAPORE=`Singapore`,e.INDONESIA=`Indonesia`,e}({});export{e as n,t};
+//# sourceMappingURL=types-DQpR6iue.mjs.map

package/dist/types-DQpR6iue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-DQpR6iue.mjs","names":[],"sources":["../packages/types.ts"],"sourcesContent":["export enum ERole {\n  SUPER_ADMIN = 'SUPER_ADMIN',\n  ADMIN = 'ADMIN',\n  MODERATOR = 'MODERATOR',\n  STAFF = 'STAFF',\n  USER = 'USER',\n}\n\nexport enum ECountry {\n  VIETNAM = 'Vietnam',\n  USA = 'USA',\n  JAPAN = 'Japan',\n  KOREA = 'Korea',\n  CHINA = 'China',\n  TAIWAN = 'Taiwan',\n  THAILAND = 'Thailand',\n  MALAYSIA = 'Malaysia',\n  SINGAPORE = 'Singapore',\n  INDONESIA = 'Indonesia',\n}\n\nexport enum EWeightUnit {\n  KG = 'kg',\n  G = 'g',\n  LB = 'lb',\n  OZ = 'oz',\n}\n\nexport enum EDimensionUnit {\n  CM = 'cm',\n  M = 'm',\n  INCH = 'inch',\n  FT = 'ft',\n}\n\nexport enum EProductStatus {\n  DRAFT = 'draft',\n  REVIEW = 'review',\n  ACTIVE = 'active',\n  INACTIVE = 'inactive',\n  CANCELLED = 'cancelled',\n}\n\nexport enum EProductInventoryStatus {\n  IN_STOCK = 'in_stock',\n  OUT_OF_STOCK = 'out_of_stock',\n  PREORDER = 'preorder',\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnyEntity = any;\n"],"mappings":"AAAA,IAAY,EAAA,SAAA,EAAL,OACL,GAAA,YAAA,cACA,EAAA,MAAA,QACA,EAAA,UAAA,YACA,EAAA,MAAA,QACA,EAAA,KAAA,cAGU,EAAA,SAAA,EAAL,OACL,GAAA,QAAA,UACA,EAAA,IAAA,MACA,EAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,OAAA,SACA,EAAA,SAAA,WACA,EAAA,SAAA,WACA,EAAA,UAAA,YACA,EAAA,UAAA"}

package/dist/types-znHT0pO8.d.cts

@@ -0,0 +1,23 @@
+//#region packages/types.d.ts
+declare enum ERole {
+  SUPER_ADMIN = "SUPER_ADMIN",
+  ADMIN = "ADMIN",
+  MODERATOR = "MODERATOR",
+  STAFF = "STAFF",
+  USER = "USER",
+}
+declare enum ECountry {
+  VIETNAM = "Vietnam",
+  USA = "USA",
+  JAPAN = "Japan",
+  KOREA = "Korea",
+  CHINA = "China",
+  TAIWAN = "Taiwan",
+  THAILAND = "Thailand",
+  MALAYSIA = "Malaysia",
+  SINGAPORE = "Singapore",
+  INDONESIA = "Indonesia",
+}
+//#endregion
+export { ERole as n, ECountry as t };
+//# sourceMappingURL=types-znHT0pO8.d.cts.map

package/dist/typography/paragraph.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+
+//#region packages/components/typography/paragraph.d.ts
+type Props = {
+  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Paragraph: ({
+  variant,
+  className,
+  children
+}: Props) => react_jsx_runtime35.JSX.Element;
+//#endregion
+export { Paragraph };
+//# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+
+//#region packages/components/typography/paragraph.d.ts
+type Props = {
+  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Paragraph: ({
+  variant,
+  className,
+  children
+}: Props) => react_jsx_runtime44.JSX.Element;
+//#endregion
+export { Paragraph };
+//# sourceMappingURL=paragraph.d.mts.map

package/dist/typography/paragraph.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../paragraph-Ce1JR2Q4.mjs";export{e as Paragraph};

package/dist/typography/title.cjs

@@ -1 +1 @@
-const e=require(`../title-DEHZP3em.cjs`);exports.Title=e.t;
+const e=require(`../title-sq9e1MdQ.cjs`);exports.Title=e.t;

package/dist/typography/title.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+
+//#region packages/components/typography/title.d.ts
+type Props = {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Title: ({
+  level,
+  className,
+  children
+}: Props) => react_jsx_runtime49.JSX.Element;
+//#endregion
+export { Title };
+//# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region packages/components/typography/title.d.ts
+type Props = {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  className?: string;
+  children?: React.ReactNode;
+};
+declare const Title: ({
+  level,
+  className,
+  children
+}: Props) => react_jsx_runtime45.JSX.Element;
+//#endregion
+export { Title };
+//# sourceMappingURL=title.d.mts.map

package/dist/typography/title.mjs

@@ -0,0 +1 @@
+import{t as e}from"../title-bL7KjDXx.mjs";export{e as Title};

package/dist/ui/alert-dialog.cjs

@@ -1 +1 @@
-"use client";require(`../button.variants-D1vkzrn1.cjs`);const e=require(`../alert-dialog-BlGvvaB2.cjs`);exports.AlertDialog=e.t,exports.AlertDialogAction=e.n,exports.AlertDialogCancel=e.r,exports.AlertDialogContent=e.i,exports.AlertDialogDescription=e.a,exports.AlertDialogFooter=e.o,exports.AlertDialogHeader=e.s,exports.AlertDialogOverlay=e.c,exports.AlertDialogPortal=e.l,exports.AlertDialogTitle=e.u,exports.AlertDialogTrigger=e.d;
+"use client";require(`../button.variants-C--cfyfH.cjs`);const e=require(`../alert-dialog-BabEdvPq.cjs`);exports.AlertDialog=e.t,exports.AlertDialogAction=e.n,exports.AlertDialogCancel=e.r,exports.AlertDialogContent=e.i,exports.AlertDialogDescription=e.a,exports.AlertDialogFooter=e.o,exports.AlertDialogHeader=e.s,exports.AlertDialogOverlay=e.c,exports.AlertDialogPortal=e.l,exports.AlertDialogTitle=e.u,exports.AlertDialogTrigger=e.d;

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

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime76 from "react/jsx-runtime";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
+
+//#region packages/components/ui/alert-dialog.d.ts
+declare function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime76.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime76.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.cts.map

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

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
+
+//#region packages/components/ui/alert-dialog.d.ts
+declare function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime50.JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime50.JSX.Element;
+//#endregion
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=alert-dialog.d.mts.map

package/dist/ui/alert-dialog.mjs

@@ -0,0 +1 @@
+"use client";import"../button.variants-CBzlxtwI.mjs";import{a as e,c as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"../alert-dialog-eXJTuREH.mjs";export{l as AlertDialog,a as AlertDialogAction,s as AlertDialogCancel,r as AlertDialogContent,e as AlertDialogDescription,o as AlertDialogFooter,c as AlertDialogHeader,t as AlertDialogOverlay,i as AlertDialogPortal,u as AlertDialogTitle,n as AlertDialogTrigger};

package/dist/ui/alert.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`class-variance-authority`);const o=(0,a.cva)([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-200`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`text-danger-strong border-danger-muted bg-card [&>svg]:text-danger *:data-[slot=alert-description]:text-danger`,warning:`text-warning-strong border-warning-muted bg-card [&>svg]:text-warning *:data-[slot=alert-description]:text-warning`,success:`text-success-strong border-success-muted bg-card [&>svg]:text-success *:data-[slot=alert-description]:text-success`,info:`text-info-strong border-info-muted bg-card [&>svg]:text-info *:data-[slot=alert-description]:text-info`}},defaultVariants:{variant:`default`}});function s({className:e,variant:a,children:s,icon:c,dismissible:l,onDismiss:u,...d}){let f=(0,n.useMemo)(()=>{if(!c)switch(a){case`destructive`:return(0,i.jsx)(t.AlertCircle,{});case`warning`:return(0,i.jsx)(t.AlertTriangle,{});case`success`:return(0,i.jsx)(t.CheckCircle,{});case`info`:return(0,i.jsx)(t.Info,{});default:return null}return c},[c,a]);return(0,i.jsxs)(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":a,className:(0,r.cn)(o({variant:a}),e),...d,children:[f,s,l&&(0,i.jsx)(`button`,{type:`button`,onClick:u,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100`,"data-slot":`alert-close`,children:(0,i.jsx)(t.X,{size:16})})]})}function c({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-title`,className:(0,r.cn)(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function l({className:e,...t}){return(0,i.jsx)(`div`,{"data-slot":`alert-description`,className:(0,r.cn)(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}exports.Alert=s,exports.AlertDescription=l,exports.AlertTitle=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`lucide-react`),i=require(`react`),a=require(`class-variance-authority`);const o=(0,a.cva)([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-200`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`text-danger-strong border-danger-muted bg-card [&>svg]:text-danger *:data-[slot=alert-description]:text-danger`,warning:`text-warning-strong border-warning-muted bg-card [&>svg]:text-warning *:data-[slot=alert-description]:text-warning`,success:`text-success-strong border-success-muted bg-card [&>svg]:text-success *:data-[slot=alert-description]:text-success`,info:`text-info-strong border-info-muted bg-card [&>svg]:text-info *:data-[slot=alert-description]:text-info`}},defaultVariants:{variant:`default`}});function s({className:e,variant:a,children:s,icon:c,dismissible:l,onDismiss:u,...d}){let f=(0,i.useMemo)(()=>{if(!c)switch(a){case`destructive`:return(0,n.jsx)(r.AlertCircle,{});case`warning`:return(0,n.jsx)(r.AlertTriangle,{});case`success`:return(0,n.jsx)(r.CheckCircle,{});case`info`:return(0,n.jsx)(r.Info,{});default:return null}return c},[c,a]);return(0,n.jsxs)(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":a,className:(0,t.cn)(o({variant:a}),e),...d,children:[f,s,l&&(0,n.jsx)(`button`,{type:`button`,onClick:u,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100`,"data-slot":`alert-close`,children:(0,n.jsx)(r.X,{size:16})})]})}function c({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`alert-title`,className:(0,t.cn)(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`alert-description`,className:(0,t.cn)(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...r})}exports.Alert=s,exports.AlertDescription=l,exports.AlertTitle=c;
 //# sourceMappingURL=alert.cjs.map

package/dist/ui/alert.d.cts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime265 from "react/jsx-runtime";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/alert-variants.d.ts
+/**
+ * Alert component variants for styling using class-variance-authority
+ */
+declare const alertVariants: (props?: ({
+  variant?: "default" | "success" | "info" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+type AlertVariantProps = VariantProps<typeof alertVariants>;
+//#endregion
+//#region packages/components/ui/alert.d.ts
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {
+  /**
+   * Optional icon to display in the alert
+   */
+  icon?: React.ReactNode;
+  /**
+   * Whether the alert can be dismissed
+   */
+  dismissible?: boolean;
+  /**
+   * Callback when the alert is dismissed
+   */
+  onDismiss?: () => void;
+}
+/**
+ * Alert component for displaying informational messages to users
+ */
+declare function Alert({
+  className,
+  variant,
+  children,
+  icon,
+  dismissible,
+  onDismiss,
+  ...props
+}: AlertProps): react_jsx_runtime265.JSX.Element;
+interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Title text or elements
+   */
+  children: React.ReactNode;
+}
+/**
+ * Title component for the Alert
+ */
+declare function AlertTitle({
+  className,
+  ...props
+}: AlertTitleProps): react_jsx_runtime265.JSX.Element;
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Description text or elements
+   */
+  children: React.ReactNode;
+}
+/**
+ * Description component for the Alert
+ */
+declare function AlertDescription({
+  className,
+  ...props
+}: AlertDescriptionProps): react_jsx_runtime265.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
+//# sourceMappingURL=alert.d.cts.map

package/dist/ui/alert.d.mts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
+
+//#region packages/components/ui/alert-variants.d.ts
+/**
+ * Alert component variants for styling using class-variance-authority
+ */
+declare const alertVariants: (props?: ({
+  variant?: "default" | "success" | "info" | "warning" | "destructive" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+type AlertVariantProps = VariantProps<typeof alertVariants>;
+//#endregion
+//#region packages/components/ui/alert.d.ts
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {
+  /**
+   * Optional icon to display in the alert
+   */
+  icon?: React.ReactNode;
+  /**
+   * Whether the alert can be dismissed
+   */
+  dismissible?: boolean;
+  /**
+   * Callback when the alert is dismissed
+   */
+  onDismiss?: () => void;
+}
+/**
+ * Alert component for displaying informational messages to users
+ */
+declare function Alert({
+  className,
+  variant,
+  children,
+  icon,
+  dismissible,
+  onDismiss,
+  ...props
+}: AlertProps): react_jsx_runtime47.JSX.Element;
+interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Title text or elements
+   */
+  children: React.ReactNode;
+}
+/**
+ * Title component for the Alert
+ */
+declare function AlertTitle({
+  className,
+  ...props
+}: AlertTitleProps): react_jsx_runtime47.JSX.Element;
+interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Description text or elements
+   */
+  children: React.ReactNode;
+}
+/**
+ * Description component for the Alert
+ */
+declare function AlertDescription({
+  className,
+  ...props
+}: AlertDescriptionProps): react_jsx_runtime47.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
+//# sourceMappingURL=alert.d.mts.map

package/dist/ui/alert.mjs

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{AlertCircle as r,AlertTriangle as i,CheckCircle as a,Info as o,X as s}from"lucide-react";import{useMemo as c}from"react";import{cva as l}from"class-variance-authority";const u=l([`relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`grid-cols-[0_1fr]`,`has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3`,`[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,`transition-colors duration-200`],{variants:{variant:{default:`bg-card text-text-positive-strong border-border`,destructive:`text-danger-strong border-danger-muted bg-card [&>svg]:text-danger *:data-[slot=alert-description]:text-danger`,warning:`text-warning-strong border-warning-muted bg-card [&>svg]:text-warning *:data-[slot=alert-description]:text-warning`,success:`text-success-strong border-success-muted bg-card [&>svg]:text-success *:data-[slot=alert-description]:text-success`,info:`text-info-strong border-info-muted bg-card [&>svg]:text-info *:data-[slot=alert-description]:text-info`}},defaultVariants:{variant:`default`}});function d({className:l,variant:d,children:f,icon:p,dismissible:m,onDismiss:h,...g}){let _=c(()=>{if(!p)switch(d){case`destructive`:return t(r,{});case`warning`:return t(i,{});case`success`:return t(a,{});case`info`:return t(o,{});default:return null}return p},[p,d]);return n(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":d,className:e(u({variant:d}),l),...g,children:[_,f,m&&t(`button`,{type:`button`,onClick:h,"aria-label":`Close alert`,className:`absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100`,"data-slot":`alert-close`,children:t(s,{size:16})})]})}function f({className:n,...r}){return t(`div`,{"data-slot":`alert-title`,className:e(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,n),...r})}function p({className:n,...r}){return t(`div`,{"data-slot":`alert-description`,className:e(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,n),...r})}export{d as Alert,p as AlertDescription,f as AlertTitle};
+//# sourceMappingURL=alert.mjs.map

package/dist/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../packages/components/ui/alert-variants.ts","../../packages/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Alert component variants for styling using class-variance-authority\n */\nexport const alertVariants = cva(\n  [\n    'relative grid w-full items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'grid-cols-[0_1fr]',\n    'has-[>svg]:grid-cols-[24px_1fr] has-[>svg]:gap-x-3',\n    '[&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n    'transition-colors duration-200',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong border-border',\n        destructive: 'text-danger-strong border-danger-muted bg-card [&>svg]:text-danger *:data-[slot=alert-description]:text-danger',\n        warning: 'text-warning-strong border-warning-muted bg-card [&>svg]:text-warning *:data-[slot=alert-description]:text-warning',\n        success: 'text-success-strong border-success-muted bg-card [&>svg]:text-success *:data-[slot=alert-description]:text-success',\n        info: 'text-info-strong border-info-muted bg-card [&>svg]:text-info *:data-[slot=alert-description]:text-info',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n","'use client';\n\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertCircle, AlertTriangle, CheckCircle, Info, X } from 'lucide-react';\n\nimport { type AlertVariantProps, alertVariants } from './alert-variants';\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, Omit<AlertVariantProps, 'className'> {\n  /**\n   * Optional icon to display in the alert\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the alert can be dismissed\n   */\n  dismissible?: boolean;\n  /**\n   * Callback when the alert is dismissed\n   */\n  onDismiss?: () => void;\n}\n\n/**\n * Alert component for displaying informational messages to users\n */\nfunction Alert({ className, variant, children, icon, dismissible, onDismiss, ...props }: AlertProps) {\n  // Default icons based on variant\n  const defaultIcon = useMemo(() => {\n    if (!icon) {\n      switch (variant) {\n        case 'destructive':\n          return <AlertCircle />;\n        case 'warning':\n          return <AlertTriangle />;\n        case 'success':\n          return <CheckCircle />;\n        case 'info':\n          return <Info />;\n        default:\n          return null;\n      }\n    }\n    return icon;\n  }, [icon, variant]);\n\n  return (\n    <div data-slot=\"alert\" role=\"alert\" data-variant={variant} className={cn(alertVariants({ variant }), className)} {...props}>\n      {defaultIcon}\n      {children}\n      {dismissible && (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label=\"Close alert\"\n          className=\"absolute top-2 right-2 size-6 rounded-md p-1 opacity-70 transition-opacity hover:opacity-100\"\n          data-slot=\"alert-close\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Title text or elements\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Title component for the Alert\n */\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return <div data-slot=\"alert-title\" className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)} {...props} />;\n}\n\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Description text or elements\n   */\n  children: React.ReactNode;\n}\n\n/**\n * Description component for the Alert\n */\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn('text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertDescription, AlertTitle };\n"],"mappings":"kSAKA,MAAa,EAAgB,EAC3B,CACE,iFACA,oBACA,qDACA,8DACA,iCACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YAAa,iHACb,QAAS,qHACT,QAAS,qHACT,KAAM,yGACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CCAD,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,EAAc,MAAc,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAC,EAAA,EAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAC,EAAA,EAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAC,EAAA,EAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,GAAI,YAClH,EACA,EACA,GACC,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,+FACV,YAAU,uBAEV,EAAC,EAAA,CAAE,KAAM,GAAA,CAAM,EACR,GAEP,CAcV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAa5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime173 from "react/jsx-runtime";
+import { AspectRatio as AspectRatio$1 } from "radix-ui";
+
+//#region packages/components/ui/aspect-ratio.d.ts
+declare function AspectRatio({
+  className,
+  ...props
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime173.JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.cts.map

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime64 from "react/jsx-runtime";
+import { AspectRatio as AspectRatio$1 } from "radix-ui";
+
+//#region packages/components/ui/aspect-ratio.d.ts
+declare function AspectRatio({
+  className,
+  ...props
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime64.JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.mts.map

package/dist/ui/aspect-ratio.mjs

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{AspectRatio as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`aspect-ratio`,className:e(`bg-secondary-muted rounded-md`,r),...i})}export{r as AspectRatio};
+//# sourceMappingURL=aspect-ratio.mjs.map

package/dist/ui/aspect-ratio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.mjs","names":["AspectRatioPrimitive"],"sources":["../../packages/components/ui/aspect-ratio.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AspectRatio as AspectRatioPrimitive } from 'radix-ui';\n\nfunction AspectRatio({ className, ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" className={cn('bg-secondary-muted rounded-md', className)} {...props} />;\n}\n\nexport { AspectRatio };\n"],"mappings":"gJAKA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAACA,EAAqB,KAAA,CAAK,YAAU,eAAe,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/avatar.cjs

@@ -1 +1 @@
-"use client";const e=require(`../avatar-aVxo69zP.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;
+"use client";const e=require(`../avatar-dAu1c0bC.cjs`);exports.Avatar=e.t,exports.AvatarFallback=e.n,exports.AvatarImage=e.r;

package/dist/ui/avatar.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime275 from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region packages/components/ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime275.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime275.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime275.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.cts.map

package/dist/ui/avatar.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime61 from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region packages/components/ui/avatar.d.ts
+declare function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime61.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime61.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime61.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=avatar.d.mts.map

package/dist/ui/avatar.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,r as t,t as n}from"../avatar-DzKLg9J3.mjs";export{n as Avatar,e as AvatarFallback,t as AvatarImage};

package/dist/ui/badge.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../badge-CsDmp3ys.cjs`);exports.Badge=e.t,exports.badgeVariants=e.n;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`class-variance-authority`);const i=(0,r.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:e,color:r,size:a,pill:o,...s}){return(0,n.jsx)(`div`,{className:(0,t.cn)(i({color:r,pill:o,size:a}),e),...s})}exports.Badge=a,exports.badgeVariants=i;
+//# sourceMappingURL=badge.cjs.map

package/dist/ui/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","names":[],"sources":["../../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  }\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"2KAMA,MAAM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,yBACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,CACF,CAID,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/badge.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+import { VariantProps } from "class-variance-authority";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;
+declare function Badge({
+  className,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): react_jsx_runtime64.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.cts.map

package/dist/ui/badge.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
+
+//#region packages/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  pill?: boolean | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;
+declare function Badge({
+  className,
+  color,
+  size,
+  pill,
+  ...props
+}: BadgeProps): react_jsx_runtime69.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.mts.map

package/dist/ui/badge.mjs

@@ -0,0 +1,2 @@
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function i({className:n,color:i,size:a,pill:o,...s}){return t(`div`,{className:e(r({color:i,pill:o,size:a}),n),...s})}export{i as Badge,r as badgeVariants};
+//# sourceMappingURL=badge.mjs.map

package/dist/ui/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","names":[],"sources":["../../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  }\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"wJAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,yBACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,CACF,CAID,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}