@customafk/lunas-ui 0.0.69 → 0.0.70

package/dist/typography/paragraph.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime12.JSX.Element;
+}: Props) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime99.JSX.Element;
+}: Props) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/typography/paragraph.js

@@ -1 +1 @@
-"use client";import{Paragraph as e}from"../paragraph-BwSskqDY.js";export{e as Paragraph};
+"use client";import{Paragraph as e}from"../paragraph-B9fp9JaI.js";export{e as Paragraph};

package/dist/typography/title.cjs

@@ -1 +1 @@
-const e=require(`../title-B51-Oj-Y.cjs`);exports.Title=e.Title;
+const e=require(`../title-CfI-y7Xt.cjs`);exports.Title=e.Title;

package/dist/typography/title.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime11.JSX.Element;
+}: Props) => react_jsx_runtime47.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime42.JSX.Element;
+}: Props) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.ts.map

package/dist/typography/title.js

@@ -1 +1 @@
-import{Title as e}from"../title-Cb4SosQb.js";export{e as Title};
+import{Title as e}from"../title-C5OV9Ei4.js";export{e as Title};

package/dist/ui/alert-dialog.cjs

@@ -1 +1 @@
-"use client";require(`../button-119IIVCy.cjs`);const e=require(`../alert-dialog-CTKVGTqb.cjs`);exports.AlertDialog=e.AlertDialog,exports.AlertDialogAction=e.AlertDialogAction,exports.AlertDialogCancel=e.AlertDialogCancel,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogDescription=e.AlertDialogDescription,exports.AlertDialogFooter=e.AlertDialogFooter,exports.AlertDialogHeader=e.AlertDialogHeader,exports.AlertDialogOverlay=e.AlertDialogOverlay,exports.AlertDialogPortal=e.AlertDialogPortal,exports.AlertDialogTitle=e.AlertDialogTitle,exports.AlertDialogTrigger=e.AlertDialogTrigger;
+"use client";require(`../button-variants-CCiseNSC.cjs`);const e=require(`../alert-dialog-brXudt77.cjs`);exports.AlertDialog=e.AlertDialog,exports.AlertDialogAction=e.AlertDialogAction,exports.AlertDialogCancel=e.AlertDialogCancel,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogDescription=e.AlertDialogDescription,exports.AlertDialogFooter=e.AlertDialogFooter,exports.AlertDialogHeader=e.AlertDialogHeader,exports.AlertDialogOverlay=e.AlertDialogOverlay,exports.AlertDialogPortal=e.AlertDialogPortal,exports.AlertDialogTitle=e.AlertDialogTitle,exports.AlertDialogTrigger=e.AlertDialogTrigger;

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

@@ -1,48 +1,48 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime67 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_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime67.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime22.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime67.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.ts

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

package/dist/ui/alert-dialog.js

@@ -1 +1 @@
-"use client";import"../button-CvQQTSka.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogOverlay as s,AlertDialogPortal as c,AlertDialogTitle as l,AlertDialogTrigger as u}from"../alert-dialog-BDKOU-BT.js";export{e as AlertDialog,t as AlertDialogAction,n as AlertDialogCancel,r as AlertDialogContent,i as AlertDialogDescription,a as AlertDialogFooter,o as AlertDialogHeader,s as AlertDialogOverlay,c as AlertDialogPortal,l as AlertDialogTitle,u as AlertDialogTrigger};
+"use client";import"../button-variants-Y1GTBayz.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogOverlay as s,AlertDialogPortal as c,AlertDialogTitle as l,AlertDialogTrigger as u}from"../alert-dialog-DcQKEgVC.js";export{e as AlertDialog,t as AlertDialogAction,n as AlertDialogCancel,r as AlertDialogContent,i as AlertDialogDescription,a as AlertDialogFooter,o as AlertDialogHeader,s as AlertDialogOverlay,c as AlertDialogPortal,l as AlertDialogTitle,u as AlertDialogTrigger};

