@tomny-dev/uzi 0.5.0 → 0.6.0-pr.60.173.1.802e4f7

package/dist/index15.js

@@ -1,16 +1,84 @@
 "use client";
 import { cx } from "./index3.js";
-import alert_module_default from "./index14.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/alert/Alert.tsx
-function Alert({ tone, children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(alert_module_default.alert, alert_module_default[tone], className),
-		role: "alert",
-		children
+import modal_module_default from "./index14.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/components/modal/Modal.tsx
+function ModalOverlay({ open, onClose, className, children }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		open,
+		onOpenChange: (nextOpen) => {
+			if (!nextOpen) onClose();
+		},
+		children: /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs("div", {
+			className: modal_module_default.portalLayer,
+			children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: cx(modal_module_default.backdrop, className) }), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+				className: modal_module_default.overlayContent,
+				children
+			})]
+		}) })
+	});
+}
+function Modal({ open, onClose, title, subtitle, size = "md", children, footer }) {
+	return /* @__PURE__ */ jsx(ModalOverlay, {
+		open,
+		onClose,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx(modal_module_default.modal, modal_module_default[`size-${size}`]),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: modal_module_default.header,
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: modal_module_default.titles,
+						children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+							className: modal_module_default.title,
+							children: title
+						}), subtitle ? /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+							className: modal_module_default.subtitle,
+							children: subtitle
+						}) : null]
+					}), /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							className: modal_module_default.closeButton,
+							"aria-label": "Close",
+							children: /* @__PURE__ */ jsxs("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: [/* @__PURE__ */ jsx("line", {
+									x1: "18",
+									y1: "6",
+									x2: "6",
+									y2: "18"
+								}), /* @__PURE__ */ jsx("line", {
+									x1: "6",
+									y1: "6",
+									x2: "18",
+									y2: "18"
+								})]
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: modal_module_default.body,
+					children
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: modal_module_default.footer,
+					children: footer
+				})
+			]
+		})
 	});
 }
 //#endregion
