@kuzenbo/core 0.0.1-alpha.4 → 0.0.1

package/dist/alert-dialog.d.ts

@@ -1,121 +1,76 @@
-import "./accordion-trigger-B51W3Rdg.js";
-import "./alert-title-W1oau4D6.js";
-import { ButtonProps } from "./button.js";
-import { _t as AlertDialogDescription, bt as AlertDialogAction, dt as AlertDialogTitle, ft as AlertDialogPortal, gt as AlertDialogFooter, ht as AlertDialogHeader, mt as AlertDialogMedia, pt as AlertDialogOverlay, ut as AlertDialogTrigger, vt as AlertDialogContent, yt as AlertDialogCancel } from "./use-sidebar-CYBPR0ue.js";
-import "./announcement-title-3cikJ44S.js";
-import "./autocomplete-value-DUN1Jprs.js";
-import "./avatar-image-DPunh5Hd.js";
-import "./breadcrumb-separator-C6zfQJ5p.js";
-import "./card-title-Dk0akcFR.js";
-import "./collapsible-trigger-DjL8pGgf.js";
-import "./use-combobox-anchor-DKwvfnFx.js";
-import "./dialog-trigger-B5HeOikl.js";
-import "./context-menu-trigger-DHPhlnvV.js";
-import "./drawer-viewport-DejmWgmc.js";
-import "./dropdown-menu-trigger-DEdnOFwc.js";
-import "./dropzone-context-DNiJThhB.js";
-import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
-import "./empty-title-CcQlXOlP.js";
-import "./hover-card-trigger-CRzFaoL4.js";
-import "./input-otp-slot-B19cyjk_.js";
-import "./kbd-group-PUw0yaIv.js";
-import "./marquee-item-BCswidMf.js";
-import "./menubar-trigger-Gx-lmpr9.js";
-import "./meter-value-FRDEI8VE.js";
-import "./navigation-menu-trigger-ryYftbUl.js";
-import "./number-field-scrub-area-cursor-BIS4ObSL.js";
-import "./pagination-previous-NpFopV3e.js";
-import "./pill-status-BS75xd9Z.js";
-import "./popover-trigger-C8pR26Xp.js";
-import "./progress-value-BGhNh_xb.js";
-import "./radio-group-item-DCXseC2o.js";
-import "./rating-star-CxVJUZmc.js";
-import "./resizable-panel-D4Brid-G.js";
-import "./scroll-bar-L-sXig2v.js";
-import "./select-value-D8pFrPKG.js";
-import "./sheet-trigger-B_N_tXmj.js";
-import "./tooltip-trigger-B43yfWhK.js";
-import "./table-row-BSEIkZEJ.js";
-import "./tabs-trigger-ChutNdGI.js";
-import "./use-timeline-Dcj9DR0I.js";
-import "./toggle-group-item-CrPxpOF5.js";
-import "./toolbar-separator-DbkRIfIA.js";
-import "./typography-ul-Dy8wQB_p.js";
-import "./index.js";
-import * as react from "react";
+import { A as AlertDialogActionProps, C as AlertDialogClose, D as AlertDialogBackdrop, E as AlertDialogCancelProps, O as AlertDialogBackdropProps, S as AlertDialogPopupProps, T as AlertDialogCancel, _ as AlertDialogDescription, a as AlertDialogTitle, b as AlertDialogContentProps, c as AlertDialogPortalProps, d as AlertDialogMedia, f as AlertDialogMediaProps, g as AlertDialogFooterProps, h as AlertDialogFooter, i as AlertDialogTriggerProps, k as AlertDialogAction, l as AlertDialogOverlay, m as AlertDialogHeaderProps, n as AlertDialogViewportProps, o as AlertDialogTitleProps, p as AlertDialogHeader, r as AlertDialogTrigger, s as AlertDialogPortal, t as AlertDialogViewport, u as AlertDialogOverlayProps, v as AlertDialogDescriptionProps, w as AlertDialogCloseProps, x as AlertDialogPopup, y as AlertDialogContent } from "./alert-dialog-viewport-CIjRyI-y.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
 //#region src/ui/alert-dialog/alert-dialog.d.ts
