@tomny-dev/uzi 0.6.3 → 0.7.0-pr.78.214.1.87d1ede

package/dist/index74.js

@@ -1,159 +1,101 @@
 import { cx } from "./index3.js";
-import empty_state_page_module_default from "./index73.js";
+import error_page_module_default from "./index73.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/empty-state-page/EmptyStatePage.tsx
-/** Inline SVG icon for the "no data" variant */
-function NoDataIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: empty_state_page_module_default.iconSvg,
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				x: "8",
-				y: "10",
-				width: "32",
-				height: "28",
-				rx: "4",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "8",
-				y1: "18",
-				x2: "40",
-				y2: "18",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "16",
-				y1: "24",
-				x2: "28",
-				y2: "24",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ jsx("line", {
-				x1: "16",
-				y1: "30",
-				x2: "32",
-				y2: "30",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round"
-			})
-		]
-	});
-}
-/** Inline SVG icon for the "no connection" variant */
-function NoConnectionIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: empty_state_page_module_default.iconSvg,
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "24",
-			cy: "24",
-			r: "14",
-			stroke: "currentColor",
-			strokeWidth: "2"
-		}), /* @__PURE__ */ jsx("path", {
-			d: "M18 18l12 12M30 18L18 30",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round"
-		})]
-	});
-}
-/** Inline SVG icon for the "no permissions" variant */
-function NoPermissionsIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: empty_state_page_module_default.iconSvg,
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ jsx("rect", {
-				x: "12",
-				y: "20",
-				width: "24",
-				height: "18",
-				rx: "3",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M20 20v-6a4 4 0 018 0v6",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "24",
-				cy: "30",
-				r: "2",
-				fill: "currentColor"
-			})
-		]
-	});
-}
-var variantMap = {
-	noData: {
-		icon: NoDataIcon,
-		title: "No data yet",
-		description: "When you add data, it will appear here."
-	},
-	noConnection: {
-		icon: NoConnectionIcon,
-		title: "No connection",
-		description: "Check your network settings and try again."
-	},
-	noPermissions: {
-		icon: NoPermissionsIcon,
-		title: "Access denied",
-		description: "You don't have permission to view this content."
-	}
-};
+//#region src/components/error-page/ErrorPage.tsx
 /**
-* EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.
+* ErrorPage — a generic error page with configurable status code, message, and action.
 *
 * Layout:
-*   Card → Icon → Title → Description → Actions
+*   Full-viewport centered card with
+*     Icon (optional) -> status code -> message -> subtitle -> action
 */