package/dist/ui/alert.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`class-variance-authority`)),r=e.__toESM(require(`react/jsx-runtime`)),i=(0,n.cva)([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-text-positive-strong`,destructive:`text-danger-strong bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-danger`}},defaultVariants:{variant:`default`}});function a({className:e,variant:n,...a}){return(0,r.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:(0,t.cn)(i({variant:n}),e),...a})}function o({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`alert-title`,className:(0,t.cn)(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...n})}function s({className:e,...n}){return(0,r.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),...n})}exports.Alert=a,exports.AlertDescription=s,exports.AlertTitle=o;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`),t=e.__toESM(require(`lucide-react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=e.__toESM(require(`class-variance-authority`)),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,r.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,n.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,n.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,n.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;
 //# sourceMappingURL=alert.cjs.map

package/dist/ui/alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs","names":[],"sources":["../../packages/components/ui/alert.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst alertVariants = cva(\n  [\n    'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4',\n    '[&>svg]:translate-y-0.5 [&>svg]:text-current',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong',\n        destructive: 'text-danger-strong bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-danger',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\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\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\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":"wMAKM,GAAA,EAAA,EAAA,KACJ,CACE,mGACA,sFACA,gDAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS,oCACT,YAAa,gGAGjB,gBAAiB,CACf,QAAS,aAKf,SAAS,EAAM,CAAE,YAAW,UAAS,GAAG,GAA2E,CACjH,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,YAAY,GAAY,GAAI,IAGvG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,8DAA+D,GAAY,GAAI,IAGnI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,WAAA,EAAA,EAAA,IAAc,mGAAoG,GAClH,GAAI"}
+{"version":3,"file":"alert.cjs","names":["AlertCircle","AlertTriangle","CheckCircle","Info","X"],"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":"2QAKa,GAAA,EAAA,EAAA,KACX,CACE,iFACA,oBACA,qDACA,8DACA,kCAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YAAa,iHACb,QAAS,qHACT,QAAS,qHACT,KAAM,2GAGV,gBAAiB,CACf,QAAS,aCGf,SAAS,EAAM,CAAE,YAAW,UAAS,WAAU,OAAM,cAAa,YAAW,GAAG,GAAqB,CAEnG,IAAM,GAAA,EAAA,EAAA,aAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAAA,IACV,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,cAAAA,IACV,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,YAAAA,IACV,IAAK,OACH,OAAO,EAAA,EAAA,KAACC,EAAAA,KAAAA,IACV,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,IAEV,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,YAAY,GAAY,GAAI,YAClH,EACA,EACA,IACC,EAAA,EAAA,KAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,+FACV,YAAU,wBAEV,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAE,KAAM,UAiBnB,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,8DAA+D,GAAY,GAAI,IAanI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,WAAA,EAAA,EAAA,IAAc,mGAAoG,GAClH,GAAI"}

package/dist/ui/alert.d.cts

@@ -1,24 +1,69 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
-//#region packages/components/ui/alert.d.ts
+//#region packages/components/ui/alert-variants.d.ts
+/**
+ * Alert component variants for styling using class-variance-authority
+ */
 declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+  variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
+} & class_variance_authority_types5.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
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime13.JSX.Element;
+}: AlertProps): react_jsx_runtime94.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
-}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime94.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
-}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime94.JSX.Element;
 //#endregion
-export { Alert, AlertDescription, AlertTitle };
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.cts.map

package/dist/ui/alert.d.ts

@@ -1,24 +1,69 @@
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
-//#region packages/components/ui/alert.d.ts
+//#region packages/components/ui/alert-variants.d.ts
+/**
+ * Alert component variants for styling using class-variance-authority
+ */
 declare const alertVariants: (props?: ({
-  variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+  variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
+} & class_variance_authority_types5.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
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime7.JSX.Element;
+}: AlertProps): react_jsx_runtime149.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
-}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime149.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
-}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime149.JSX.Element;
 //#endregion
-export { Alert, AlertDescription, AlertTitle };
+export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.ts.map

package/dist/ui/alert.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n}from"react/jsx-runtime";const r=t([`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm`,`has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4`,`[&>svg]:translate-y-0.5 [&>svg]:text-current`],{variants:{variant:{default:`bg-card text-text-positive-strong`,destructive:`text-danger-strong bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-danger`}},defaultVariants:{variant:`default`}});function i({className:t,variant:i,...a}){return n(`div`,{"data-slot":`alert`,role:`alert`,className:e(r({variant:i}),t),...a})}function a({className:t,...r}){return n(`div`,{"data-slot":`alert-title`,className:e(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,t),...r})}function o({className:t,...r}){return n(`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`,t),...r})}export{i as Alert,o as AlertDescription,a as AlertTitle};
+"use client";import{AlertCircle as e,AlertTriangle as t,CheckCircle as n,Info as r,X as i}from"lucide-react";import{cn as a}from"@customafk/react-toolkit/utils";import{useMemo as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";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 _=o(()=>{if(!p)switch(d){case`destructive`:return s(e,{});case`warning`:return s(t,{});case`success`:return s(n,{});case`info`:return s(r,{});default:return null}return p},[p,d]);return c(`div`,{"data-slot":`alert`,role:`alert`,"data-variant":d,className:a(u({variant:d}),l),...g,children:[_,f,m&&s(`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:s(i,{size:16})})]})}function f({className:e,...t}){return s(`div`,{"data-slot":`alert-title`,className:a(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),...t})}function p({className:e,...t}){return s(`div`,{"data-slot":`alert-description`,className:a(`text-text-positive-weak col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed`,e),...t})}export{d as Alert,p as AlertDescription,f as AlertTitle};
 //# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../packages/components/ui/alert.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nconst alertVariants = cva(\n  [\n    'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm',\n    'has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4',\n    '[&>svg]:translate-y-0.5 [&>svg]:text-current',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-text-positive-strong',\n        destructive: 'text-danger-strong bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-danger',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\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\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\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":"wJAKA,MAAM,EAAgB,EACpB,CACE,mGACA,sFACA,gDAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS,oCACT,YAAa,gGAGjB,gBAAiB,CACf,QAAS,aAKf,SAAS,EAAM,CAAE,YAAW,UAAS,GAAG,GAA2E,CACjH,OAAO,EAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,UAAW,EAAG,EAAc,CAAE,YAAY,GAAY,GAAI,IAGvG,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,8DAA+D,GAAY,GAAI,IAGnI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,mGAAoG,GAClH,GAAI"}
