@customafk/lunas-ui 0.1.99 → 0.2.1

package/dist/paragraph-moBSTPmT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-moBSTPmT.mjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva } from 'class-variance-authority';\n\ntype Props = {\n  /**\n   * The variant of the paragraph. It can be one of the following:\n   * - `p`: The default paragraph style. It has a normal font weight and is used for regular text content.\n   * - `muted`: The muted paragraph style. It has a lighter color to indicate less emphasis and is often used for secondary information.\n   * - `lead`: The lead paragraph style. It is typically used to introduce the content of a section and has a larger font size and stronger text color.\n   * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.\n   * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.\n   */\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg' | 'xs';\n  className?: string;\n  children?: React.ReactNode;\n};\n\nexport const paragraphVariants = cva(\n  'not-first:mt-3 max-w-prose whitespace-pre-line text-wrap text-start font-stretch-expanded text-sm slashed-zero tabular-nums transition-colors',\n  {\n    variants: {\n      variant: {\n        // Lead: Nhấn mạnh mạnh mẽ nhất, dùng cho mở bài/highlight\n        lead: 'font-semibold text-text-positive-strong tracking-tight',\n        lg: 'font-medium text-text-positive-strong',\n        p: 'font-normal text-text-positive',\n        sm: 'font-light text-text-positive-weak',\n        muted: 'font-normal text-text-positive-weak',\n        xs: 'text-xs text-text-positive-weak',\n      },\n    },\n    defaultVariants: {\n      variant: 'sm',\n    },\n  }\n);\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn(paragraphVariants({ variant }), className)}>{children}</p>;\n};\n"],"mappings":"2IAoBA,MAAa,EAAoB,EAC/B,gJACA,CACE,SAAU,CACR,QAAS,CAEP,KAAM,yDACN,GAAI,wCACJ,EAAG,iCACH,GAAI,qCACJ,MAAO,sCACP,GAAI,kCACL,CACF,CACD,gBAAiB,CACf,QAAS,KACV,CACF,CACF,CAEY,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,EAAkB,CAAE,UAAS,CAAC,CAAE,EAAU,CAAG,YAAa"}

package/dist/typography/paragraph.cjs

@@ -1 +1 @@
-"use client";const e=require(`../paragraph-BBye8n4M.cjs`);exports.Paragraph=e.t,exports.paragraphVariants=e.n;
+"use client";const e=require(`../paragraph-B72bHMf7.cjs`);exports.Paragraph=e.t,exports.paragraphVariants=e.n;

package/dist/typography/paragraph.d.cts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime32 from "react/jsx-runtime";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -11,18 +11,18 @@ type Props = {
    * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.
    * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.
    */
-  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';
+  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg' | 'xs';
   className?: string;
   children?: React.ReactNode;
 };
 declare const paragraphVariants: (props?: ({
-  variant?: "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+  variant?: "xs" | "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime32.JSX.Element;
+}: Props) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Paragraph, paragraphVariants };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/typography/paragraph.d.ts
@@ -11,18 +11,18 @@ type Props = {
    * - `sm`: The small paragraph style. It is used for less important text and has a smaller font size.
    * - `lg`: The large paragraph style. It is used for more emphasis and visibility, with a larger font size.
    */
-  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg';
+  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg' | 'xs';
   className?: string;
   children?: React.ReactNode;
 };
 declare const paragraphVariants: (props?: ({
-  variant?: "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
+  variant?: "xs" | "sm" | "lg" | "lead" | "p" | "muted" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime4.JSX.Element;
+}: Props) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Paragraph, paragraphVariants };
 //# sourceMappingURL=paragraph.d.mts.map

package/dist/typography/paragraph.mjs

@@ -1 +1 @@
-"use client";import{n as e,t}from"../paragraph-BS88Xdo7.mjs";export{t as Paragraph,e as paragraphVariants};
+"use client";import{n as e,t}from"../paragraph-moBSTPmT.mjs";export{t as Paragraph,e as paragraphVariants};

package/dist/typography/title.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime10.JSX.Element;
+}: Props) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime44.JSX.Element;
+}: Props) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.mts.map