-export { Alert };
+export { Modal, ModalOverlay };
 
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","names":[],"sources":["../src/components/alert/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./alert.module.css\";\n\nexport type AlertTone = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type AlertProps = {\n  tone: AlertTone;\n  children: ReactNode;\n  className?: string;\n};\n\nexport function Alert({ tone, children, className }: AlertProps) {\n  return (\n    <div className={cx(styles.alert, styles[tone], className)} role=\"alert\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,MAAM,EAAE,MAAM,UAAU,aAAyB;CAC/D,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAO,OAAO,qBAAO,OAAO,SAAS;EAAG,MAAK;EAC7D;CACE,CAAA;AAET"}
+{"version":3,"file":"index15.js","names":[],"sources":["../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./modal.module.css\";\n\n// ── ModalOverlay ─────────────────────────────────────────────────────────────\n// Bare backdrop + container. No opinions on layout inside.\n// Use this when you need a full-custom layout (e.g. wide media modals).\n\nexport type ModalOverlayProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Extra class applied to the backdrop */\n  className?: string;\n  children: ReactNode;\n};\n\nexport function ModalOverlay({ open, onClose, className, children }: ModalOverlayProps) {\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        if (!nextOpen) onClose();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        <div className={styles.portalLayer}>\n          <DialogPrimitive.Overlay className={cx(styles.backdrop, className)} />\n          <DialogPrimitive.Content className={styles.overlayContent}>\n            {children}\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n// Opinionated dialog: header (title + close button), scrollable body, footer.\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type ModalProps = {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  subtitle?: string;\n  size?: ModalSize;\n  children: ReactNode;\n  footer?: ReactNode;\n};\n\nexport function Modal({ open, onClose, title, subtitle, size = \"md\", children, footer }: ModalProps) {\n  return (\n    <ModalOverlay open={open} onClose={onClose}>\n      <div className={cx(styles.modal, styles[`size-${size}`])}>\n        <div className={styles.header}>\n          <div className={styles.titles}>\n            <DialogPrimitive.Title className={styles.title}>{title}</DialogPrimitive.Title>\n            {subtitle ? (\n              <DialogPrimitive.Description className={styles.subtitle}>\n                {subtitle}\n              </DialogPrimitive.Description>\n            ) : null}\n          </div>\n          <DialogPrimitive.Close asChild>\n            <button className={styles.closeButton} aria-label=\"Close\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </DialogPrimitive.Close>\n        </div>\n\n        <div className={styles.body}>{children}</div>\n\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </ModalOverlay>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAgB,aAAa,EAAE,MAAM,SAAS,WAAW,YAA+B;CACtF,OACE,oBAAC,gBAAgB,MAAjB;EACQ;EACN,eAAe,aAAsB;GACnC,IAAI,CAAC,UAAU,QAAQ;EACzB;YAEA,oBAAC,gBAAgB,QAAjB,EAAA,UACE,qBAAC,OAAD;GAAK,WAAW,qBAAO;aAAvB,CACE,oBAAC,gBAAgB,SAAjB,EAAyB,WAAW,GAAG,qBAAO,UAAU,SAAS,EAAI,CAAA,GACrE,oBAAC,gBAAgB,SAAjB;IAAyB,WAAW,qBAAO;IACxC;GACsB,CAAA,CACtB;KACiB,CAAA;CACJ,CAAA;AAE1B;AAiBA,SAAgB,MAAM,EAAE,MAAM,SAAS,OAAO,UAAU,OAAO,MAAM,UAAU,UAAsB;CACnG,OACE,oBAAC,cAAD;EAAoB;EAAe;YACjC,qBAAC,OAAD;GAAK,WAAW,GAAG,qBAAO,OAAO,qBAAO,QAAQ,OAAO;aAAvD;IACE,qBAAC,OAAD;KAAK,WAAW,qBAAO;eAAvB,CACE,qBAAC,OAAD;MAAK,WAAW,qBAAO;gBAAvB,CACE,oBAAC,gBAAgB,OAAjB;OAAuB,WAAW,qBAAO;iBAAQ;MAA6B,CAAA,GAC7E,WACC,oBAAC,gBAAgB,aAAjB;OAA6B,WAAW,qBAAO;iBAC5C;MAC0B,CAAA,IAC3B,IACD;SACL,oBAAC,gBAAgB,OAAjB;MAAuB,SAAA;gBACrB,oBAAC,UAAD;OAAQ,WAAW,qBAAO;OAAa,cAAW;iBAChD,qBAAC,OAAD;QAAK,OAAM;QAAK,QAAO;QAAK,SAAQ;QAAY,MAAK;QAAO,QAAO;QAAe,aAAY;QAAM,eAAc;QAAQ,gBAAe;kBAAzI,CACE,oBAAC,QAAD;SAAM,IAAG;SAAK,IAAG;SAAI,IAAG;SAAI,IAAG;QAAM,CAAA,GACrC,oBAAC,QAAD;SAAM,IAAG;SAAI,IAAG;SAAI,IAAG;SAAK,IAAG;QAAM,CAAA,CAClC;;MACC,CAAA;KACa,CAAA,CACpB;;IAEL,oBAAC,OAAD;KAAK,WAAW,qBAAO;KAAO;IAAc,CAAA;IAE3C,UAAU,oBAAC,OAAD;KAAK,WAAW,qBAAO;eAAS;IAAY,CAAA;GACpD;;CACO,CAAA;AAElB"}

package/dist/index16.cjs

@@ -1,16 +1,87 @@
 "use client";
+const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_alert_module = require("./index15.cjs");
+const require_modal_module = require("./index15.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/alert/Alert.tsx
-function Alert({ tone, children, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_cx.cx(require_alert_module.default.alert, require_alert_module.default[tone], className),
-		role: "alert",
-		children
+let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
+_radix_ui_react_dialog = require_runtime.__toESM(_radix_ui_react_dialog, 1);
+//#region src/components/modal/Modal.tsx
+function ModalOverlay({ open, onClose, className, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Root, {
+		open,
+		onOpenChange: (nextOpen) => {
+			if (!nextOpen) onClose();
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_modal_module.default.portalLayer,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, { className: require_cx.cx(require_modal_module.default.backdrop, className) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Content, {
+				className: require_modal_module.default.overlayContent,
+				children
+			})]
+		}) })
+	});
+}
+function Modal({ open, onClose, title, subtitle, size = "md", children, footer }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalOverlay, {
+		open,
+		onClose,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_cx.cx(require_modal_module.default.modal, require_modal_module.default[`size-${size}`]),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_modal_module.default.header,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: require_modal_module.default.titles,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
+							className: require_modal_module.default.title,
+							children: title
+						}), subtitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
+							className: require_modal_module.default.subtitle,
+							children: subtitle
+						}) : null]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: require_modal_module.default.closeButton,
+							"aria-label": "Close",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+									x1: "18",
+									y1: "6",
+									x2: "6",
+									y2: "18"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+									x1: "6",
+									y1: "6",
+									x2: "18",
+									y2: "18"
+								})]
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_modal_module.default.body,
+					children
+				}),
+				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_modal_module.default.footer,
+					children: footer
+				})
+			]
+		})
 	});
 }
 //#endregion