-function EmptyStatePage({ variant = "noData", title, description, primaryAction, secondaryAction, icon, className }) {
-	const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];
+function ErrorPage({ statusCode = 500, message = "Something went wrong", subtitle, action, showIcon = true, className }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(empty_state_page_module_default.wrapper, className),
+		className: cx(error_page_module_default.layout, className),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: empty_state_page_module_default.card,
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: empty_state_page_module_default.iconArea,
-					children: icon ?? /* @__PURE__ */ jsx(VariantIcon, {})
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: empty_state_page_module_default.content,
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: empty_state_page_module_default.title,
-						children: title ?? defaultTitle
-					}), /* @__PURE__ */ jsx("p", {
-						className: empty_state_page_module_default.description,
-						children: description ?? defaultDescription
-					})]
-				}),
-				(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
-					className: empty_state_page_module_default.actions,
-					children: [primaryAction, secondaryAction]
+			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 { EmptyStatePage };
+export { ErrorPage, MaintenancePage, NotFoundPage };
 
 //# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index74.js","names":[],"sources":["../src/components/empty-state-page/EmptyStatePage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state-page.module.css\";\n\nexport type EmptyStatePageVariant = \"noData\" | \"noConnection\" | \"noPermissions\";\n\nexport interface EmptyStatePageProps {\n  /** Page variant driving icon, title, description defaults */\n  variant?: EmptyStatePageVariant;\n  /** Optional title override */\n  title?: string;\n  /** Optional description override */\n  description?: string;\n  /** Primary action button */\n  primaryAction?: React.ReactNode;\n  /** Secondary action button */\n  secondaryAction?: React.ReactNode;\n  /** Optional custom SVG icon (overrides variant icon) */\n  icon?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/** Inline SVG icon for the \"no data\" variant */\nfunction NoDataIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"8\" y1=\"18\" x2=\"40\" y2=\"18\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"16\" y1=\"24\" x2=\"28\" y2=\"24\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <line x1=\"16\" y1=\"30\" x2=\"32\" y2=\"30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no connection\" variant */\nfunction NoConnectionIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <circle cx=\"24\" cy=\"24\" r=\"14\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M18 18l12 12M30 18L18 30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no permissions\" variant */\nfunction NoPermissionsIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"12\" y=\"20\" width=\"24\" height=\"18\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M20 20v-6a4 4 0 018 0v6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"24\" cy=\"30\" r=\"2\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nconst variantMap: Record<\n  EmptyStatePageVariant,\n  { icon: React.FC; title: string; description: string }\n> = {\n  noData: {\n    icon: NoDataIcon,\n    title: \"No data yet\",\n    description: \"When you add data, it will appear here.\",\n  },\n  noConnection: {\n    icon: NoConnectionIcon,\n    title: \"No connection\",\n    description: \"Check your network settings and try again.\",\n  },\n  noPermissions: {\n    icon: NoPermissionsIcon,\n    title: \"Access denied\",\n    description: \"You don't have permission to view this content.\",\n  },\n};\n\n/**\n * EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.\n *\n * Layout:\n *   Card → Icon → Title → Description → Actions\n */\nexport function EmptyStatePage({\n  variant = \"noData\",\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  icon,\n  className,\n}: EmptyStatePageProps) {\n  const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.card}>\n        <div className={styles.iconArea}>\n          {icon ?? <VariantIcon />}\n        </div>\n        <div className={styles.content}>\n          <h2 className={styles.title}>{title ?? defaultTitle}</h2>\n          <p className={styles.description}>{description ?? defaultDescription}</p>\n        </div>\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actions}>\n            {primaryAction}\n            {secondaryAction}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAwBA,SAAS,aAAa;CACpB,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E;GACE,oBAAC,QAAD;IAAM,GAAE;IAAI,GAAE;IAAK,OAAM;IAAK,QAAO;IAAK,IAAG;IAAI,QAAO;IAAe,aAAY;GAAK,CAAA;GACxF,oBAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;GAAK,CAAA;GAC5E,oBAAC,QAAD;IAAM,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;IAAI,eAAc;GAAS,CAAA;GACnG,oBAAC,QAAD;IAAM,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,QAAO;IAAe,aAAY;IAAI,eAAc;GAAS,CAAA;EAChG;;AAET;;AAGA,SAAS,mBAAmB;CAC1B,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E,CACE,oBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAK,QAAO;GAAe,aAAY;EAAK,CAAA,GACtE,oBAAC,QAAD;GAAM,GAAE;GAA2B,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA,CAC7F;;AAET;;AAGA,SAAS,oBAAoB;CAC3B,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,MAAK;EAAO,WAAW,gCAAO;EAAS,eAAY;YAA5E;GACE,oBAAC,QAAD;IAAM,GAAE;IAAK,GAAE;IAAK,OAAM;IAAK,QAAO;IAAK,IAAG;IAAI,QAAO;IAAe,aAAY;GAAK,CAAA;GACzF,oBAAC,QAAD;IAAM,GAAE;IAA0B,QAAO;IAAe,aAAY;GAAK,CAAA;GACzE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAI,MAAK;GAAgB,CAAA;EAChD;;AAET;AAEA,IAAM,aAGF;CACF,QAAQ;EACN,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,cAAc;EACZ,MAAM;EACN,OAAO;EACP,aAAa;CACf;CACA,eAAe;EACb,MAAM;EACN,OAAO;EACP,aAAa;CACf;AACF;;;;;;;AAQA,SAAgB,eAAe,EAC7B,UAAU,UACV,OACA,aACA,eACA,iBACA,MACA,aACsB;CACtB,MAAM,EAAE,MAAM,aAAa,OAAO,cAAc,aAAa,uBAAuB,WAAW;CAE/F,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,gCAAO,SAAS,SAAS;YAC1C,qBAAC,OAAD;GAAK,WAAW,gCAAO;aAAvB;IACE,oBAAC,OAAD;KAAK,WAAW,gCAAO;eACpB,QAAQ,oBAAC,aAAD,CAAc,CAAA;IACpB,CAAA;IACL,qBAAC,OAAD;KAAK,WAAW,gCAAO;eAAvB,CACE,oBAAC,MAAD;MAAI,WAAW,gCAAO;gBAAQ,SAAS;KAAiB,CAAA,GACxD,oBAAC,KAAD;MAAG,WAAW,gCAAO;gBAAc,eAAe;KAAsB,CAAA,CACrE;;KACH,iBAAiB,oBACjB,qBAAC,OAAD;KAAK,WAAW,gCAAO;eAAvB,CACG,eACA,eACE;;GAEJ;;CACF,CAAA;AAET"}
+{"version":3,"file":"index74.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/index75.cjs

@@ -1,161 +1,105 @@
 const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_empty_state_page_module = require("./index74.cjs");
+const require_error_page_module = require("./index74.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/empty-state-page/EmptyStatePage.tsx
-/** Inline SVG icon for the "no data" variant */
-function NoDataIcon() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: require_empty_state_page_module.default.iconSvg,
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-				x: "8",
-				y: "10",
-				width: "32",
-				height: "28",
-				rx: "4",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-				x1: "8",
-				y1: "18",
-				x2: "40",
-				y2: "18",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-				x1: "16",
-				y1: "24",
-				x2: "28",
-				y2: "24",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-				x1: "16",
-				y1: "30",
-				x2: "32",
-				y2: "30",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round"
-			})
-		]
-	});
-}
-/** Inline SVG icon for the "no connection" variant */
-function NoConnectionIcon() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: require_empty_state_page_module.default.iconSvg,
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-			cx: "24",
-			cy: "24",
-			r: "14",
-			stroke: "currentColor",
-			strokeWidth: "2"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M18 18l12 12M30 18L18 30",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			strokeLinecap: "round"
-		})]
-	});
-}
-/** Inline SVG icon for the "no permissions" variant */
-function NoPermissionsIcon() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 48 48",
-		fill: "none",
-		className: require_empty_state_page_module.default.iconSvg,
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-				x: "12",
-				y: "20",
-				width: "24",
-				height: "18",
-				rx: "3",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M20 20v-6a4 4 0 018 0v6",
-				stroke: "currentColor",
-				strokeWidth: "2"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-				cx: "24",
-				cy: "30",
-				r: "2",
-				fill: "currentColor"
-			})
-		]
-	});
-}
-var variantMap = {
-	noData: {
-		icon: NoDataIcon,
-		title: "No data yet",
-		description: "When you add data, it will appear here."
-	},
-	noConnection: {
-		icon: NoConnectionIcon,
-		title: "No connection",
-		description: "Check your network settings and try again."
-	},
-	noPermissions: {
-		icon: NoPermissionsIcon,
-		title: "Access denied",
-		description: "You don't have permission to view this content."
-	}
-};
+//#region src/components/error-page/ErrorPage.tsx
 /**
-* EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.
+* ErrorPage — a generic error page with configurable status code, message, and action.
 *
 * Layout:
-*   Card → Icon → Title → Description → Actions
+*   Full-viewport centered card with
+*     Icon (optional) -> status code -> message -> subtitle -> action
 */
