@tomny-dev/uzi 0.3.0 → 0.4.0

package/dist/index66.cjs

@@ -0,0 +1,67 @@
+//#region src/components/settings-page/settings-page.module.css
+var wrapper = "uzi-settings-page-module__wrapper__G7OOt";
+var header = "uzi-settings-page-module__header__ao-nv";
+var headerContent = "uzi-settings-page-module__headerContent__xwP9V";
+var title = "uzi-settings-page-module__title__anF9l";
+var description = "uzi-settings-page-module__description__Qw6EQ";
+var content = "uzi-settings-page-module__content__MBz6q";
+var sections = "uzi-settings-page-module__sections__HV2n4";
+var section = "uzi-settings-page-module__section__Vjoe3";
+var sectionHeader = "uzi-settings-page-module__sectionHeader__XiOWN";
+var sectionTitle = "uzi-settings-page-module__sectionTitle__bN5lO";
+var sectionDescription = "uzi-settings-page-module__sectionDescription__3wjhy";
+var sectionBody = "uzi-settings-page-module__sectionBody__zraHK";
+var dangerZone = "uzi-settings-page-module__dangerZone__GD8XX";
+var dangerZoneHeader = "uzi-settings-page-module__dangerZoneHeader__2d3R1";
+var dangerZoneTitle = "uzi-settings-page-module__dangerZoneTitle__ljU2k";
+var dangerZoneDescription = "uzi-settings-page-module__dangerZoneDescription__Z3Ohe";
+var dangerZoneBody = "uzi-settings-page-module__dangerZoneBody__zAQbu";
+var footer = "uzi-settings-page-module__footer__dO4Xo";
+var footerContent = "uzi-settings-page-module__footerContent__pPOdb";
+var savingIndicator = "uzi-settings-page-module__savingIndicator__ujaC5";
+var settings_page_module_default = {
+	wrapper,
+	header,
+	headerContent,
+	title,
+	description,
+	content,
+	sections,
+	section,
+	sectionHeader,
+	sectionTitle,
+	sectionDescription,
+	sectionBody,
+	dangerZone,
+	dangerZoneHeader,
+	dangerZoneTitle,
+	dangerZoneDescription,
+	dangerZoneBody,
+	footer,
+	footerContent,
+	savingIndicator
+};
+//#endregion
+exports.content = content;
+exports.dangerZone = dangerZone;
+exports.dangerZoneBody = dangerZoneBody;
+exports.dangerZoneDescription = dangerZoneDescription;
+exports.dangerZoneHeader = dangerZoneHeader;
+exports.dangerZoneTitle = dangerZoneTitle;
+exports.default = settings_page_module_default;
+exports.description = description;
+exports.footer = footer;
+exports.footerContent = footerContent;
+exports.header = header;
+exports.headerContent = headerContent;
+exports.savingIndicator = savingIndicator;
+exports.section = section;
+exports.sectionBody = sectionBody;
+exports.sectionDescription = sectionDescription;
+exports.sectionHeader = sectionHeader;
+exports.sectionTitle = sectionTitle;
+exports.sections = sections;
+exports.title = title;
+exports.wrapper = wrapper;
+
+//# sourceMappingURL=index66.cjs.map