+{"version":3,"file":"alert.js","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,kCAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS,kDACT,YAAa,iHACb,QAAS,qHACT,QAAS,qHACT,KAAM,2GAGV,gBAAiB,CACf,QAAS,aCGf,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,IACV,IAAK,UACH,OAAO,EAAC,EAAA,IACV,IAAK,UACH,OAAO,EAAC,EAAA,IACV,IAAK,OACH,OAAO,EAAC,EAAA,IACV,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,IAEV,OACE,EAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,UAAW,EAAG,EAAc,CAAE,YAAY,GAAY,GAAI,YAClH,EACA,EACA,GACC,EAAC,SAAA,CACC,KAAK,SACL,QAAS,EACT,aAAW,cACX,UAAU,+FACV,YAAU,uBAEV,EAAC,EAAA,CAAE,KAAM,UAiBnB,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,8DAA+D,GAAY,GAAI,IAanI,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EAAG,mGAAoG,GAClH,GAAI"}

package/dist/ui/aspect-ratio.cjs

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

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

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime108 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_runtime21.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.cts.map

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

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

package/dist/ui/aspect-ratio.js

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{AspectRatio as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function r({className:r,...i}){return n(t.Root,{"data-slot":`aspect-ratio`,className:e(`bg-secondary-muted rounded-md`,r),...i})}export{r as AspectRatio};
+"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.js.map

package/dist/ui/avatar.cjs

@@ -1 +1 @@
-"use client";const e=require(`../avatar-Ch6Lx2oc.cjs`);exports.Avatar=e.Avatar,exports.AvatarFallback=e.AvatarFallback,exports.AvatarImage=e.AvatarImage;
+"use client";const e=require(`../avatar-B4pklWJt.cjs`);exports.Avatar=e.Avatar,exports.AvatarFallback=e.AvatarFallback,exports.AvatarImage=e.AvatarImage;

package/dist/ui/avatar.d.cts

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime162 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_runtime17.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime162.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime162.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.cts.map

package/dist/ui/avatar.d.ts

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

package/dist/ui/avatar.js

@@ -1 +1 @@
-"use client";import{Avatar as e,AvatarFallback as t,AvatarImage as n}from"../avatar-ClIgQDJO.js";export{e as Avatar,t as AvatarFallback,n as AvatarImage};
+"use client";import{Avatar as e,AvatarFallback as t,AvatarImage as n}from"../avatar-iX5Jhj8E.js";export{e as Avatar,t as AvatarFallback,n as AvatarImage};

package/dist/ui/badge.cjs

@@ -1 +1 @@
-"use client";const e=require(`../badge-BMXpbMfX.cjs`);exports.Badge=e.Badge,exports.badgeVariants=e.badgeVariants;
+"use client";const e=require(`../badge-CsA-JCDX.cjs`);exports.Badge=e.Badge,exports.badgeVariants=e.badgeVariants;

package/dist/ui/badge.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime73 from "react/jsx-runtime";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/badge.d.ts
@@ -7,7 +7,7 @@ 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;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;
 declare function Badge({
   className,
@@ -15,7 +15,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react_jsx_runtime73.JSX.Element;
+}: BadgeProps): react_jsx_runtime206.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.cts.map

package/dist/ui/badge.d.ts

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/ui/badge.d.ts
@@ -15,7 +15,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react_jsx_runtime33.JSX.Element;
+}: BadgeProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.js

@@ -1 +1 @@
-"use client";import{Badge as e,badgeVariants as t}from"../badge-6RQPy3Eo.js";export{e as Badge,t as badgeVariants};
+"use client";import{Badge as e,badgeVariants as t}from"../badge-tjlLdDGl.js";export{e as Badge,t as badgeVariants};

package/dist/ui/breadcrumb.cjs

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