+type AlertDialogProps = AlertDialog$1.Root.Props;
 declare const AlertDialog: {
   ({
     ...props
-  }: AlertDialog$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: AlertDialogProps): react_jsx_runtime0.JSX.Element;
   Action: ({
     className,
     ...props
-  }: react.ComponentProps<({
+  }: AlertDialogActionProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
     className,
-    variant,
-    size,
-    isLoading,
-    children,
-    disabled,
     ...props
-  }: ButtonProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogBackdropProps) => react_jsx_runtime0.JSX.Element;
   Cancel: ({
     className,
     variant,
-    size,
+    size: providedSize,
     ...props
-  }: AlertDialog$1.Close.Props & Pick<react.ComponentProps<({
-    className,
-    variant,
-    size,
-    isLoading,
-    children,
-    disabled,
+  }: AlertDialogCancelProps) => react_jsx_runtime0.JSX.Element;
+  Close: ({
     ...props
-  }: ButtonProps) => react_jsx_runtime0.JSX.Element>, "variant" | "size">) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
-    size,
+    size: providedSize,
     ...props
-  }: AlertDialog$1.Popup.Props & {
-    size?: "default" | "sm";
-  }) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
     ...props
-  }: react.ComponentProps<typeof AlertDialog$1.Description>) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Footer: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogFooterProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogHeaderProps) => react_jsx_runtime0.JSX.Element;
   Media: ({
     className,
     ...props
-  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogMediaProps) => react_jsx_runtime0.JSX.Element;
   Overlay: ({
     className,
     ...props
-  }: AlertDialog$1.Backdrop.Props) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogOverlayProps) => react_jsx_runtime0.JSX.Element;
   Portal: ({
     ...props
-  }: AlertDialog$1.Portal.Props) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogPortalProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size: providedSize,
+    ...props
+  }: AlertDialogPopupProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     ...props
-  }: react.ComponentProps<typeof AlertDialog$1.Title>) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogTitleProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
     ...props
-  }: AlertDialog$1.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+  }: AlertDialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: AlertDialogViewportProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPopup, type AlertDialogPopupProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AlertDialogViewport, type AlertDialogViewportProps };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAcM,WAAA;EAAA;IAAA;KAA6B,aAAA,CAAqB,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":";;;;;KAiBY,gBAAA,GAAmB,aAAA,CAAqB,IAAA,CAAK,KAAA;AAAA,cAEnD,WAAA;EAAA;IAAA;KAA6B,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/alert-dialog.js

@@ -1,4 +1,4 @@
-import { a as AlertDialogFooter, c as AlertDialogPortal, d as AlertDialogAction, i as AlertDialogHeader, l as AlertDialogOverlay, n as AlertDialogTitle, o as AlertDialogDescription, r as AlertDialogMedia, s as AlertDialogContent, t as AlertDialogTrigger, u as AlertDialogCancel } from "./alert-dialog-trigger-CIUFlkzO.js";
+import { a as AlertDialogHeader, c as AlertDialogContent, d as AlertDialogPopup, f as AlertDialogClose, h as AlertDialogAction, i as AlertDialogMedia, l as AlertDialogViewport, m as AlertDialogBackdrop, n as AlertDialogTitle, o as AlertDialogFooter, p as AlertDialogCancel, r as AlertDialogOverlay, s as AlertDialogDescription, t as AlertDialogTrigger, u as AlertDialogPortal } from "./alert-dialog-trigger-Bh4pSvCf.js";
 import { jsx } from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 
@@ -8,7 +8,9 @@ const AlertDialog = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Root, {
 	...props
 });
 AlertDialog.Action = AlertDialogAction;
+AlertDialog.Backdrop = AlertDialogBackdrop;
 AlertDialog.Cancel = AlertDialogCancel;
+AlertDialog.Close = AlertDialogClose;
 AlertDialog.Content = AlertDialogContent;
 AlertDialog.Description = AlertDialogDescription;
 AlertDialog.Footer = AlertDialogFooter;
@@ -16,9 +18,11 @@ AlertDialog.Header = AlertDialogHeader;
 AlertDialog.Media = AlertDialogMedia;
 AlertDialog.Overlay = AlertDialogOverlay;
 AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Popup = AlertDialogPopup;
 AlertDialog.Title = AlertDialogTitle;
 AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Viewport = AlertDialogViewport;
 
 //#endregion
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+export { AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };
 //# sourceMappingURL=alert-dialog.js.map

package/dist/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\n\nconst AlertDialog = ({ ...props }: AlertDialogPrimitive.Root.Props) => (\n  <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":";;;;;AAcA,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACA,cAAqB;CAAK,aAAU;CAAe,GAAI;EAAS;AAGnE,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,UAAU;AACtB,YAAY,cAAc;AAC1B,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU"}
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive"],"sources":["../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n  <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogBackdrop,\n  AlertDialogCancel,\n  AlertDialogClose,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogPopup,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":";;;;;AAmBA,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACA,cAAqB;CAAK,aAAU;CAAe,GAAI;EAAS;AAGnE,YAAY,SAAS;AACrB,YAAY,WAAW;AACvB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,cAAc;AAC1B,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,WAAW"}

package/dist/{alert-title-sXI11YPI.js → alert-title-B1q_D7US.js}

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/alert/alert-action.tsx
 const AlertAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("absolute top-2 right-2", className),
+	className: cn("absolute group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3", className),
 	"data-slot": "alert-action",
 	...props
 });