package/dist/index66.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index66.cjs","names":[],"sources":["../src/components/settings-page/settings-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  background: var(--background);\n  color: var(--foreground);\n}\n\n.header {\n  padding: 2rem 2rem 0;\n  flex-shrink: 0;\n}\n\n.headerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n}\n\n.title {\n  margin: 0 0 0.25rem;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.content {\n  flex: 1;\n  padding: 1.5rem 2rem 6rem;\n  max-width: 64rem;\n  margin: 0 auto;\n  width: 100%;\n  overflow-y: auto;\n}\n\n.sections {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.section {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: 1.5rem;\n}\n\n.section:last-of-type {\n  border-bottom: none;\n}\n\n.sectionHeader {\n  margin-bottom: 1.25rem;\n}\n\n.sectionTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--foreground);\n}\n\n.sectionDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.sectionBody {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.dangerZone {\n  margin-top: 2rem;\n  border: 1px solid var(--ts-danger-border, var(--destructive));\n  border-radius: 8px;\n  background: var(--ts-danger-bg, color-mix(in srgb, var(--destructive) 8%, transparent));\n  padding: 1.5rem;\n}\n\n.dangerZoneHeader {\n  margin-bottom: 1rem;\n}\n\n.dangerZoneTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--ts-danger-text, var(--destructive));\n}\n\n.dangerZoneDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.dangerZoneBody {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-top: 1px solid var(--border);\n  background: var(--background);\n  z-index: 10;\n  padding: 0.75rem 2rem;\n}\n\n.footerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.savingIndicator {\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n}\n\n@media (max-width: 48rem) {\n  .header {\n    padding: 1.5rem 1rem 0;\n  }\n\n  .content {\n    padding: 1rem 1rem 6rem;\n  }\n\n  .footer {\n    padding: 0.75rem 1rem;\n  }\n\n  .footerContent {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n}\n"],"mappings":""}

package/dist/index66.js

@@ -0,0 +1,86 @@
+import { cx } from "./index3.js";
+import settings_page_module_default from "./index65.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/settings-page/SettingsPage.tsx
+/**
+* SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.
+*
+* Layout:
+*   Header (title + description)
+*   Scrollable content:
+*     Section group with headings and descriptions
+*     Danger zone with red visual distinction
+*   Sticky footer: save/cancel buttons
+*/
+function SettingsPage({ title, description, sections, dangerZone, dangerZoneTitle, dangerZoneDescription, footer, saving = false, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(settings_page_module_default.wrapper, className),
+		children: [
+			/* @__PURE__ */ jsx("header", {
+				className: settings_page_module_default.header,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: settings_page_module_default.headerContent,
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: settings_page_module_default.title,
+						children: title
+					}), description && /* @__PURE__ */ jsx("p", {
+						className: settings_page_module_default.description,
+						children: description
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: settings_page_module_default.content,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: settings_page_module_default.sections,
+					children: sections.map((section, index) => /* @__PURE__ */ jsxs("section", {
+						className: settings_page_module_default.section,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: settings_page_module_default.sectionHeader,
+							children: [/* @__PURE__ */ jsx("h2", {
+								className: settings_page_module_default.sectionTitle,
+								children: section.title
+							}), section.description && /* @__PURE__ */ jsx("p", {
+								className: settings_page_module_default.sectionDescription,
+								children: section.description
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: settings_page_module_default.sectionBody,
+							children: section.children
+						})]
+					}, index))
+				}), dangerZone && /* @__PURE__ */ jsxs("div", {
+					className: settings_page_module_default.dangerZone,
+					children: [(dangerZoneTitle || dangerZoneDescription) && /* @__PURE__ */ jsxs("div", {
+						className: settings_page_module_default.dangerZoneHeader,
+						children: [dangerZoneTitle && /* @__PURE__ */ jsx("h2", {
+							className: settings_page_module_default.dangerZoneTitle,
+							children: dangerZoneTitle
+						}), dangerZoneDescription && /* @__PURE__ */ jsx("p", {
+							className: settings_page_module_default.dangerZoneDescription,
+							children: dangerZoneDescription
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: settings_page_module_default.dangerZoneBody,
+						children: dangerZone
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("footer", {
+				className: settings_page_module_default.footer,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: settings_page_module_default.footerContent,
+					children: [footer, saving && /* @__PURE__ */ jsx("span", {
+						className: settings_page_module_default.savingIndicator,
+						children: "Saving..."
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { SettingsPage };
+
+//# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index66.js","names":[],"sources":["../src/components/settings-page/SettingsPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./settings-page.module.css\";\n\nexport interface SettingsSection {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport interface SettingsPageProps {\n  /** Page title */\n  title: React.ReactNode;\n  /** Page subtitle / description */\n  description?: React.ReactNode;\n  /** Form sections rendered in the main content area */\n  sections: SettingsSection[];\n  /** Content rendered in the danger zone (red visual distinction) */\n  dangerZone?: React.ReactNode;\n  /** Danger zone title */\n  dangerZoneTitle?: React.ReactNode;\n  /** Danger zone description */\n  dangerZoneDescription?: React.ReactNode;\n  /** Sticky footer content (e.g., Save / Cancel buttons) */\n  footer: React.ReactNode;\n  /** Whether the page is saving */\n  saving?: boolean;\n  /** Additional class name for the outer wrapper */\n  className?: string;\n}\n\n/**\n * SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.\n *\n * Layout:\n *   Header (title + description)\n *   Scrollable content:\n *     Section group with headings and descriptions\n *     Danger zone with red visual distinction\n *   Sticky footer: save/cancel buttons\n */\nexport function SettingsPage({\n  title,\n  description,\n  sections,\n  dangerZone,\n  dangerZoneTitle,\n  dangerZoneDescription,\n  footer,\n  saving = false,\n  className,\n}: SettingsPageProps) {\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <header className={styles.header}>\n        <div className={styles.headerContent}>\n          <h1 className={styles.title}>{title}</h1>\n          {description && <p className={styles.description}>{description}</p>}\n        </div>\n      </header>\n\n      <div className={styles.content}>\n        <div className={styles.sections}>\n          {sections.map((section, index) => (\n            <section key={index} className={styles.section}>\n              <div className={styles.sectionHeader}>\n                <h2 className={styles.sectionTitle}>{section.title}</h2>\n                {section.description && (\n                  <p className={styles.sectionDescription}>{section.description}</p>\n                )}\n              </div>\n              <div className={styles.sectionBody}>{section.children}</div>\n            </section>\n          ))}\n        </div>\n\n        {dangerZone && (\n          <div className={styles.dangerZone}>\n            {(dangerZoneTitle || dangerZoneDescription) && (\n              <div className={styles.dangerZoneHeader}>\n                {dangerZoneTitle && <h2 className={styles.dangerZoneTitle}>{dangerZoneTitle}</h2>}\n                {dangerZoneDescription && (\n                  <p className={styles.dangerZoneDescription}>{dangerZoneDescription}</p>\n                )}\n              </div>\n            )}\n            <div className={styles.dangerZoneBody}>{dangerZone}</div>\n          </div>\n        )}\n      </div>\n\n      <footer className={styles.footer}>\n        <div className={styles.footerContent}>\n          {footer}\n          {saving && <span className={styles.savingIndicator}>Saving...</span>}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAyCA,SAAgB,aAAa,EAC3B,OACA,aACA,UACA,YACA,iBACA,uBACA,QACA,SAAS,OACT,aACoB;CACpB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,6BAAO,SAAS,SAAS;YAA5C;GACE,oBAAC,UAAD;IAAQ,WAAW,6BAAO;cACxB,qBAAC,OAAD;KAAK,WAAW,6BAAO;eAAvB,CACE,oBAAC,MAAD;MAAI,WAAW,6BAAO;gBAAQ;KAAU,CAAA,GACvC,eAAe,oBAAC,KAAD;MAAG,WAAW,6BAAO;gBAAc;KAAe,CAAA,CAC/D;;GACC,CAAA;GAER,qBAAC,OAAD;IAAK,WAAW,6BAAO;cAAvB,CACE,oBAAC,OAAD;KAAK,WAAW,6BAAO;eACpB,SAAS,KAAK,SAAS,UACtB,qBAAC,WAAD;MAAqB,WAAW,6BAAO;gBAAvC,CACE,qBAAC,OAAD;OAAK,WAAW,6BAAO;iBAAvB,CACE,oBAAC,MAAD;QAAI,WAAW,6BAAO;kBAAe,QAAQ;OAAU,CAAA,GACtD,QAAQ,eACP,oBAAC,KAAD;QAAG,WAAW,6BAAO;kBAAqB,QAAQ;OAAe,CAAA,CAEhE;UACL,oBAAC,OAAD;OAAK,WAAW,6BAAO;iBAAc,QAAQ;MAAc,CAAA,CACpD;QARK,KAQL,CACV;IACE,CAAA,GAEJ,cACC,qBAAC,OAAD;KAAK,WAAW,6BAAO;eAAvB,EACI,mBAAmB,0BACnB,qBAAC,OAAD;MAAK,WAAW,6BAAO;gBAAvB,CACG,mBAAmB,oBAAC,MAAD;OAAI,WAAW,6BAAO;iBAAkB;MAAoB,CAAA,GAC/E,yBACC,oBAAC,KAAD;OAAG,WAAW,6BAAO;iBAAwB;MAAyB,CAAA,CAErE;SAEP,oBAAC,OAAD;MAAK,WAAW,6BAAO;gBAAiB;KAAgB,CAAA,CACrD;MAEJ;;GAEL,oBAAC,UAAD;IAAQ,WAAW,6BAAO;cACxB,qBAAC,OAAD;KAAK,WAAW,6BAAO;eAAvB,CACG,QACA,UAAU,oBAAC,QAAD;MAAM,WAAW,6BAAO;gBAAiB;KAAe,CAAA,CAChE;;GACC,CAAA;EACL;;AAET"}

package/dist/index67.cjs

@@ -0,0 +1,88 @@
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_settings_page_module = require("./index66.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/settings-page/SettingsPage.tsx
+/**
+* SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.
+*
+* Layout:
+*   Header (title + description)
+*   Scrollable content:
+*     Section group with headings and descriptions
+*     Danger zone with red visual distinction
+*   Sticky footer: save/cancel buttons
+*/
+function SettingsPage({ title, description, sections, dangerZone, dangerZoneTitle, dangerZoneDescription, footer, saving = false, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_cx.cx(require_settings_page_module.default.wrapper, className),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+				className: require_settings_page_module.default.header,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_settings_page_module.default.headerContent,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: require_settings_page_module.default.title,
+						children: title
+					}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_settings_page_module.default.description,
+						children: description
+					})]
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_settings_page_module.default.content,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_settings_page_module.default.sections,
+					children: sections.map((section, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: require_settings_page_module.default.section,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: require_settings_page_module.default.sectionHeader,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								className: require_settings_page_module.default.sectionTitle,
+								children: section.title
+							}), section.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: require_settings_page_module.default.sectionDescription,
+								children: section.description
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: require_settings_page_module.default.sectionBody,
+							children: section.children
+						})]
+					}, index))
+				}), dangerZone && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_settings_page_module.default.dangerZone,
+					children: [(dangerZoneTitle || dangerZoneDescription) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: require_settings_page_module.default.dangerZoneHeader,
+						children: [dangerZoneTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: require_settings_page_module.default.dangerZoneTitle,
+							children: dangerZoneTitle
+						}), dangerZoneDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: require_settings_page_module.default.dangerZoneDescription,
+							children: dangerZoneDescription
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_settings_page_module.default.dangerZoneBody,
+						children: dangerZone
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+				className: require_settings_page_module.default.footer,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_settings_page_module.default.footerContent,
+					children: [footer, saving && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_settings_page_module.default.savingIndicator,
+						children: "Saving..."
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+exports.SettingsPage = SettingsPage;
+
+//# sourceMappingURL=index67.cjs.map

package/dist/index67.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index67.cjs","names":[],"sources":["../src/components/settings-page/SettingsPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./settings-page.module.css\";\n\nexport interface SettingsSection {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport interface SettingsPageProps {\n  /** Page title */\n  title: React.ReactNode;\n  /** Page subtitle / description */\n  description?: React.ReactNode;\n  /** Form sections rendered in the main content area */\n  sections: SettingsSection[];\n  /** Content rendered in the danger zone (red visual distinction) */\n  dangerZone?: React.ReactNode;\n  /** Danger zone title */\n  dangerZoneTitle?: React.ReactNode;\n  /** Danger zone description */\n  dangerZoneDescription?: React.ReactNode;\n  /** Sticky footer content (e.g., Save / Cancel buttons) */\n  footer: React.ReactNode;\n  /** Whether the page is saving */\n  saving?: boolean;\n  /** Additional class name for the outer wrapper */\n  className?: string;\n}\n\n/**\n * SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.\n *\n * Layout:\n *   Header (title + description)\n *   Scrollable content:\n *     Section group with headings and descriptions\n *     Danger zone with red visual distinction\n *   Sticky footer: save/cancel buttons\n */\nexport function SettingsPage({\n  title,\n  description,\n  sections,\n  dangerZone,\n  dangerZoneTitle,\n  dangerZoneDescription,\n  footer,\n  saving = false,\n  className,\n}: SettingsPageProps) {\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <header className={styles.header}>\n        <div className={styles.headerContent}>\n          <h1 className={styles.title}>{title}</h1>\n          {description && <p className={styles.description}>{description}</p>}\n        </div>\n      </header>\n\n      <div className={styles.content}>\n        <div className={styles.sections}>\n          {sections.map((section, index) => (\n            <section key={index} className={styles.section}>\n              <div className={styles.sectionHeader}>\n                <h2 className={styles.sectionTitle}>{section.title}</h2>\n                {section.description && (\n                  <p className={styles.sectionDescription}>{section.description}</p>\n                )}\n              </div>\n              <div className={styles.sectionBody}>{section.children}</div>\n            </section>\n          ))}\n        </div>\n\n        {dangerZone && (\n          <div className={styles.dangerZone}>\n            {(dangerZoneTitle || dangerZoneDescription) && (\n              <div className={styles.dangerZoneHeader}>\n                {dangerZoneTitle && <h2 className={styles.dangerZoneTitle}>{dangerZoneTitle}</h2>}\n                {dangerZoneDescription && (\n                  <p className={styles.dangerZoneDescription}>{dangerZoneDescription}</p>\n                )}\n              </div>\n            )}\n            <div className={styles.dangerZoneBody}>{dangerZone}</div>\n          </div>\n        )}\n      </div>\n\n      <footer className={styles.footer}>\n        <div className={styles.footerContent}>\n          {footer}\n          {saving && <span className={styles.savingIndicator}>Saving...</span>}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAyCA,SAAgB,aAAa,EAC3B,OACA,aACA,UACA,YACA,iBACA,uBACA,QACA,SAAS,OACT,aACoB;CACpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,6BAAA,QAAO,SAAS,SAAS;YAA5C;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,WAAW,6BAAA,QAAO;cACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;MAAI,WAAW,6BAAA,QAAO;gBAAQ;KAAU,CAAA,GACvC,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MAAG,WAAW,6BAAA,QAAO;gBAAc;KAAe,CAAA,CAC/D;;GACC,CAAA;GAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,6BAAA,QAAO;cAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eACpB,SAAS,KAAK,SAAS,UACtB,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;MAAqB,WAAW,6BAAA,QAAO;gBAAvC,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;OAAK,WAAW,6BAAA,QAAO;iBAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;QAAI,WAAW,6BAAA,QAAO;kBAAe,QAAQ;OAAU,CAAA,GACtD,QAAQ,eACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;QAAG,WAAW,6BAAA,QAAO;kBAAqB,QAAQ;OAAe,CAAA,CAEhE;UACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,WAAW,6BAAA,QAAO;iBAAc,QAAQ;MAAc,CAAA,CACpD;QARK,KAQL,CACV;IACE,CAAA,GAEJ,cACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,EACI,mBAAmB,0BACnB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAW,6BAAA,QAAO;gBAAvB,CACG,mBAAmB,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;OAAI,WAAW,6BAAA,QAAO;iBAAkB;MAAoB,CAAA,GAC/E,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;OAAG,WAAW,6BAAA,QAAO;iBAAwB;MAAyB,CAAA,CAErE;SAEP,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAW,6BAAA,QAAO;gBAAiB;KAAgB,CAAA,CACrD;MAEJ;;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,WAAW,6BAAA,QAAO;cACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,CACG,QACA,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAW,6BAAA,QAAO;gBAAiB;KAAe,CAAA,CAChE;;GACC,CAAA;EACL;;AAET"}

package/dist/index67.js

@@ -0,0 +1,25 @@
+//#region src/components/error-page/error-page.module.css
+var layout = "uzi-error-page-module__layout__OVDE8";
+var card = "uzi-error-page-module__card__2veSo";
+var icon = "uzi-error-page-module__icon__vJy8E";
+var iconSvg = "uzi-error-page-module__iconSvg__h4u4V";
+var statusCode = "uzi-error-page-module__statusCode__Ub40l";
+var content = "uzi-error-page-module__content__b2dAY";
+var title = "uzi-error-page-module__title__8iioy";
+var subtitle = "uzi-error-page-module__subtitle__NVk-v";
+var action = "uzi-error-page-module__action__iX5fQ";
+var error_page_module_default = {
+	layout,
+	card,
+	icon,
+	iconSvg,
+	statusCode,
+	content,
+	title,
+	subtitle,
+	action
+};
+//#endregion
+export { action, card, content, error_page_module_default as default, icon, iconSvg, layout, statusCode, subtitle, title };
+
+//# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index67.js","names":[],"sources":["../src/components/error-page/error-page.module.css"],"sourcesContent":[".layout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.card {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1.5rem;\n  max-width: 40rem;\n  padding: 3rem 2rem;\n}\n\n.icon {\n  color: var(--muted-foreground);\n}\n\n.iconSvg {\n  width: 4rem;\n  height: 4rem;\n  stroke-width: 1.5;\n}\n\n.statusCode {\n  font-size: 6rem;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--muted-foreground);\n  letter-spacing: -0.04em;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n}\n\n.title {\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.subtitle {\n  margin: 0;\n  font-size: 1rem;\n  color: var(--muted-foreground);\n  line-height: 1.6;\n  max-width: 32rem;\n}\n\n.action {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 0.75rem;\n  margin-top: 0.5rem;\n}\n\n@media (max-width: 48rem) {\n  .statusCode {\n    font-size: 4rem;\n  }\n\n  .title {\n    font-size: 1.25rem;\n  }\n\n  .card {\n    padding: 2rem 1.5rem;\n  }\n}\n"],"mappings":""}

package/dist/index68.cjs

@@ -0,0 +1,34 @@
+//#region src/components/error-page/error-page.module.css
+var layout = "uzi-error-page-module__layout__OVDE8";
+var card = "uzi-error-page-module__card__2veSo";
+var icon = "uzi-error-page-module__icon__vJy8E";
+var iconSvg = "uzi-error-page-module__iconSvg__h4u4V";
+var statusCode = "uzi-error-page-module__statusCode__Ub40l";
+var content = "uzi-error-page-module__content__b2dAY";
+var title = "uzi-error-page-module__title__8iioy";
+var subtitle = "uzi-error-page-module__subtitle__NVk-v";
+var action = "uzi-error-page-module__action__iX5fQ";
+var error_page_module_default = {
+	layout,
+	card,
+	icon,
+	iconSvg,
+	statusCode,
+	content,
+	title,
+	subtitle,
+	action
+};
+//#endregion
+exports.action = action;
+exports.card = card;
+exports.content = content;
+exports.default = error_page_module_default;
+exports.icon = icon;
+exports.iconSvg = iconSvg;
+exports.layout = layout;
+exports.statusCode = statusCode;
+exports.subtitle = subtitle;
+exports.title = title;
+
+//# sourceMappingURL=index68.cjs.map

package/dist/index68.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.cjs","names":[],"sources":["../src/components/error-page/error-page.module.css"],"sourcesContent":[".layout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.card {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1.5rem;\n  max-width: 40rem;\n  padding: 3rem 2rem;\n}\n\n.icon {\n  color: var(--muted-foreground);\n}\n\n.iconSvg {\n  width: 4rem;\n  height: 4rem;\n  stroke-width: 1.5;\n}\n\n.statusCode {\n  font-size: 6rem;\n  font-weight: 700;\n  line-height: 1;\n  color: var(--muted-foreground);\n  letter-spacing: -0.04em;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n}\n\n.title {\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.subtitle {\n  margin: 0;\n  font-size: 1rem;\n  color: var(--muted-foreground);\n  line-height: 1.6;\n  max-width: 32rem;\n}\n\n.action {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 0.75rem;\n  margin-top: 0.5rem;\n}\n\n@media (max-width: 48rem) {\n  .statusCode {\n    font-size: 4rem;\n  }\n\n  .title {\n    font-size: 1.25rem;\n  }\n\n  .card {\n    padding: 2rem 1.5rem;\n  }\n}\n"],"mappings":""}

package/dist/index68.js

@@ -0,0 +1,101 @@
+import { cx } from "./index3.js";
+import error_page_module_default from "./index67.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/error-page/ErrorPage.tsx
+/**
+* ErrorPage — a generic error page with configurable status code, message, and action.
+*
+* Layout:
+*   Full-viewport centered card with
+*     Icon (optional) -> status code -> message -> subtitle -> action
+*/
+function ErrorPage({ statusCode = 500, message = "Something went wrong", subtitle, action, showIcon = true, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(error_page_module_default.layout, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: error_page_module_default.card,
+			children: [showIcon && /* @__PURE__ */ jsx("div", {
+				className: error_page_module_default.icon,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsxs("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					className: error_page_module_default.iconSvg,
+					children: [
+						/* @__PURE__ */ jsx("circle", {
+							cx: "12",
+							cy: "12",
+							r: "10",
+							stroke: "currentColor",
+							strokeWidth: "2"
+						}),
+						/* @__PURE__ */ jsx("line", {
+							x1: "12",
+							y1: "8",
+							x2: "12",
+							y2: "12",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round"
+						}),
+						/* @__PURE__ */ jsx("circle", {
+							cx: "12",
+							cy: "16",
+							r: "0.5",
+							fill: "currentColor"
+						})
+					]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: error_page_module_default.content,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: error_page_module_default.statusCode,
+						children: statusCode
+					}),
+					/* @__PURE__ */ jsx("h1", {
+						className: error_page_module_default.title,
+						children: message
+					}),
+					subtitle && /* @__PURE__ */ jsx("p", {
+						className: error_page_module_default.subtitle,
+						children: subtitle
+					}),
+					action && /* @__PURE__ */ jsx("div", {
+						className: error_page_module_default.action,
+						children: action
+					})
+				]
+			})]
+		})
+	});
+}
+/**
+* NotFoundPage — a 404 variant of ErrorPage.
+*/
+function NotFoundPage({ action, className }) {
+	return /* @__PURE__ */ jsx(ErrorPage, {
+		statusCode: 404,
+		message: "Page not found",
+		subtitle: "The page you're looking for doesn't exist or has been moved.",
+		action,
+		className
+	});
+}
+/**
+* MaintenancePage — a 503 variant of ErrorPage for under-maintenance sites.
+*/
+function MaintenancePage({ action, className }) {
+	return /* @__PURE__ */ jsx(ErrorPage, {
+		statusCode: 503,
+		message: "Site under maintenance",
+		subtitle: "We're currently performing scheduled maintenance. We'll be back shortly.",
+		action,
+		className
+	});
+}
+//#endregion
+export { ErrorPage, MaintenancePage, NotFoundPage };
+
+//# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.js","names":[],"sources":["../src/components/error-page/ErrorPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./error-page.module.css\";\n\nexport interface ErrorPageProps {\n  /** HTTP status code (e.g., 404, 500, 503) */\n  statusCode?: number;\n  /** Descriptive message for the error */\n  message?: React.ReactNode;\n  /** Subtitle providing additional context */\n  subtitle?: React.ReactNode;\n  /** Action button rendered below the message */\n  action?: React.ReactNode;\n  /** Whether to render a large decorative icon */\n  showIcon?: boolean;\n  /** Additional class name for the outer wrapper */\n  className?: string;\n}\n\n/**\n * ErrorPage — a generic error page with configurable status code, message, and action.\n *\n * Layout:\n *   Full-viewport centered card with\n *     Icon (optional) -> status code -> message -> subtitle -> action\n */\nexport function ErrorPage({\n  statusCode = 500,\n  message = \"Something went wrong\",\n  subtitle,\n  action,\n  showIcon = true,\n  className,\n}: ErrorPageProps) {\n  return (\n    <div className={cx(styles.layout, className)}>\n      <div className={styles.card}>\n        {showIcon && (\n          <div className={styles.icon} aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" className={styles.iconSvg}>\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n              <circle cx=\"12\" cy=\"16\" r=\"0.5\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        )}\n        <div className={styles.content}>\n          <span className={styles.statusCode}>{statusCode}</span>\n          <h1 className={styles.title}>{message}</h1>\n          {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n          {action && <div className={styles.action}>{action}</div>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * NotFoundPage — a 404 variant of ErrorPage.\n */\nexport function NotFoundPage({\n  action,\n  className,\n}: Omit<ErrorPageProps, \"statusCode\" | \"message\" | \"subtitle\" | \"showIcon\">) {\n  return (\n    <ErrorPage\n      statusCode={404}\n      message=\"Page not found\"\n      subtitle=\"The page you're looking for doesn't exist or has been moved.\"\n      action={action}\n      className={className}\n    />\n  );\n}\n\n/**\n * MaintenancePage — a 503 variant of ErrorPage for under-maintenance sites.\n */\nexport function MaintenancePage({\n  action,\n  className,\n}: Omit<ErrorPageProps, \"statusCode\" | \"message\" | \"subtitle\" | \"showIcon\">) {\n  return (\n    <ErrorPage\n      statusCode={503}\n      message=\"Site under maintenance\"\n      subtitle=\"We're currently performing scheduled maintenance. We'll be back shortly.\"\n      action={action}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,UAAU,EACxB,aAAa,KACb,UAAU,wBACV,UACA,QACA,WAAW,MACX,aACiB;CACjB,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,0BAAO,QAAQ,SAAS;YACzC,qBAAC,OAAD;GAAK,WAAW,0BAAO;aAAvB,CACG,YACC,oBAAC,OAAD;IAAK,WAAW,0BAAO;IAAM,eAAY;cACvC,qBAAC,OAAD;KAAK,SAAQ;KAAY,MAAK;KAAO,WAAW,0BAAO;eAAvD;MACE,oBAAC,UAAD;OAAQ,IAAG;OAAK,IAAG;OAAK,GAAE;OAAK,QAAO;OAAe,aAAY;MAAK,CAAA;MACtE,oBAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,QAAO;OAAe,aAAY;OAAI,eAAc;MAAS,CAAA;MAClG,oBAAC,UAAD;OAAQ,IAAG;OAAK,IAAG;OAAK,GAAE;OAAM,MAAK;MAAgB,CAAA;KAClD;;GACF,CAAA,GAEP,qBAAC,OAAD;IAAK,WAAW,0BAAO;cAAvB;KACE,oBAAC,QAAD;MAAM,WAAW,0BAAO;gBAAa;KAAiB,CAAA;KACtD,oBAAC,MAAD;MAAI,WAAW,0BAAO;gBAAQ;KAAY,CAAA;KACzC,YAAY,oBAAC,KAAD;MAAG,WAAW,0BAAO;gBAAW;KAAY,CAAA;KACxD,UAAU,oBAAC,OAAD;MAAK,WAAW,0BAAO;gBAAS;KAAY,CAAA;IACpD;KACF;;CACF,CAAA;AAET;;;;AAKA,SAAgB,aAAa,EAC3B,QACA,aAC2E;CAC3E,OACE,oBAAC,WAAD;EACE,YAAY;EACZ,SAAQ;EACR,UAAS;EACD;EACG;CACZ,CAAA;AAEL;;;;AAKA,SAAgB,gBAAgB,EAC9B,QACA,aAC2E;CAC3E,OACE,oBAAC,WAAD;EACE,YAAY;EACZ,SAAQ;EACR,UAAS;EACD;EACG;CACZ,CAAA;AAEL"}

package/dist/index69.cjs

@@ -0,0 +1,105 @@
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_error_page_module = require("./index68.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/error-page/ErrorPage.tsx
+/**
+* ErrorPage — a generic error page with configurable status code, message, and action.
+*
+* Layout:
+*   Full-viewport centered card with
+*     Icon (optional) -> status code -> message -> subtitle -> action
+*/
+function ErrorPage({ statusCode = 500, message = "Something went wrong", subtitle, action, showIcon = true, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_error_page_module.default.layout, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_error_page_module.default.card,
+			children: [showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_error_page_module.default.icon,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					viewBox: "0 0 24 24",
+					fill: "none",
+					className: require_error_page_module.default.iconSvg,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+							cx: "12",
+							cy: "12",
+							r: "10",
+							stroke: "currentColor",
+							strokeWidth: "2"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+							x1: "12",
+							y1: "8",
+							x2: "12",
+							y2: "12",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+							cx: "12",
+							cy: "16",
+							r: "0.5",
+							fill: "currentColor"
+						})
+					]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_error_page_module.default.content,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: require_error_page_module.default.statusCode,
+						children: statusCode
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: require_error_page_module.default.title,
+						children: message
+					}),
+					subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_error_page_module.default.subtitle,
+						children: subtitle
+					}),
+					action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_error_page_module.default.action,
+						children: action
+					})
+				]
+			})]
+		})
+	});
+}
+/**
+* NotFoundPage — a 404 variant of ErrorPage.
+*/
+function NotFoundPage({ action, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorPage, {
+		statusCode: 404,
+		message: "Page not found",
+		subtitle: "The page you're looking for doesn't exist or has been moved.",
+		action,
+		className
+	});
+}
+/**
+* MaintenancePage — a 503 variant of ErrorPage for under-maintenance sites.
+*/
+function MaintenancePage({ action, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorPage, {
+		statusCode: 503,
+		message: "Site under maintenance",
+		subtitle: "We're currently performing scheduled maintenance. We'll be back shortly.",
+		action,
+		className
+	});
+}
+//#endregion
+exports.ErrorPage = ErrorPage;
+exports.MaintenancePage = MaintenancePage;
+exports.NotFoundPage = NotFoundPage;
+
+//# sourceMappingURL=index69.cjs.map