package/dist/ui/alert-dialog.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../heading-BEm5CCSE.cjs`),n=require(`../paragraph-BBye8n4M.cjs`),r=require(`../button.variants-8QOIR433.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return(0,a.jsx)(o.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(o.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,i.cn)(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,i.cn)(t.t({level:`h3`}),e),...n})}function h({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,i.cn)(n.n({variant:`muted`}),`not-first:mt-0`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Action,{className:(0,i.cn)(r.n(),`min-w-24`,e),...t,autoFocus:!0,tabIndex:1})}function _({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Cancel,{className:(0,i.cn)(r.n({variant:`outline`,color:`muted`}),`min-w-24`,e),...t})}exports.AlertDialog=s,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=d,exports.AlertDialogDescription=h,exports.AlertDialogFooter=p,exports.AlertDialogHeader=f,exports.AlertDialogOverlay=u,exports.AlertDialogPortal=l,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../heading-BEm5CCSE.cjs`),n=require(`../paragraph-B72bHMf7.cjs`),r=require(`../button.variants-rdXrPUao.cjs`);let i=require(`@customafk/react-toolkit/utils`),a=require(`react/jsx-runtime`),o=require(`radix-ui`);function s({...e}){return(0,a.jsx)(o.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return(0,a.jsx)(o.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:(0,i.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(u,{}),(0,a.jsx)(o.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,i.cn)(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,i.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return(0,a.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,i.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:e,...n}){return(0,a.jsx)(o.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,i.cn)(t.t({level:`h3`}),e),...n})}function h({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,i.cn)(n.n({variant:`muted`}),`not-first:mt-0`,e),...t})}function g({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Action,{className:(0,i.cn)(r.n(),`min-w-24`,e),...t,autoFocus:!0,tabIndex:1})}function _({className:e,...t}){return(0,a.jsx)(o.AlertDialog.Cancel,{className:(0,i.cn)(r.n({variant:`outline`,color:`muted`}),`min-w-24`,e),...t})}exports.AlertDialog=s,exports.AlertDialogAction=g,exports.AlertDialogCancel=_,exports.AlertDialogContent=d,exports.AlertDialogDescription=h,exports.AlertDialogFooter=p,exports.AlertDialogHeader=f,exports.AlertDialogOverlay=u,exports.AlertDialogPortal=l,exports.AlertDialogTitle=m,exports.AlertDialogTrigger=c;
 //# sourceMappingURL=alert-dialog.cjs.map

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

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

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

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

package/dist/ui/alert-dialog.mjs

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"../heading--VmdIi7C.mjs";import{n as t}from"../paragraph-BS88Xdo7.mjs";import{n}from"../button.variants-CL2rLGYO.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{AlertDialog as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return i(o.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return i(o.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return i(o.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:r(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return a(l,{children:[i(u,{}),i(o.Content,{"data-slot":`alert-dialog-content`,className:r(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return i(`div`,{"data-slot":`alert-dialog-header`,className:r(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return i(`div`,{"data-slot":`alert-dialog-footer`,className:r(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:t,...n}){return i(o.Title,{"data-slot":`alert-dialog-title`,className:r(e({level:`h3`}),t),...n})}function h({className:e,...n}){return i(o.Description,{"data-slot":`alert-dialog-description`,className:r(t({variant:`muted`}),`not-first:mt-0`,e),...n})}function g({className:e,...t}){return i(o.Action,{className:r(n(),`min-w-24`,e),...t,autoFocus:!0,tabIndex:1})}function _({className:e,...t}){return i(o.Cancel,{className:r(n({variant:`outline`,color:`muted`}),`min-w-24`,e),...t})}export{s as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,d as AlertDialogContent,h as AlertDialogDescription,p as AlertDialogFooter,f as AlertDialogHeader,u as AlertDialogOverlay,l as AlertDialogPortal,m as AlertDialogTitle,c as AlertDialogTrigger};
+"use client";import{t as e}from"../heading--VmdIi7C.mjs";import{n as t}from"../paragraph-moBSTPmT.mjs";import{n}from"../button.variants-DuuH1O0_.mjs";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{AlertDialog as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`alert-dialog`,...e})}function c({...e}){return i(o.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function l({...e}){return i(o.Portal,{"data-slot":`alert-dialog-portal`,...e})}function u({className:e,...t}){return i(o.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:r(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function d({className:e,...t}){return a(l,{children:[i(u,{}),i(o.Content,{"data-slot":`alert-dialog-content`,className:r(`bg-background`,`fixed z-50`,`-translate-1/2 top-1/2 left-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function f({className:e,...t}){return i(`div`,{"data-slot":`alert-dialog-header`,className:r(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function p({className:e,...t}){return i(`div`,{"data-slot":`alert-dialog-footer`,className:r(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function m({className:t,...n}){return i(o.Title,{"data-slot":`alert-dialog-title`,className:r(e({level:`h3`}),t),...n})}function h({className:e,...n}){return i(o.Description,{"data-slot":`alert-dialog-description`,className:r(t({variant:`muted`}),`not-first:mt-0`,e),...n})}function g({className:e,...t}){return i(o.Action,{className:r(n(),`min-w-24`,e),...t,autoFocus:!0,tabIndex:1})}function _({className:e,...t}){return i(o.Cancel,{className:r(n({variant:`outline`,color:`muted`}),`min-w-24`,e),...t})}export{s as AlertDialog,g as AlertDialogAction,_ as AlertDialogCancel,d as AlertDialogContent,h as AlertDialogDescription,p as AlertDialogFooter,f as AlertDialogHeader,u as AlertDialogOverlay,l as AlertDialogPortal,m as AlertDialogTitle,c as AlertDialogTrigger};
 //# sourceMappingURL=alert-dialog.mjs.map

package/dist/ui/alert.d.cts

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

package/dist/ui/alert.d.mts

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

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

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

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

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

package/dist/ui/avatar.d.cts

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

package/dist/ui/avatar.d.mts

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

package/dist/ui/badge.d.cts

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

package/dist/ui/badge.d.mts

@@ -1,13 +1,13 @@
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime123 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as class_variance_authority_types3 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_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'span'>;
 declare function Badge({
   className,
@@ -15,7 +15,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react_jsx_runtime123.JSX.Element;
+}: BadgeProps): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.mts.map

package/dist/ui/breadcrumb.d.cts

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

package/dist/ui/breadcrumb.d.mts

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