-exports.Alert = Alert;
+exports.Modal = Modal;
+exports.ModalOverlay = ModalOverlay;
 
 //# sourceMappingURL=index16.cjs.map

package/dist/index16.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index16.cjs","names":[],"sources":["../src/components/alert/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./alert.module.css\";\n\nexport type AlertTone = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type AlertProps = {\n  tone: AlertTone;\n  children: ReactNode;\n  className?: string;\n};\n\nexport function Alert({ tone, children, className }: AlertProps) {\n  return (\n    <div className={cx(styles.alert, styles[tone], className)} role=\"alert\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,MAAM,EAAE,MAAM,UAAU,aAAyB;CAC/D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,qBAAA,QAAO,OAAO,qBAAA,QAAO,OAAO,SAAS;EAAG,MAAK;EAC7D;CACE,CAAA;AAET"}
+{"version":3,"file":"index16.cjs","names":[],"sources":["../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./modal.module.css\";\n\n// ── ModalOverlay ─────────────────────────────────────────────────────────────\n// Bare backdrop + container. No opinions on layout inside.\n// Use this when you need a full-custom layout (e.g. wide media modals).\n\nexport type ModalOverlayProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Extra class applied to the backdrop */\n  className?: string;\n  children: ReactNode;\n};\n\nexport function ModalOverlay({ open, onClose, className, children }: ModalOverlayProps) {\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        if (!nextOpen) onClose();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        <div className={styles.portalLayer}>\n          <DialogPrimitive.Overlay className={cx(styles.backdrop, className)} />\n          <DialogPrimitive.Content className={styles.overlayContent}>\n            {children}\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// ── Modal ─────────────────────────────────────────────────────────────────────\n// Opinionated dialog: header (title + close button), scrollable body, footer.\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type ModalProps = {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  subtitle?: string;\n  size?: ModalSize;\n  children: ReactNode;\n  footer?: ReactNode;\n};\n\nexport function Modal({ open, onClose, title, subtitle, size = \"md\", children, footer }: ModalProps) {\n  return (\n    <ModalOverlay open={open} onClose={onClose}>\n      <div className={cx(styles.modal, styles[`size-${size}`])}>\n        <div className={styles.header}>\n          <div className={styles.titles}>\n            <DialogPrimitive.Title className={styles.title}>{title}</DialogPrimitive.Title>\n            {subtitle ? (\n              <DialogPrimitive.Description className={styles.subtitle}>\n                {subtitle}\n              </DialogPrimitive.Description>\n            ) : null}\n          </div>\n          <DialogPrimitive.Close asChild>\n            <button className={styles.closeButton} aria-label=\"Close\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </DialogPrimitive.Close>\n        </div>\n\n        <div className={styles.body}>{children}</div>\n\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </ModalOverlay>\n  );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,aAAa,EAAE,MAAM,SAAS,WAAW,YAA+B;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,MAAjB;EACQ;EACN,eAAe,aAAsB;GACnC,IAAI,CAAC,UAAU,QAAQ;EACzB;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,QAAjB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,qBAAA,QAAO;aAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,SAAjB,EAAyB,WAAW,WAAA,GAAG,qBAAA,QAAO,UAAU,SAAS,EAAI,CAAA,GACrE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,SAAjB;IAAyB,WAAW,qBAAA,QAAO;IACxC;GACsB,CAAA,CACtB;KACiB,CAAA;CACJ,CAAA;AAE1B;AAiBA,SAAgB,MAAM,EAAE,MAAM,SAAS,OAAO,UAAU,OAAO,MAAM,UAAU,UAAsB;CACnG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;EAAoB;EAAe;YACjC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,WAAA,GAAG,qBAAA,QAAO,OAAO,qBAAA,QAAO,QAAQ,OAAO;aAAvD;IACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,qBAAA,QAAO;eAAvB,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAW,qBAAA,QAAO;gBAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,OAAjB;OAAuB,WAAW,qBAAA,QAAO;iBAAQ;MAA6B,CAAA,GAC7E,WACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,aAAjB;OAA6B,WAAW,qBAAA,QAAO;iBAC5C;MAC0B,CAAA,IAC3B,IACD;SACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAgB,OAAjB;MAAuB,SAAA;gBACrB,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;OAAQ,WAAW,qBAAA,QAAO;OAAa,cAAW;iBAChD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;QAAK,OAAM;QAAK,QAAO;QAAK,SAAQ;QAAY,MAAK;QAAO,QAAO;QAAe,aAAY;QAAM,eAAc;QAAQ,gBAAe;kBAAzI,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,IAAG;SAAK,IAAG;SAAI,IAAG;SAAI,IAAG;QAAM,CAAA,GACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,IAAG;SAAI,IAAG;SAAI,IAAG;SAAK,IAAG;QAAM,CAAA,CAClC;;MACC,CAAA;KACa,CAAA,CACpB;;IAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,qBAAA,QAAO;KAAO;IAAc,CAAA;IAE3C,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,qBAAA,QAAO;eAAS;IAAY,CAAA;GACpD;;CACO,CAAA;AAElB"}

package/dist/index16.js

@@ -1,45 +1,17 @@
-//#region src/components/toast/toast.module.css
-var stack = "uzi-toast-module__stack__SRrda";
-var topRight = "uzi-toast-module__topRight__WiZzM";
-var topLeft = "uzi-toast-module__topLeft__SzFS9";
-var topCenter = "uzi-toast-module__topCenter__X5W-x";
-var bottomRight = "uzi-toast-module__bottomRight__DMtoS";
-var bottomLeft = "uzi-toast-module__bottomLeft__ZZ7VF";
-var bottomCenter = "uzi-toast-module__bottomCenter__QNJrM";
-var toast = "uzi-toast-module__toast__HNUcj";
-var toastSlideIn = "uzi-toast-module__toastSlideIn__BTXfm";
-var toastSlideOut = "uzi-toast-module__toastSlideOut__mBX-G";
-var toastSwipeOut = "uzi-toast-module__toastSwipeOut__R-jk2";
-var icon = "uzi-toast-module__icon__LIAqr";
-var body = "uzi-toast-module__body__9vzs7";
-var message = "uzi-toast-module__message__TBY65";
-var actions = "uzi-toast-module__actions__Iykd9";
-var actionButton = "uzi-toast-module__actionButton__cvUr0";
-var controls = "uzi-toast-module__controls__LqA4Q";
-var iconButton = "uzi-toast-module__iconButton__FOsOp";
-var iconButtonError = "uzi-toast-module__iconButtonError__NJsLX";
-var toast_module_default = {
-	stack,
-	topRight,
-	topLeft,
-	topCenter,
-	bottomRight,
-	bottomLeft,
-	bottomCenter,
-	toast,
-	toastSlideIn,
-	toastSlideOut,
-	toastSwipeOut,
-	icon,
-	body,
-	message,
-	actions,
-	actionButton,
-	controls,
-	iconButton,
-	iconButtonError
+//#region src/components/alert/alert.module.css
+var alert = "uzi-alert-module__alert__7Bt6c";
+var success = "uzi-alert-module__success__apdFG";
+var error = "uzi-alert-module__error__KLgi1";
+var warning = "uzi-alert-module__warning__F4fpk";
+var info = "uzi-alert-module__info__1IKHt";
+var alert_module_default = {
+	alert,
+	success,
+	error,
+	warning,
+	info
 };
 //#endregion
-export { actionButton, actions, body, bottomCenter, bottomLeft, bottomRight, controls, toast_module_default as default, icon, iconButton, iconButtonError, message, stack, toast, toastSlideIn, toastSlideOut, toastSwipeOut, topCenter, topLeft, topRight };
+export { alert, alert_module_default as default, error, info, success, warning };
 
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","names":[],"sources":["../src/components/toast/toast.module.css"],"sourcesContent":[".stack {\n  position: fixed;\n  z-index: var(--uzi-toast-z-index, 2147483000);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  pointer-events: none;\n}\n\n.topRight {\n  top: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.topLeft {\n  top: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.topCenter {\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.bottomRight {\n  bottom: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.bottomLeft {\n  bottom: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.bottomCenter {\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.toast {\n  pointer-events: auto;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 280px;\n  max-width: min(420px, calc(100vw - 32px));\n  padding: 12px 12px 12px 14px;\n  border-radius: 10px;\n  border: 1px solid var(--toast-border, var(--border));\n  background: var(--toast-bg, var(--popover));\n  color: var(--toast-text, var(--popover-foreground));\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  animation: toastSlideIn 180ms ease-out;\n}\n\n/* Left accent strip */\n.toast::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: var(--toast-accent, transparent);\n  border-radius: 10px 0 0 10px;\n}\n\n.toast[data-state=\"closed\"] {\n  animation: toastSlideOut 160ms ease-in forwards;\n}\n\n.toast[data-swipe=\"move\"] {\n  transform: translateX(var(--radix-toast-swipe-move-x));\n}\n\n.toast[data-swipe=\"cancel\"] {\n  transform: translateX(0);\n  transition: transform 180ms ease-out;\n}\n\n.toast[data-swipe=\"end\"] {\n  animation: toastSwipeOut 160ms ease-out forwards;\n}\n\n.icon {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--toast-accent, var(--foreground));\n  margin-top: 1px;\n}\n\n.body {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  gap: 6px;\n}\n\n.message {\n  word-break: break-word;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.actions {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.actionButton {\n  padding: 5px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  border: 1px solid var(--toast-action-border, var(--border));\n  background: var(--toast-action-bg, color-mix(in srgb, var(--foreground) 8%, transparent));\n  color: var(--toast-text, var(--popover-foreground));\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.actionButton:hover {\n  background: color-mix(in srgb, var(--toast-action-bg, var(--foreground)), var(--foreground) 10%);\n}\n\n.controls {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin: -2px -2px -2px 0;\n}\n\n.iconButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--toast-text, var(--popover-foreground));\n  opacity: 0.5;\n  cursor: pointer;\n  transition: opacity 120ms ease, background 120ms ease;\n}\n\n.iconButton:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--foreground) 8%, transparent);\n}\n\n.iconButtonError {\n  opacity: 1;\n  color: var(--destructive);\n}\n\n.iconButton:focus-visible,\n.actionButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toastSlideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n@keyframes toastSwipeOut {\n  from {\n    opacity: 1;\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n\n  to {\n    opacity: 0;\n    transform: translateX(calc(var(--radix-toast-swipe-end-x) * 1.05));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index16.js","names":[],"sources":["../src/components/alert/alert.module.css"],"sourcesContent":[".alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  border-radius: 0.375rem;\n  border: 1px solid;\n  padding: 0.625rem 0.875rem;\n  font-size: 0.875rem;\n  line-height: 1.5;\n}\n\n.success {\n  border-color: color-mix(in srgb, var(--success) 35%, transparent);\n  background: color-mix(in srgb, var(--success) 10%, transparent);\n  color: color-mix(in srgb, var(--success) 90%, var(--foreground));\n}\n\n.error {\n  border-color: color-mix(in srgb, var(--destructive) 35%, transparent);\n  background: color-mix(in srgb, var(--destructive) 10%, transparent);\n  color: color-mix(in srgb, var(--destructive) 90%, var(--foreground));\n}\n\n.warning {\n  border-color: color-mix(in srgb, var(--warning) 35%, transparent);\n  background: color-mix(in srgb, var(--warning) 10%, transparent);\n  color: color-mix(in srgb, var(--warning) 90%, var(--foreground));\n}\n\n.info {\n  border-color: color-mix(in srgb, var(--primary) 35%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: color-mix(in srgb, var(--primary) 90%, var(--foreground));\n}\n"],"mappings":""}

package/dist/index17.cjs

@@ -1,64 +1,22 @@
-//#region src/components/toast/toast.module.css
-var stack = "uzi-toast-module__stack__SRrda";
-var topRight = "uzi-toast-module__topRight__WiZzM";
-var topLeft = "uzi-toast-module__topLeft__SzFS9";
-var topCenter = "uzi-toast-module__topCenter__X5W-x";
-var bottomRight = "uzi-toast-module__bottomRight__DMtoS";
-var bottomLeft = "uzi-toast-module__bottomLeft__ZZ7VF";
-var bottomCenter = "uzi-toast-module__bottomCenter__QNJrM";
-var toast = "uzi-toast-module__toast__HNUcj";
-var toastSlideIn = "uzi-toast-module__toastSlideIn__BTXfm";
-var toastSlideOut = "uzi-toast-module__toastSlideOut__mBX-G";
-var toastSwipeOut = "uzi-toast-module__toastSwipeOut__R-jk2";
-var icon = "uzi-toast-module__icon__LIAqr";
-var body = "uzi-toast-module__body__9vzs7";
-var message = "uzi-toast-module__message__TBY65";
-var actions = "uzi-toast-module__actions__Iykd9";
-var actionButton = "uzi-toast-module__actionButton__cvUr0";
-var controls = "uzi-toast-module__controls__LqA4Q";
-var iconButton = "uzi-toast-module__iconButton__FOsOp";
-var iconButtonError = "uzi-toast-module__iconButtonError__NJsLX";
-var toast_module_default = {
-	stack,
-	topRight,
-	topLeft,
-	topCenter,
-	bottomRight,
-	bottomLeft,
-	bottomCenter,
-	toast,
-	toastSlideIn,
-	toastSlideOut,
-	toastSwipeOut,
-	icon,
-	body,
-	message,
-	actions,
-	actionButton,
-	controls,
-	iconButton,
-	iconButtonError
+//#region src/components/alert/alert.module.css
+var alert = "uzi-alert-module__alert__7Bt6c";
+var success = "uzi-alert-module__success__apdFG";
+var error = "uzi-alert-module__error__KLgi1";
+var warning = "uzi-alert-module__warning__F4fpk";
+var info = "uzi-alert-module__info__1IKHt";
+var alert_module_default = {
+	alert,
+	success,
+	error,
+	warning,
+	info
 };
 //#endregion
-exports.actionButton = actionButton;
-exports.actions = actions;
-exports.body = body;
-exports.bottomCenter = bottomCenter;
-exports.bottomLeft = bottomLeft;
-exports.bottomRight = bottomRight;
-exports.controls = controls;
-exports.default = toast_module_default;
-exports.icon = icon;
-exports.iconButton = iconButton;
-exports.iconButtonError = iconButtonError;
-exports.message = message;
-exports.stack = stack;
-exports.toast = toast;
-exports.toastSlideIn = toastSlideIn;
-exports.toastSlideOut = toastSlideOut;
-exports.toastSwipeOut = toastSwipeOut;
-exports.topCenter = topCenter;
-exports.topLeft = topLeft;
-exports.topRight = topRight;
+exports.alert = alert;
+exports.default = alert_module_default;
+exports.error = error;
+exports.info = info;
+exports.success = success;
+exports.warning = warning;
 
 //# sourceMappingURL=index17.cjs.map

package/dist/index17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index17.cjs","names":[],"sources":["../src/components/toast/toast.module.css"],"sourcesContent":[".stack {\n  position: fixed;\n  z-index: var(--uzi-toast-z-index, 2147483000);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  pointer-events: none;\n}\n\n.topRight {\n  top: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.topLeft {\n  top: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.topCenter {\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.bottomRight {\n  bottom: 16px;\n  right: 16px;\n  align-items: flex-end;\n}\n\n.bottomLeft {\n  bottom: 16px;\n  left: 16px;\n  align-items: flex-start;\n}\n\n.bottomCenter {\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.toast {\n  pointer-events: auto;\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 280px;\n  max-width: min(420px, calc(100vw - 32px));\n  padding: 12px 12px 12px 14px;\n  border-radius: 10px;\n  border: 1px solid var(--toast-border, var(--border));\n  background: var(--toast-bg, var(--popover));\n  color: var(--toast-text, var(--popover-foreground));\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n  animation: toastSlideIn 180ms ease-out;\n}\n\n/* Left accent strip */\n.toast::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: var(--toast-accent, transparent);\n  border-radius: 10px 0 0 10px;\n}\n\n.toast[data-state=\"closed\"] {\n  animation: toastSlideOut 160ms ease-in forwards;\n}\n\n.toast[data-swipe=\"move\"] {\n  transform: translateX(var(--radix-toast-swipe-move-x));\n}\n\n.toast[data-swipe=\"cancel\"] {\n  transform: translateX(0);\n  transition: transform 180ms ease-out;\n}\n\n.toast[data-swipe=\"end\"] {\n  animation: toastSwipeOut 160ms ease-out forwards;\n}\n\n.icon {\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--toast-accent, var(--foreground));\n  margin-top: 1px;\n}\n\n.body {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  gap: 6px;\n}\n\n.message {\n  word-break: break-word;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.actions {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.actionButton {\n  padding: 5px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  border: 1px solid var(--toast-action-border, var(--border));\n  background: var(--toast-action-bg, color-mix(in srgb, var(--foreground) 8%, transparent));\n  color: var(--toast-text, var(--popover-foreground));\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.actionButton:hover {\n  background: color-mix(in srgb, var(--toast-action-bg, var(--foreground)), var(--foreground) 10%);\n}\n\n.controls {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  margin: -2px -2px -2px 0;\n}\n\n.iconButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 5px;\n  background: transparent;\n  color: var(--toast-text, var(--popover-foreground));\n  opacity: 0.5;\n  cursor: pointer;\n  transition: opacity 120ms ease, background 120ms ease;\n}\n\n.iconButton:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--foreground) 8%, transparent);\n}\n\n.iconButtonError {\n  opacity: 1;\n  color: var(--destructive);\n}\n\n.iconButton:focus-visible,\n.actionButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toastSlideOut {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n}\n\n@keyframes toastSwipeOut {\n  from {\n    opacity: 1;\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n\n  to {\n    opacity: 0;\n    transform: translateX(calc(var(--radix-toast-swipe-end-x) * 1.05));\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index17.cjs","names":[],"sources":["../src/components/alert/alert.module.css"],"sourcesContent":[".alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  border-radius: 0.375rem;\n  border: 1px solid;\n  padding: 0.625rem 0.875rem;\n  font-size: 0.875rem;\n  line-height: 1.5;\n}\n\n.success {\n  border-color: color-mix(in srgb, var(--success) 35%, transparent);\n  background: color-mix(in srgb, var(--success) 10%, transparent);\n  color: color-mix(in srgb, var(--success) 90%, var(--foreground));\n}\n\n.error {\n  border-color: color-mix(in srgb, var(--destructive) 35%, transparent);\n  background: color-mix(in srgb, var(--destructive) 10%, transparent);\n  color: color-mix(in srgb, var(--destructive) 90%, var(--foreground));\n}\n\n.warning {\n  border-color: color-mix(in srgb, var(--warning) 35%, transparent);\n  background: color-mix(in srgb, var(--warning) 10%, transparent);\n  color: color-mix(in srgb, var(--warning) 90%, var(--foreground));\n}\n\n.info {\n  border-color: color-mix(in srgb, var(--primary) 35%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: color-mix(in srgb, var(--primary) 90%, var(--foreground));\n}\n"],"mappings":""}