package/dist/index69.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.cjs","names":[],"sources":["../src/components/error-page/ErrorPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./error-page.module.css\";\n\nexport interface ErrorPageProps {\n  /** HTTP status code (e.g., 404, 500, 503) */\n  statusCode?: number;\n  /** Descriptive message for the error */\n  message?: React.ReactNode;\n  /** Subtitle providing additional context */\n  subtitle?: React.ReactNode;\n  /** Action button rendered below the message */\n  action?: React.ReactNode;\n  /** Whether to render a large decorative icon */\n  showIcon?: boolean;\n  /** Additional class name for the outer wrapper */\n  className?: string;\n}\n\n/**\n * ErrorPage — a generic error page with configurable status code, message, and action.\n *\n * Layout:\n *   Full-viewport centered card with\n *     Icon (optional) -> status code -> message -> subtitle -> action\n */\nexport function ErrorPage({\n  statusCode = 500,\n  message = \"Something went wrong\",\n  subtitle,\n  action,\n  showIcon = true,\n  className,\n}: ErrorPageProps) {\n  return (\n    <div className={cx(styles.layout, className)}>\n      <div className={styles.card}>\n        {showIcon && (\n          <div className={styles.icon} aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" className={styles.iconSvg}>\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" />\n              <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n              <circle cx=\"12\" cy=\"16\" r=\"0.5\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        )}\n        <div className={styles.content}>\n          <span className={styles.statusCode}>{statusCode}</span>\n          <h1 className={styles.title}>{message}</h1>\n          {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n          {action && <div className={styles.action}>{action}</div>}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * NotFoundPage — a 404 variant of ErrorPage.\n */\nexport function NotFoundPage({\n  action,\n  className,\n}: Omit<ErrorPageProps, \"statusCode\" | \"message\" | \"subtitle\" | \"showIcon\">) {\n  return (\n    <ErrorPage\n      statusCode={404}\n      message=\"Page not found\"\n      subtitle=\"The page you're looking for doesn't exist or has been moved.\"\n      action={action}\n      className={className}\n    />\n  );\n}\n\n/**\n * MaintenancePage — a 503 variant of ErrorPage for under-maintenance sites.\n */\nexport function MaintenancePage({\n  action,\n  className,\n}: Omit<ErrorPageProps, \"statusCode\" | \"message\" | \"subtitle\" | \"showIcon\">) {\n  return (\n    <ErrorPage\n      statusCode={503}\n      message=\"Site under maintenance\"\n      subtitle=\"We're currently performing scheduled maintenance. We'll be back shortly.\"\n      action={action}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BA,SAAgB,UAAU,EACxB,aAAa,KACb,UAAU,wBACV,UACA,QACA,WAAW,MACX,aACiB;CACjB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,0BAAA,QAAO,QAAQ,SAAS;YACzC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,0BAAA,QAAO;aAAvB,CACG,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,0BAAA,QAAO;IAAM,eAAY;cACvC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,SAAQ;KAAY,MAAK;KAAO,WAAW,0BAAA,QAAO;eAAvD;MACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;OAAQ,IAAG;OAAK,IAAG;OAAK,GAAE;OAAK,QAAO;OAAe,aAAY;MAAK,CAAA;MACtE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,QAAO;OAAe,aAAY;OAAI,eAAc;MAAS,CAAA;MAClG,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;OAAQ,IAAG;OAAK,IAAG;OAAK,GAAE;OAAM,MAAK;MAAgB,CAAA;KAClD;;GACF,CAAA,GAEP,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,0BAAA,QAAO;cAAvB;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAW,0BAAA,QAAO;gBAAa;KAAiB,CAAA;KACtD,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;MAAI,WAAW,0BAAA,QAAO;gBAAQ;KAAY,CAAA;KACzC,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MAAG,WAAW,0BAAA,QAAO;gBAAW;KAAY,CAAA;KACxD,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAW,0BAAA,QAAO;gBAAS;KAAY,CAAA;IACpD;KACF;;CACF,CAAA;AAET;;;;AAKA,SAAgB,aAAa,EAC3B,QACA,aAC2E;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,YAAY;EACZ,SAAQ;EACR,UAAS;EACD;EACG;CACZ,CAAA;AAEL;;;;AAKA,SAAgB,gBAAgB,EAC9B,QACA,aAC2E;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,YAAY;EACZ,SAAQ;EACR,UAAS;EACD;EACG;CACZ,CAAA;AAEL"}

