@customafk/lunas-ui 0.0.80 → 0.0.82

package/dist/typography/title.js

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

package/dist/ui/alert-dialog.cjs

@@ -1 +1 @@
-"use client";require(`../button-variants-CCiseNSC.cjs`);const e=require(`../alert-dialog-BgEaBYoh.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-DdVxfrSx.cjs`);const e=require(`../alert-dialog-B-m2RVMu.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime21.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime21.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_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime15.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime15.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-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-UwGNuTYk.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(`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;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);let t=require(`lucide-react`);t=e.__toESM(t);let n=require(`@customafk/react-toolkit/utils`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);let a=require(`class-variance-authority`);a=e.__toESM(a);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,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":["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"}
+{"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":"mTAKA,MAAa,GAAA,EAAA,EAAA,KACX,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,GAAA,EAAA,EAAA,aAA4B,CAChC,GAAI,CAAC,EACH,OAAQ,EAAR,CACE,IAAK,cACH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,cAAAA,EAAAA,CAAgB,CAC1B,IAAK,UACH,OAAO,EAAA,EAAA,KAACC,EAAAA,YAAAA,EAAAA,CAAc,CACxB,IAAK,OACH,OAAO,EAAA,EAAA,KAACC,EAAAA,KAAAA,EAAAA,CAAO,CACjB,QACE,OAAO,KAGb,OAAO,GACN,CAAC,EAAM,EAAQ,CAAC,CAEnB,OACE,EAAA,EAAA,MAAC,MAAA,CAAI,YAAU,QAAQ,KAAK,QAAQ,eAAc,EAAS,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,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,GAAA,CAAM,EACR,GAEP,CAcV,SAAS,EAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,8DAA+D,EAAU,CAAE,GAAI,GAAS,CAa5I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,oBACV,WAAA,EAAA,EAAA,IAAc,mGAAoG,EAAU,CAC5H,GAAI,GACJ"}

package/dist/ui/alert.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as react_jsx_runtime16 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
@@ -8,7 +8,7 @@ import { VariantProps } from "class-variance-authority";
  */
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
 //#region packages/components/ui/alert.d.ts
@@ -37,7 +37,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react_jsx_runtime24.JSX.Element;
+}: AlertProps): react_jsx_runtime16.JSX.Element;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Title text or elements
@@ -50,7 +50,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react_jsx_runtime24.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime16.JSX.Element;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Description text or elements
@@ -63,7 +63,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react_jsx_runtime24.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.cts.map

package/dist/ui/alert.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 
 //#region packages/components/ui/alert-variants.d.ts
 /**
@@ -8,7 +8,7 @@ import * as class_variance_authority_types5 from "class-variance-authority/types
  */
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | "warning" | "success" | "info" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 type AlertVariantProps = VariantProps<typeof alertVariants>;
 //#endregion
 //#region packages/components/ui/alert.d.ts
@@ -37,7 +37,7 @@ declare function Alert({
   dismissible,
   onDismiss,
   ...props
-}: AlertProps): react_jsx_runtime27.JSX.Element;
+}: AlertProps): react_jsx_runtime34.JSX.Element;
 interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Title text or elements
@@ -50,7 +50,7 @@ interface AlertTitleProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertTitle({
   className,
   ...props
-}: AlertTitleProps): react_jsx_runtime27.JSX.Element;
+}: AlertTitleProps): react_jsx_runtime34.JSX.Element;
 interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
    * Description text or elements
@@ -63,7 +63,7 @@ interface AlertDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function AlertDescription({
   className,
   ...props
-}: AlertDescriptionProps): react_jsx_runtime27.JSX.Element;
+}: AlertDescriptionProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertDescriptionProps, AlertProps, AlertTitle, AlertTitleProps };
 //# sourceMappingURL=alert.d.ts.map

package/dist/ui/alert.js.map