-function EmptyStatePage({ variant = "noData", title, description, primaryAction, secondaryAction, icon, className }) {
-	const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];
+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_empty_state_page_module.default.wrapper, className),
+		className: require_cx.cx(require_error_page_module.default.layout, className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_empty_state_page_module.default.card,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_empty_state_page_module.default.iconArea,
-					children: icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VariantIcon, {})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_empty_state_page_module.default.content,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-						className: require_empty_state_page_module.default.title,
-						children: title ?? defaultTitle
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_empty_state_page_module.default.description,
-						children: description ?? defaultDescription
-					})]
-				}),
-				(primaryAction || secondaryAction) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_empty_state_page_module.default.actions,
-					children: [primaryAction, secondaryAction]
+			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.EmptyStatePage = EmptyStatePage;
+exports.ErrorPage = ErrorPage;
+exports.MaintenancePage = MaintenancePage;
+exports.NotFoundPage = NotFoundPage;
 
 //# sourceMappingURL=index75.cjs.map

package/dist/index75.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index75.cjs","names":[],"sources":["../src/components/empty-state-page/EmptyStatePage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state-page.module.css\";\n\nexport type EmptyStatePageVariant = \"noData\" | \"noConnection\" | \"noPermissions\";\n\nexport interface EmptyStatePageProps {\n  /** Page variant driving icon, title, description defaults */\n  variant?: EmptyStatePageVariant;\n  /** Optional title override */\n  title?: string;\n  /** Optional description override */\n  description?: string;\n  /** Primary action button */\n  primaryAction?: React.ReactNode;\n  /** Secondary action button */\n  secondaryAction?: React.ReactNode;\n  /** Optional custom SVG icon (overrides variant icon) */\n  icon?: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/** Inline SVG icon for the \"no data\" variant */\nfunction NoDataIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"8\" y=\"10\" width=\"32\" height=\"28\" rx=\"4\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"8\" y1=\"18\" x2=\"40\" y2=\"18\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"16\" y1=\"24\" x2=\"28\" y2=\"24\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n      <line x1=\"16\" y1=\"30\" x2=\"32\" y2=\"30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no connection\" variant */\nfunction NoConnectionIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <circle cx=\"24\" cy=\"24\" r=\"14\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M18 18l12 12M30 18L18 30\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Inline SVG icon for the \"no permissions\" variant */\nfunction NoPermissionsIcon() {\n  return (\n    <svg viewBox=\"0 0 48 48\" fill=\"none\" className={styles.iconSvg} aria-hidden=\"true\">\n      <rect x=\"12\" y=\"20\" width=\"24\" height=\"18\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M20 20v-6a4 4 0 018 0v6\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <circle cx=\"24\" cy=\"30\" r=\"2\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nconst variantMap: Record<\n  EmptyStatePageVariant,\n  { icon: React.FC; title: string; description: string }\n> = {\n  noData: {\n    icon: NoDataIcon,\n    title: \"No data yet\",\n    description: \"When you add data, it will appear here.\",\n  },\n  noConnection: {\n    icon: NoConnectionIcon,\n    title: \"No connection\",\n    description: \"Check your network settings and try again.\",\n  },\n  noPermissions: {\n    icon: NoPermissionsIcon,\n    title: \"Access denied\",\n    description: \"You don't have permission to view this content.\",\n  },\n};\n\n/**\n * EmptyStatePage — a Card-based page template with variant icons, title, description, and actions.\n *\n * Layout:\n *   Card → Icon → Title → Description → Actions\n */\nexport function EmptyStatePage({\n  variant = \"noData\",\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  icon,\n  className,\n}: EmptyStatePageProps) {\n  const { icon: VariantIcon, title: defaultTitle, description: defaultDescription } = variantMap[variant];\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <div className={styles.card}>\n        <div className={styles.iconArea}>\n          {icon ?? <VariantIcon />}\n        </div>\n        <div className={styles.content}>\n          <h2 className={styles.title}>{title ?? defaultTitle}</h2>\n          <p className={styles.description}>{description ?? defaultDescription}</p>\n        </div>\n        {(primaryAction || secondaryAction) && (\n          <div className={styles.actions}>\n            {primaryAction}\n            {secondaryAction}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index75.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/index75.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=index75.js.map

package/dist/index75.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index75.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/index76.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=index76.cjs.map

package/dist/index76.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index76.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":""}