package/dist/index69.js

@@ -0,0 +1,23 @@
+//#region src/components/empty-state-page/empty-state-page.module.css
+var wrapper = "uzi-empty-state-page-module__wrapper__3f-kg";
+var card = "uzi-empty-state-page-module__card__vcQUh";
+var iconArea = "uzi-empty-state-page-module__iconArea__xpt5d";
+var iconSvg = "uzi-empty-state-page-module__iconSvg__1TzoN";
+var content = "uzi-empty-state-page-module__content__OjvBh";
+var title = "uzi-empty-state-page-module__title__nvFC7";
+var description = "uzi-empty-state-page-module__description__GqDMs";
+var actions = "uzi-empty-state-page-module__actions__ojrjI";
+var empty_state_page_module_default = {
+	wrapper,
+	card,
+	iconArea,
+	iconSvg,
+	content,
+	title,
+	description,
+	actions
+};
+//#endregion
+export { actions, card, content, empty_state_page_module_default as default, description, iconArea, iconSvg, title, wrapper };
+
+//# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.js","names":[],"sources":["../src/components/empty-state-page/empty-state-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1.5rem;\n  max-width: 28rem;\n  width: 100%;\n  padding: 2.5rem 2rem;\n  border-radius: var(--ts-card-radius, 12px);\n  border: 1px solid var(--ts-card-border, var(--border));\n  background: var(--ts-card-bg, var(--card));\n  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));\n  color: var(--ts-card-fg, var(--foreground));\n  text-align: center;\n}\n\n.iconArea {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n}\n\n.iconSvg {\n  width: 3.5rem;\n  height: 3.5rem;\n  stroke-width: 1.5;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n}\n\n.title {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 0.625rem;\n}\n\n@media (max-width: 48rem) {\n  .card {\n    padding: 2rem 1.5rem;\n  }\n}\n"],"mappings":""}