@@ -1 +1 @@
-{"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"}
+{"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,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.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(`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;
+"use client";const e=require(`../chunk-CUT6urMc.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`radix-ui`);r=e.__toESM(r);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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.cjs","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":"wLAKA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,gCAAiC,GAAY,GAAI"}
+{"version":3,"file":"aspect-ratio.cjs","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":"gNAKA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAiE,CACpG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,gCAAiC,EAAU,CAAE,GAAI,GAAS"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.js","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,GAAY,GAAI"}
+{"version":3,"file":"aspect-ratio.js","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-B4pklWJt.cjs`);exports.Avatar=e.Avatar,exports.AvatarFallback=e.AvatarFallback,exports.AvatarImage=e.AvatarImage;
+"use client";const e=require(`../avatar-DmMCBvb6.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime27.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime32.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime32.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime32.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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_runtime39.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime28.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime39.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime28.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime39.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/ui/badge.cjs

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

package/dist/ui/badge.d.cts

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

package/dist/ui/badge.d.ts

@@ -1,13 +1,13 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types1 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_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.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_runtime42.JSX.Element;
+}: BadgeProps): react_jsx_runtime45.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/ui/breadcrumb.cjs

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

package/dist/ui/breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.cjs","names":["Slot","ChevronRight","MoreHorizontal"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react'\n\nimport { Slot } from '@radix-ui/react-slot'\n\n/**\n * Root breadcrumb navigation component\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />\n}\n\n/**\n * Container for breadcrumb items\n */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * Individual breadcrumb item container\n */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n}\n\n/**\n * Interactive breadcrumb link\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : 'a'\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\n/**\n * Current page breadcrumb (non-interactive)\n */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />\n}\n\n/**\n * Separator between breadcrumb items\n */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  )\n}\n\n/**\n * Ellipsis for collapsed breadcrumbs\n */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className,\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  )\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator }\n"],"mappings":"8NAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,GAAY,GAAI,IAM/F,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,GAClH,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,GAAY,GAAI,IAM3G,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CACD,IAAM,EAAO,EAAUA,EAAAA,KAAO,IAE9B,OACE,EAAA,EAAA,KAAC,EAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,GAEF,GAAI,IAQV,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,GAAY,GAAI,IAMtI,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,2BAA4B,mBAAoB,GAC9D,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,MAQpB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAA,EAAA,MAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,WAAA,EAAA,EAAA,IACE,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,GAEF,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,YAC1B,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU"}
+{"version":3,"file":"breadcrumb.cjs","names":["Slot","ChevronRight","MoreHorizontal"],"sources":["../../packages/components/ui/breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronRight, MoreHorizontal } from 'lucide-react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\n/**\n * Root breadcrumb navigation component\n */\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" className={cn('', className)} {...props} />;\n}\n\n/**\n * Container for breadcrumb items\n */\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn('flex flex-wrap items-center gap-1.5 sm:gap-2.5', 'text-sm break-words', 'text-text-positive-weak', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Individual breadcrumb item container\n */\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"breadcrumb-item\" className={cn('inline-flex items-center gap-1.5', className)} {...props} />;\n}\n\n/**\n * Interactive breadcrumb link\n */\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'a';\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        'text-text-positive-weak',\n        'transition-colors duration-150',\n        'hover:text-text-positive focus-visible:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'rounded-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Current page breadcrumb (non-interactive)\n */\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"breadcrumb-page\" aria-current=\"page\" className={cn('text-text-positive-strong font-medium', className)} {...props} />;\n}\n\n/**\n * Separator between breadcrumb items\n */\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('text-text-positive-muted', '[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\n/**\n * Ellipsis for collapsed breadcrumbs\n */\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'button'>) {\n  return (\n    <button\n      data-slot=\"breadcrumb-ellipsis\"\n      type=\"button\"\n      className={cn(\n        'flex items-center justify-center',\n        'size-8 rounded-sm',\n        'text-text-positive-weak',\n        'hover:bg-secondary-muted hover:text-text-positive',\n        'focus-visible:ring-ring focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1',\n        'transition-colors duration-150',\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">Show more breadcrumbs</span>\n    </button>\n  );\n}\n\nexport { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };\n"],"mappings":"sPAWA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,GAAI,EAAU,CAAE,GAAI,GAAS,CAMxG,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,iDAAkD,sBAAuB,0BAA2B,EAAU,CAC5H,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAMpH,SAAS,EAAe,CACtB,UACA,YACA,GAAG,GAGF,CAGD,OACE,EAAA,EAAA,KAHW,EAAUA,EAAAA,KAAO,IAAA,CAI1B,YAAU,kBACV,WAAA,EAAA,EAAA,IACE,0BACA,iCACA,4DACA,8FACA,aACA,EACD,CACD,GAAI,GACJ,CAON,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OAAO,EAAA,EAAA,KAAC,OAAA,CAAK,YAAU,kBAAkB,eAAa,OAAO,WAAA,EAAA,EAAA,IAAc,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAM/I,SAAS,EAAoB,CAAE,WAAU,YAAW,GAAG,GAAqC,CAC1F,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,WAAA,EAAA,EAAA,IAAc,2BAA4B,mBAAoB,EAAU,CACxE,GAAI,WAEH,IAAY,EAAA,EAAA,KAACC,EAAAA,aAAAA,EAAAA,CAAe,EAC1B,CAOT,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAyC,CACnF,OACE,EAAA,EAAA,MAAC,SAAA,CACC,YAAU,sBACV,KAAK,SACL,WAAA,EAAA,EAAA,IACE,mCACA,oBACA,0BACA,oDACA,8FACA,iCACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,UAAU,SAAA,CAAW,EACrC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,yBAA4B,CAAA,EAC/C"}

package/dist/ui/breadcrumb.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region packages/components/ui/breadcrumb.d.ts
 /**
@@ -7,21 +7,21 @@ import * as react_jsx_runtime32 from "react/jsx-runtime";
 declare function Breadcrumb({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime36.JSX.Element;
 /**
  * Container for breadcrumb items
  */
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<'ol'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'ol'>): react_jsx_runtime36.JSX.Element;
 /**
  * Individual breadcrumb item container
  */
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime36.JSX.Element;
 /**
  * Interactive breadcrumb link
  */
@@ -31,14 +31,14 @@ declare function BreadcrumbLink({
   ...props
 }: React.ComponentProps<'a'> & {
   asChild?: boolean;
-}): react_jsx_runtime32.JSX.Element;
+}): react_jsx_runtime36.JSX.Element;
 /**
  * Current page breadcrumb (non-interactive)
  */
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime36.JSX.Element;
 /**
  * Separator between breadcrumb items
  */
@@ -46,14 +46,14 @@ declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime36.JSX.Element;
 /**
  * Ellipsis for collapsed breadcrumbs
  */
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime32.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.cts.map