@@ -11,7 +11,7 @@ const AlertAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 //#endregion
 //#region src/ui/alert/alert-description.tsx
 const AlertDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+	className: cn("text-balance text-muted-foreground md:text-pretty group-data-[size=xs]/alert:text-xs group-data-[size=sm]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=lg]/alert:text-sm group-data-[size=xl]/alert:text-base [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
 	"data-slot": "alert-description",
 	...props
 });
@@ -26,4 +26,4 @@ const AlertTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 
 //#endregion
 export { AlertDescription as n, AlertAction as r, AlertTitle as t };
-//# sourceMappingURL=alert-title-sXI11YPI.js.map
+//# sourceMappingURL=alert-title-B1q_D7US.js.map

package/dist/alert-title-B1q_D7US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-title-B1q_D7US.js","names":[],"sources":["../src/ui/alert/alert-action.tsx","../src/ui/alert/alert-description.tsx","../src/ui/alert/alert-title.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertActionProps = ComponentProps<\"div\">;\n\nconst AlertAction = ({ className, ...props }: AlertActionProps) => (\n  <div\n    className={cn(\n      \"absolute group-data-[size=xs]/alert:top-1.5 group-data-[size=xs]/alert:right-1.5 group-data-[size=sm]/alert:top-2 group-data-[size=sm]/alert:right-2 group-data-[size=md]/alert:top-2 group-data-[size=md]/alert:right-2 group-data-[size=lg]/alert:top-2.5 group-data-[size=lg]/alert:right-2.5 group-data-[size=xl]/alert:top-3 group-data-[size=xl]/alert:right-3\",\n      className\n    )}\n    data-slot=\"alert-action\"\n    {...props}\n  />\n);\n\nexport { AlertAction };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDescriptionProps = ComponentProps<\"div\">;\n\nconst AlertDescription = ({ className, ...props }: AlertDescriptionProps) => (\n  <div\n    className={cn(\n      \"text-balance text-muted-foreground md:text-pretty group-data-[size=xs]/alert:text-xs group-data-[size=sm]/alert:text-sm group-data-[size=md]/alert:text-sm group-data-[size=lg]/alert:text-sm group-data-[size=xl]/alert:text-base [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n      className\n    )}\n    data-slot=\"alert-description\"\n    {...props}\n  />\n);\n\nexport { AlertDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertTitleProps = ComponentProps<\"div\">;\n\nconst AlertTitle = ({ className, ...props }: AlertTitleProps) => (\n  <div\n    className={cn(\n      \"font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground\",\n      className\n    )}\n    data-slot=\"alert-title\"\n    {...props}\n  />\n);\n\nexport { AlertTitle };\n"],"mappings":";;;;AAKA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,wWACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,uUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,uHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/alert-title-BzrwvCBs.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/alert/alert-action.d.ts
+type AlertActionProps = ComponentProps<"div">;
+declare const AlertAction: ({
+  className,
+  ...props
+}: AlertActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert/alert-description.d.ts
+type AlertDescriptionProps = ComponentProps<"div">;
+declare const AlertDescription: ({
+  className,
+  ...props
+}: AlertDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/alert/alert-title.d.ts
+type AlertTitleProps = ComponentProps<"div">;
+declare const AlertTitle: ({
+  className,
+  ...props
+}: AlertTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AlertAction as a, AlertDescriptionProps as i, AlertTitleProps as n, AlertActionProps as o, AlertDescription as r, AlertTitle as t };
+//# sourceMappingURL=alert-title-BzrwvCBs.d.ts.map

package/dist/alert-title-BzrwvCBs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-title-BzrwvCBs.d.ts","names":[],"sources":["../src/ui/alert/alert-action.tsx","../src/ui/alert/alert-description.tsx","../src/ui/alert/alert-title.tsx"],"mappings":";;;;KAGY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/alert.d.ts

@@ -1,4 +1,5 @@
-import { n as AlertDescription, r as AlertAction, t as AlertTitle } from "./alert-title-W1oau4D6.js";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { a as AlertAction, i as AlertDescriptionProps, n as AlertTitleProps, o as AlertActionProps, r as AlertDescription, t as AlertTitle } from "./alert-title-BzrwvCBs.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import { ComponentProps } from "react";
@@ -7,50 +8,99 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/ui/alert/alert.d.ts
 declare const alertVariants: tailwind_variants0.TVReturnType<{
   variant: {
-    default: string[];
-    warning: string[];
-    danger: string[];
-    info: string[];
-    success: string[];
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
   };
 }, undefined, string[], {
   variant: {
-    default: string[];
-    warning: string[];
-    danger: string[];
-    info: string[];
-    success: string[];
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   variant: {
-    default: string[];
-    warning: string[];
-    danger: string[];
-    info: string[];
-    success: string[];
+    default: string;
+    primary: string;
+    secondary: string;
+    warning: string;
+    danger: string;
+    info: string;
+    success: string;
+  };
+  appearance: {
+    default: string;
+    subtle: string;
+    outline: string;
+    inverted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
   };
 }, undefined, string[], unknown, unknown, undefined>>;
-type AlertVariants = VariantProps<typeof alertVariants>;
+type AlertVariants = Omit<VariantProps<typeof alertVariants>, "size"> & {
+  size?: UISize;
+};
 type AlertProps = AlertVariants & ComponentProps<"div">;
 declare const Alert: {
   ({
+    appearance,
     className,
+    size: providedSize,
     variant,
     ...props
   }: AlertProps): react_jsx_runtime0.JSX.Element;
   Action: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertActionProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: AlertTitleProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Alert, AlertAction, AlertDescription, AlertProps, AlertTitle, alertVariants };
+export { Alert, AlertAction, type AlertActionProps, AlertDescription, type AlertDescriptionProps, AlertProps, AlertTitle, type AlertTitleProps, alertVariants };
 //# sourceMappingURL=alert.d.ts.map

package/dist/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","names":[],"sources":["../src/ui/alert/alert.tsx"],"mappings":";;;;;;;cAQM,aAAA,EAwCJ,kBAAA,CAxCiB,YAAA;;;;;;;;;;;;;;;;cAwCjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,aAAA,GAAgB,YAAA,QAAoB,aAAA;AAAA,KAE7B,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;KAA2C,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../src/ui/alert/alert.tsx"],"mappings":";;;;;;;;cAWM,aAAA,EA4LJ,kBAAA,CA5LiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4LjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEG,aAAA,GAAgB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAC5C,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;;;KAMH,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/alert.js

@@ -1,51 +1,211 @@
-import { n as AlertDescription, r as AlertAction, t as AlertTitle } from "./alert-title-sXI11YPI.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { n as AlertDescription, r as AlertAction, t as AlertTitle } from "./alert-title-B1q_D7US.js";
 import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/alert/alert.tsx
 const alertVariants = tv({
 	base: [
-		"group/alert relative grid w-full gap-0.5 rounded-lg border border-border px-4 py-3 text-left text-sm",
+		"group/alert relative grid w-full rounded-lg border border-border text-left",
 		"has-data-[slot=alert-action]:relative",
-		"has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
-		"has-data-[slot=alert-action]:pr-18",
-		"*:[svg:not([class*='size-'])]:size-4",
+		"has-[>svg]:grid-cols-[auto_1fr]",
 		"*:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current"
 	],
-	variants: { variant: {
-		default: ["bg-card text-card-foreground", "[&_*[data-slot=alert-description]]:text-muted-foreground"],
-		warning: [
-			"border-warning-border",
-			"bg-warning text-warning-foreground",
-			"[&_*[data-slot=alert-description]]:text-warning-foreground/70"
-		],
-		danger: [
-			"border-danger-border",
-			"bg-danger text-danger-foreground",
-			"[&_*[data-slot=alert-description]]:text-danger-foreground/70"
-		],
-		info: [
-			"border-info-border",
-			"bg-info text-info-foreground",
-			"[&_*[data-slot=alert-description]]:text-info-foreground/70"
-		],
-		success: [
-			"border-success-border",
-			"bg-success text-success-foreground",
-			"[&_*[data-slot=alert-description]]:text-success-foreground/70"
-		]
-	} },
-	defaultVariants: { variant: "default" }
-});
-const Alert = ({ className, variant, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: alertVariants({
-		variant,
-		className
-	}),
-	"data-slot": "alert",
-	role: "alert",
-	...props
+	variants: {
+		variant: {
+			default: "[&_*[data-slot=alert-description]]:text-muted-foreground",
+			primary: "[&_*[data-slot=alert-description]]:text-primary/80",
+			secondary: "[&_*[data-slot=alert-description]]:text-secondary-foreground/80",
+			warning: "[&_*[data-slot=alert-description]]:text-warning-foreground/70",
+			danger: "[&_*[data-slot=alert-description]]:text-danger-foreground/70",
+			info: "[&_*[data-slot=alert-description]]:text-info-foreground/70",
+			success: "[&_*[data-slot=alert-description]]:text-success-foreground/70"
+		},
+		appearance: {
+			default: "",
+			subtle: "",
+			outline: "",
+			inverted: ""
+		},
+		size: {
+			xs: "gap-0.5 px-2.5 py-2 text-xs has-[>svg]:gap-x-2 has-data-[slot=alert-action]:pr-14 *:[svg:not([class*='size-'])]:size-3",
+			sm: "gap-0.5 px-3 py-2.5 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-16 *:[svg:not([class*='size-'])]:size-3.5",
+			md: "gap-0.5 px-4 py-3 text-sm has-[>svg]:gap-x-2.5 has-data-[slot=alert-action]:pr-18 *:[svg:not([class*='size-'])]:size-4",
+			lg: "gap-1 px-5 py-4 text-sm has-[>svg]:gap-x-3 has-data-[slot=alert-action]:pr-20 *:[svg:not([class*='size-'])]:size-4",
+			xl: "gap-1 px-6 py-5 text-base has-[>svg]:gap-x-3.5 has-data-[slot=alert-action]:pr-24 *:[svg:not([class*='size-'])]:size-5"
+		}
+	},
+	compoundVariants: [
+		{
+			appearance: "default",
+			variant: "default",
+			class: "bg-card text-card-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "primary",
+			class: "border-primary/30 bg-primary/10 text-primary"
+		},
+		{
+			appearance: "default",
+			variant: "secondary",
+			class: "border-border bg-secondary text-secondary-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "warning",
+			class: "border-warning-border bg-warning text-warning-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "danger",
+			class: "border-danger-border bg-danger text-danger-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "info",
+			class: "border-info-border bg-info text-info-foreground"
+		},
+		{
+			appearance: "default",
+			variant: "success",
+			class: "border-success-border bg-success text-success-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "default",
+			class: "border-border/70 bg-muted/40 text-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "primary",
+			class: "border-primary/20 bg-primary/5 text-primary"
+		},
+		{
+			appearance: "subtle",
+			variant: "secondary",
+			class: "border-border/70 bg-secondary/60 text-secondary-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "warning",
+			class: "border-warning-border/70 bg-warning/60 text-warning-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "danger",
+			class: "border-danger-border/70 bg-danger/60 text-danger-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "info",
+			class: "border-info-border/70 bg-info/60 text-info-foreground"
+		},
+		{
+			appearance: "subtle",
+			variant: "success",
+			class: "border-success-border/70 bg-success/60 text-success-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "default",
+			class: "border-border bg-background text-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "primary",
+			class: "border-primary/40 bg-background text-primary"
+		},
+		{
+			appearance: "outline",
+			variant: "secondary",
+			class: "border-border bg-background text-secondary-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "warning",
+			class: "border-warning-border bg-background text-warning-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "danger",
+			class: "border-danger-border bg-background text-danger-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "info",
+			class: "border-info-border bg-background text-info-foreground"
+		},
+		{
+			appearance: "outline",
+			variant: "success",
+			class: "border-success-border bg-background text-success-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: [
+				"default",
+				"primary",
+				"secondary",
+				"warning",
+				"danger",
+				"info",
+				"success"
+			],
+			class: "border-0 bg-foreground text-background dark:bg-card dark:text-card-foreground [&_*[data-slot=alert-description]]:text-background/70 dark:[&_*[data-slot=alert-description]]:text-card-foreground/70"
+		},
+		{
+			appearance: "inverted",
+			variant: "primary",
+			class: "[&>svg]:text-primary"
+		},
+		{
+			appearance: "inverted",
+			variant: "secondary",
+			class: "[&>svg]:text-muted-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "warning",
+			class: "[&>svg]:text-warning-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "danger",
+			class: "[&>svg]:text-danger-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "info",
+			class: "[&>svg]:text-info-foreground"
+		},
+		{
+			appearance: "inverted",
+			variant: "success",
+			class: "[&>svg]:text-success-foreground"
+		}
+	],
+	defaultVariants: {
+		appearance: "default",
+		size: "md",
+		variant: "default"
+	}
 });
+const Alert = ({ appearance, className, size: providedSize, variant, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx("div", {
+		className: alertVariants({
+			appearance,
+			size,
+			variant,
+			className
+		}),
+		"data-size": size,
+		"data-slot": "alert",
+		role: "alert",
+		...props
+	});
+};
 Alert.Action = AlertAction;
 Alert.Description = AlertDescription;
 Alert.Title = AlertTitle;