package/dist/index70.cjs

@@ -0,0 +1,31 @@
+//#region src/components/empty-state-page/empty-state-page.module.css
+var wrapper = "uzi-empty-state-page-module__wrapper__3f-kg";
+var card = "uzi-empty-state-page-module__card__vcQUh";
+var iconArea = "uzi-empty-state-page-module__iconArea__xpt5d";
+var iconSvg = "uzi-empty-state-page-module__iconSvg__1TzoN";
+var content = "uzi-empty-state-page-module__content__OjvBh";
+var title = "uzi-empty-state-page-module__title__nvFC7";
+var description = "uzi-empty-state-page-module__description__GqDMs";
+var actions = "uzi-empty-state-page-module__actions__ojrjI";
+var empty_state_page_module_default = {
+	wrapper,
+	card,
+	iconArea,
+	iconSvg,
+	content,
+	title,
+	description,
+	actions
+};
+//#endregion
+exports.actions = actions;
+exports.card = card;
+exports.content = content;
+exports.default = empty_state_page_module_default;
+exports.description = description;
+exports.iconArea = iconArea;
+exports.iconSvg = iconSvg;
+exports.title = title;
+exports.wrapper = wrapper;
+
+//# sourceMappingURL=index70.cjs.map

package/dist/index70.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index70.cjs","names":[],"sources":["../src/components/empty-state-page/empty-state-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1.5rem;\n  max-width: 28rem;\n  width: 100%;\n  padding: 2.5rem 2rem;\n  border-radius: var(--ts-card-radius, 12px);\n  border: 1px solid var(--ts-card-border, var(--border));\n  background: var(--ts-card-bg, var(--card));\n  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));\n  color: var(--ts-card-fg, var(--foreground));\n  text-align: center;\n}\n\n.iconArea {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n}\n\n.iconSvg {\n  width: 3.5rem;\n  height: 3.5rem;\n  stroke-width: 1.5;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n}\n\n.title {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 0.625rem;\n}\n\n@media (max-width: 48rem) {\n  .card {\n    padding: 2rem 1.5rem;\n  }\n}\n"],"mappings":""}