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

package/dist/index45.cjs

@@ -1,35 +1,22 @@
 const require_cx = require("./index4.cjs");
-const require_page_header_module = require("./index44.cjs");
+const require_page_container_module = require("./index44.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/page-header/PageHeader.tsx
-function PageHeader({ title, description, eyebrow, actions, headingLevel = 1, className, ...rest }) {
-	const Heading = `h${headingLevel}`;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-		className: require_cx.cx(require_page_header_module.default.header, className),
+//#region src/components/page-container/PageContainer.tsx
+var WIDTH_CLASS = {
+	sm: "width-sm",
+	md: "width-md",
+	lg: "width-lg",
+	xl: "width-xl",
+	full: "width-full"
+};
+function PageContainer({ maxWidth = "lg", bleed = false, className, children, ...rest }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_page_container_module.default.container, require_page_container_module.default[WIDTH_CLASS[maxWidth]], bleed && require_page_container_module.default.bleed, className),
 		...rest,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_page_header_module.default.content,
-			children: [
-				eyebrow != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_page_header_module.default.eyebrow,
-					children: eyebrow
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
-					className: require_page_header_module.default.title,
-					children: title
-				}),
-				description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_page_header_module.default.description,
-					children: description
-				})
-			]
-		}), actions != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_page_header_module.default.actions,
-			children: actions
-		})]
+		children
 	});
 }
 //#endregion
-exports.PageHeader = PageHeader;
+exports.PageContainer = PageContainer;
 
 //# sourceMappingURL=index45.cjs.map

package/dist/index45.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index45.cjs","names":[],"sources":["../src/components/page-header/PageHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-header.module.css\";\n\nexport type PageHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type PageHeaderProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: PageHeaderHeadingLevel;\n};\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  headingLevel = 1,\n  className,\n  ...rest\n}: PageHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${PageHeaderHeadingLevel}`;\n\n  return (\n    <header className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        {eyebrow != null && <div className={styles.eyebrow}>{eyebrow}</div>}\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,WAAW,EACzB,OACA,aACA,SACA,SACA,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EAAQ,WAAW,WAAA,GAAG,2BAAA,QAAO,QAAQ,SAAS;EAAG,GAAI;YAArD,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,2BAAA,QAAO;aAAvB;IACG,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAU;IAAa,CAAA;IAClE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KAAS,WAAW,2BAAA,QAAO;eAAQ;IAAe,CAAA;IACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAc;IAAiB,CAAA;GAC3E;MACJ,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,2BAAA,QAAO;aAAU;EAAa,CAAA,CAC5D;;AAEZ"}
+{"version":3,"file":"index45.cjs","names":[],"sources":["../src/components/page-container/PageContainer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-container.module.css\";\n\nexport type PageContainerWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\n/** Standard page container with responsive horizontal and vertical gutters. */\nexport type PageContainerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Maximum content width. Defaults to `lg`. */\n  maxWidth?: PageContainerWidth;\n  /** Removes only the responsive horizontal gutters; standard vertical page spacing remains. */\n  bleed?: boolean;\n};\n\nconst WIDTH_CLASS: Record<PageContainerWidth, string> = {\n  sm: \"width-sm\",\n  md: \"width-md\",\n  lg: \"width-lg\",\n  xl: \"width-xl\",\n  full: \"width-full\",\n};\n\nexport function PageContainer({\n  maxWidth = \"lg\",\n  bleed = false,\n  className,\n  children,\n  ...rest\n}: PageContainerProps) {\n  return (\n    <div\n      className={cx(styles.container, styles[WIDTH_CLASS[maxWidth]], bleed && styles.bleed, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAcA,IAAM,cAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR;AAEA,SAAgB,cAAc,EAC5B,WAAW,MACX,QAAQ,OACR,WACA,UACA,GAAG,QACkB;CACrB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,8BAAA,QAAO,WAAW,8BAAA,QAAO,YAAY,YAAY,SAAS,8BAAA,QAAO,OAAO,SAAS;EAC/F,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index45.js

@@ -1,17 +1,19 @@
-//#region src/components/section-header/section-header.module.css
-var header = "uzi-section-header-module__header__tTqQQ";
-var content = "uzi-section-header-module__content__6prWG";
-var title = "uzi-section-header-module__title__7ddbh";
-var description = "uzi-section-header-module__description__T8tck";
-var actions = "uzi-section-header-module__actions__kS-uK";
-var section_header_module_default = {
+//#region src/components/page-header/page-header.module.css
+var header = "uzi-page-header-module__header__LpR9k";
+var content = "uzi-page-header-module__content__lJh9C";
+var eyebrow = "uzi-page-header-module__eyebrow__xP-Qr";
+var title = "uzi-page-header-module__title__kkZon";
+var description = "uzi-page-header-module__description__zNQ1m";
+var actions = "uzi-page-header-module__actions__6KfL2";
+var page_header_module_default = {
 	header,
 	content,
+	eyebrow,
 	title,
 	description,
 	actions
 };
 //#endregion
-export { actions, content, section_header_module_default as default, description, header, title };
+export { actions, content, page_header_module_default as default, description, eyebrow, header, title };
 
 //# sourceMappingURL=index45.js.map

package/dist/index45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index45.js","names":[],"sources":["../src/components/section-header/section-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.375rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2vw, 1.625rem);\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n}\n\n.description {\n  max-width: 44rem;\n  color: var(--muted-foreground);\n  font-size: 0.875rem;\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.5rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index45.js","names":[],"sources":["../src/components/page-header/page-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--uzi-space-5, 1.5rem);\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.eyebrow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n}\n\n.title {\n  margin: 0;\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-display, clamp(1.875rem, 3vw, 2.5rem));\n  line-height: 1.12;\n  letter-spacing: -0.025em;\n}\n\n.description {\n  max-width: 48rem;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-body, 0.9375rem);\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.625rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index46.cjs

@@ -1,12 +1,14 @@
-//#region src/components/section-header/section-header.module.css
-var header = "uzi-section-header-module__header__tTqQQ";
-var content = "uzi-section-header-module__content__6prWG";
-var title = "uzi-section-header-module__title__7ddbh";
-var description = "uzi-section-header-module__description__T8tck";
-var actions = "uzi-section-header-module__actions__kS-uK";
-var section_header_module_default = {
+//#region src/components/page-header/page-header.module.css
+var header = "uzi-page-header-module__header__LpR9k";
+var content = "uzi-page-header-module__content__lJh9C";
+var eyebrow = "uzi-page-header-module__eyebrow__xP-Qr";
+var title = "uzi-page-header-module__title__kkZon";
+var description = "uzi-page-header-module__description__zNQ1m";
+var actions = "uzi-page-header-module__actions__6KfL2";
+var page_header_module_default = {
 	header,
 	content,
+	eyebrow,
 	title,
 	description,
 	actions
@@ -14,8 +16,9 @@ var section_header_module_default = {
 //#endregion
 exports.actions = actions;
 exports.content = content;
-exports.default = section_header_module_default;
+exports.default = page_header_module_default;
 exports.description = description;
+exports.eyebrow = eyebrow;
 exports.header = header;
 exports.title = title;
 

package/dist/index46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index46.cjs","names":[],"sources":["../src/components/section-header/section-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.375rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: clamp(1.25rem, 2vw, 1.625rem);\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n}\n\n.description {\n  max-width: 44rem;\n  color: var(--muted-foreground);\n  font-size: 0.875rem;\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.5rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index46.cjs","names":[],"sources":["../src/components/page-header/page-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--uzi-space-5, 1.5rem);\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n.eyebrow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--uzi-space-2, 0.5rem);\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-small, 0.8125rem);\n  font-weight: 600;\n}\n\n.title {\n  margin: 0;\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-display, clamp(1.875rem, 3vw, 2.5rem));\n  line-height: 1.12;\n  letter-spacing: -0.025em;\n}\n\n.description {\n  max-width: 48rem;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-body, 0.9375rem);\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.625rem;\n}\n\n@media (max-width: 40rem) {\n  .header {\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index46.js

@@ -1,28 +1,35 @@
 import { cx } from "./index3.js";
-import section_header_module_default from "./index45.js";
+import page_header_module_default from "./index45.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/section-header/SectionHeader.tsx
-function SectionHeader({ title, description, actions, headingLevel = 2, className, ...rest }) {
+//#region src/components/page-header/PageHeader.tsx
+function PageHeader({ title, description, eyebrow, actions, headingLevel = 1, className, ...rest }) {
 	const Heading = `h${headingLevel}`;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(section_header_module_default.header, className),
+	return /* @__PURE__ */ jsxs("header", {
+		className: cx(page_header_module_default.header, className),
 		...rest,
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: section_header_module_default.content,
-			children: [/* @__PURE__ */ jsx(Heading, {
-				className: section_header_module_default.title,
-				children: title
-			}), description != null && /* @__PURE__ */ jsx("div", {
-				className: section_header_module_default.description,
-				children: description
-			})]
+			className: page_header_module_default.content,
+			children: [
+				eyebrow != null && /* @__PURE__ */ jsx("div", {
+					className: page_header_module_default.eyebrow,
+					children: eyebrow
+				}),
+				/* @__PURE__ */ jsx(Heading, {
+					className: page_header_module_default.title,
+					children: title
+				}),
+				description != null && /* @__PURE__ */ jsx("div", {
+					className: page_header_module_default.description,
+					children: description
+				})
+			]
 		}), actions != null && /* @__PURE__ */ jsx("div", {
-			className: section_header_module_default.actions,
+			className: page_header_module_default.actions,
 			children: actions
 		})]
 	});
 }
 //#endregion
-export { SectionHeader };
+export { PageHeader };
 
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index46.js","names":[],"sources":["../src/components/section-header/SectionHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./section-header.module.css\";\n\nexport type SectionHeaderHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport type SectionHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: SectionHeaderHeadingLevel;\n};\n\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  headingLevel = 2,\n  className,\n  ...rest\n}: SectionHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${SectionHeaderHeadingLevel}`;\n\n  return (\n    <div className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,cAAc,EAC5B,OACA,aACA,SACA,eAAe,GACf,WACA,GAAG,QACkB;CACrB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,8BAAO,QAAQ,SAAS;EAAG,GAAI;YAAlD,CACE,qBAAC,OAAD;GAAK,WAAW,8BAAO;aAAvB,CACE,oBAAC,SAAD;IAAS,WAAW,8BAAO;cAAQ;GAAe,CAAA,GACjD,eAAe,QAAQ,oBAAC,OAAD;IAAK,WAAW,8BAAO;cAAc;GAAiB,CAAA,CAC3E;MACJ,WAAW,QAAQ,oBAAC,OAAD;GAAK,WAAW,8BAAO;aAAU;EAAa,CAAA,CAC/D;;AAET"}
+{"version":3,"file":"index46.js","names":[],"sources":["../src/components/page-header/PageHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-header.module.css\";\n\nexport type PageHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type PageHeaderProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: PageHeaderHeadingLevel;\n};\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  headingLevel = 1,\n  className,\n  ...rest\n}: PageHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${PageHeaderHeadingLevel}`;\n\n  return (\n    <header className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        {eyebrow != null && <div className={styles.eyebrow}>{eyebrow}</div>}\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,WAAW,EACzB,OACA,aACA,SACA,SACA,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,UAAD;EAAQ,WAAW,GAAG,2BAAO,QAAQ,SAAS;EAAG,GAAI;YAArD,CACE,qBAAC,OAAD;GAAK,WAAW,2BAAO;aAAvB;IACG,WAAW,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAU;IAAa,CAAA;IAClE,oBAAC,SAAD;KAAS,WAAW,2BAAO;eAAQ;IAAe,CAAA;IACjD,eAAe,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAc;IAAiB,CAAA;GAC3E;MACJ,WAAW,QAAQ,oBAAC,OAAD;GAAK,WAAW,2BAAO;aAAU;EAAa,CAAA,CAC5D;;AAEZ"}

package/dist/index47.cjs

@@ -1,28 +1,35 @@
 const require_cx = require("./index4.cjs");
-const require_section_header_module = require("./index46.cjs");
+const require_page_header_module = require("./index46.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/section-header/SectionHeader.tsx
-function SectionHeader({ title, description, actions, headingLevel = 2, className, ...rest }) {
+//#region src/components/page-header/PageHeader.tsx
+function PageHeader({ title, description, eyebrow, actions, headingLevel = 1, className, ...rest }) {
 	const Heading = `h${headingLevel}`;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_cx.cx(require_section_header_module.default.header, className),
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+		className: require_cx.cx(require_page_header_module.default.header, className),
 		...rest,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_section_header_module.default.content,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
-				className: require_section_header_module.default.title,
-				children: title
-			}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_section_header_module.default.description,
-				children: description
-			})]
+			className: require_page_header_module.default.content,
+			children: [
+				eyebrow != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_page_header_module.default.eyebrow,
+					children: eyebrow
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
+					className: require_page_header_module.default.title,
+					children: title
+				}),
+				description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_page_header_module.default.description,
+					children: description
+				})
+			]
 		}), actions != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_section_header_module.default.actions,
+			className: require_page_header_module.default.actions,
 			children: actions
 		})]
 	});
 }
 //#endregion
-exports.SectionHeader = SectionHeader;
+exports.PageHeader = PageHeader;
 
 //# sourceMappingURL=index47.cjs.map

package/dist/index47.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index47.cjs","names":[],"sources":["../src/components/section-header/SectionHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./section-header.module.css\";\n\nexport type SectionHeaderHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport type SectionHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: SectionHeaderHeadingLevel;\n};\n\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  headingLevel = 2,\n  className,\n  ...rest\n}: SectionHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${SectionHeaderHeadingLevel}`;\n\n  return (\n    <div className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,cAAc,EAC5B,OACA,aACA,SACA,eAAe,GACf,WACA,GAAG,QACkB;CACrB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,8BAAA,QAAO,QAAQ,SAAS;EAAG,GAAI;YAAlD,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,8BAAA,QAAO;aAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IAAS,WAAW,8BAAA,QAAO;cAAQ;GAAe,CAAA,GACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,8BAAA,QAAO;cAAc;GAAiB,CAAA,CAC3E;MACJ,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,8BAAA,QAAO;aAAU;EAAa,CAAA,CAC/D;;AAET"}
+{"version":3,"file":"index47.cjs","names":[],"sources":["../src/components/page-header/PageHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./page-header.module.css\";\n\nexport type PageHeaderHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type PageHeaderProps = Omit<HTMLAttributes<HTMLElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  eyebrow?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: PageHeaderHeadingLevel;\n};\n\nexport function PageHeader({\n  title,\n  description,\n  eyebrow,\n  actions,\n  headingLevel = 1,\n  className,\n  ...rest\n}: PageHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${PageHeaderHeadingLevel}`;\n\n  return (\n    <header className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        {eyebrow != null && <div className={styles.eyebrow}>{eyebrow}</div>}\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </header>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,WAAW,EACzB,OACA,aACA,SACA,SACA,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;EAAQ,WAAW,WAAA,GAAG,2BAAA,QAAO,QAAQ,SAAS;EAAG,GAAI;YAArD,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,2BAAA,QAAO;aAAvB;IACG,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAU;IAAa,CAAA;IAClE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KAAS,WAAW,2BAAA,QAAO;eAAQ;IAAe,CAAA;IACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAc;IAAiB,CAAA;GAC3E;MACJ,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,2BAAA,QAAO;aAAU;EAAa,CAAA,CAC5D;;AAEZ"}

package/dist/index47.js

@@ -1,21 +1,17 @@
-//#region src/components/empty-state/empty-state.module.css
-var root = "uzi-empty-state-module__root__UNTr-";
-var compact = "uzi-empty-state-module__compact__eStzZ";
-var visual = "uzi-empty-state-module__visual__4yzn6";
-var content = "uzi-empty-state-module__content__lZQTI";
-var title = "uzi-empty-state-module__title__Aoaqa";
-var description = "uzi-empty-state-module__description__muQc4";
-var actions = "uzi-empty-state-module__actions__511Kv";
-var empty_state_module_default = {
-	root,
-	compact,
-	visual,
+//#region src/components/section-header/section-header.module.css
+var header = "uzi-section-header-module__header__tTqQQ";
+var content = "uzi-section-header-module__content__6prWG";
+var title = "uzi-section-header-module__title__7ddbh";
+var description = "uzi-section-header-module__description__T8tck";
+var actions = "uzi-section-header-module__actions__kS-uK";
+var section_header_module_default = {
+	header,
 	content,
 	title,
 	description,
 	actions
 };
 //#endregion
-export { actions, compact, content, empty_state_module_default as default, description, root, title, visual };
+export { actions, content, section_header_module_default as default, description, header, title };
 
 //# sourceMappingURL=index47.js.map

package/dist/index47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index47.js","names":[],"sources":["../src/components/empty-state/empty-state.module.css"],"sourcesContent":[".root {\n  display: grid;\n  place-items: center;\n  gap: 1rem;\n  padding: clamp(2rem, 6vw, 4rem) 1.5rem;\n  text-align: center;\n}\n\n.compact {\n  padding-block: 1.5rem;\n}\n\n.visual {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n  font-size: 2rem;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n  max-width: 34rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: 1.25rem;\n  line-height: 1.25;\n}\n\n.description {\n  color: var(--muted-foreground);\n  font-size: 0.9rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n}\n"],"mappings":""}
+{"version":3,"file":"index47.js","names":[],"sources":["../src/components/section-header/section-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--uzi-space-4, 1rem);\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.375rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-heading, clamp(1.25rem, 2vw, 1.625rem));\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n}\n\n.description {\n  max-width: 44rem;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-body, 0.9375rem);\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .header {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index48.cjs

@@ -1,15 +1,11 @@
-//#region src/components/empty-state/empty-state.module.css
-var root = "uzi-empty-state-module__root__UNTr-";
-var compact = "uzi-empty-state-module__compact__eStzZ";
-var visual = "uzi-empty-state-module__visual__4yzn6";
-var content = "uzi-empty-state-module__content__lZQTI";
-var title = "uzi-empty-state-module__title__Aoaqa";
-var description = "uzi-empty-state-module__description__muQc4";
-var actions = "uzi-empty-state-module__actions__511Kv";
-var empty_state_module_default = {
-	root,
-	compact,
-	visual,
+//#region src/components/section-header/section-header.module.css
+var header = "uzi-section-header-module__header__tTqQQ";
+var content = "uzi-section-header-module__content__6prWG";
+var title = "uzi-section-header-module__title__7ddbh";
+var description = "uzi-section-header-module__description__T8tck";
+var actions = "uzi-section-header-module__actions__kS-uK";
+var section_header_module_default = {
+	header,
 	content,
 	title,
 	description,
@@ -17,12 +13,10 @@ var empty_state_module_default = {
 };
 //#endregion
 exports.actions = actions;
-exports.compact = compact;
 exports.content = content;
-exports.default = empty_state_module_default;
+exports.default = section_header_module_default;
 exports.description = description;
-exports.root = root;
+exports.header = header;
 exports.title = title;
-exports.visual = visual;
 
 //# sourceMappingURL=index48.cjs.map

package/dist/index48.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index48.cjs","names":[],"sources":["../src/components/empty-state/empty-state.module.css"],"sourcesContent":[".root {\n  display: grid;\n  place-items: center;\n  gap: 1rem;\n  padding: clamp(2rem, 6vw, 4rem) 1.5rem;\n  text-align: center;\n}\n\n.compact {\n  padding-block: 1.5rem;\n}\n\n.visual {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n  font-size: 2rem;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n  max-width: 34rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: 1.25rem;\n  line-height: 1.25;\n}\n\n.description {\n  color: var(--muted-foreground);\n  font-size: 0.9rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n}\n"],"mappings":""}
+{"version":3,"file":"index48.cjs","names":[],"sources":["../src/components/section-header/section-header.module.css"],"sourcesContent":[".header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--uzi-space-4, 1rem);\n}\n\n.content {\n  min-width: 0;\n  display: grid;\n  gap: 0.375rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--uzi-text-primary, var(--foreground));\n  font-size: var(--uzi-font-heading, clamp(1.25rem, 2vw, 1.625rem));\n  line-height: 1.2;\n  letter-spacing: -0.015em;\n}\n\n.description {\n  max-width: 44rem;\n  color: var(--uzi-text-secondary, var(--muted-foreground));\n  font-size: var(--uzi-font-body, 0.9375rem);\n  line-height: 1.6;\n}\n\n.actions {\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--uzi-space-2, 0.5rem);\n}\n\n@media (max-width: 40rem) {\n  .header {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .actions {\n    width: 100%;\n    justify-content: flex-start;\n  }\n}\n"],"mappings":""}

package/dist/index48.js

@@ -1,35 +1,28 @@
 import { cx } from "./index3.js";
-import empty_state_module_default from "./index47.js";
+import section_header_module_default from "./index47.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/empty-state/EmptyState.tsx
-function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+//#region src/components/section-header/SectionHeader.tsx
+function SectionHeader({ title, description, actions, headingLevel = 2, className, ...rest }) {
 	const Heading = `h${headingLevel}`;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cx(empty_state_module_default.root, size === "compact" && empty_state_module_default.compact, className),
+		className: cx(section_header_module_default.header, className),
 		...rest,
-		children: [
-			visual != null && /* @__PURE__ */ jsx("div", {
-				className: empty_state_module_default.visual,
-				children: visual
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: empty_state_module_default.content,
-				children: [/* @__PURE__ */ jsx(Heading, {
-					className: empty_state_module_default.title,
-					children: title
-				}), description != null && /* @__PURE__ */ jsx("div", {
-					className: empty_state_module_default.description,
-					children: description
-				})]
-			}),
-			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ jsxs("div", {
-				className: empty_state_module_default.actions,
-				children: [primaryAction, secondaryAction]
-			})
-		]
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: section_header_module_default.content,
+			children: [/* @__PURE__ */ jsx(Heading, {
+				className: section_header_module_default.title,
+				children: title
+			}), description != null && /* @__PURE__ */ jsx("div", {
+				className: section_header_module_default.description,
+				children: description
+			})]
+		}), actions != null && /* @__PURE__ */ jsx("div", {
+			className: section_header_module_default.actions,
+			children: actions
+		})]
 	});
 }
 //#endregion
-export { EmptyState };
+export { SectionHeader };
 
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,2BAAO,MAAM,SAAS,aAAa,2BAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,oBAAC,OAAD;IAAK,WAAW,2BAAO;cAAS;GAAY,CAAA;GAC/D,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACE,oBAAC,SAAD;KAAS,WAAW,2BAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,oBAAC,OAAD;KAAK,WAAW,2BAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,qBAAC,OAAD;IAAK,WAAW,2BAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}
+{"version":3,"file":"index48.js","names":[],"sources":["../src/components/section-header/SectionHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./section-header.module.css\";\n\nexport type SectionHeaderHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport type SectionHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: SectionHeaderHeadingLevel;\n};\n\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  headingLevel = 2,\n  className,\n  ...rest\n}: SectionHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${SectionHeaderHeadingLevel}`;\n\n  return (\n    <div className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,cAAc,EAC5B,OACA,aACA,SACA,eAAe,GACf,WACA,GAAG,QACkB;CACrB,MAAM,UAAU,IAAI;CAEpB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,8BAAO,QAAQ,SAAS;EAAG,GAAI;YAAlD,CACE,qBAAC,OAAD;GAAK,WAAW,8BAAO;aAAvB,CACE,oBAAC,SAAD;IAAS,WAAW,8BAAO;cAAQ;GAAe,CAAA,GACjD,eAAe,QAAQ,oBAAC,OAAD;IAAK,WAAW,8BAAO;cAAc;GAAiB,CAAA,CAC3E;MACJ,WAAW,QAAQ,oBAAC,OAAD;GAAK,WAAW,8BAAO;aAAU;EAAa,CAAA,CAC/D;;AAET"}

package/dist/index49.cjs

@@ -1,35 +1,28 @@
 const require_cx = require("./index4.cjs");
-const require_empty_state_module = require("./index48.cjs");
+const require_section_header_module = require("./index48.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/empty-state/EmptyState.tsx
-function EmptyState({ title, description, visual, primaryAction, secondaryAction, size = "default", headingLevel = 2, className, ...rest }) {
+//#region src/components/section-header/SectionHeader.tsx
+function SectionHeader({ title, description, actions, headingLevel = 2, className, ...rest }) {
 	const Heading = `h${headingLevel}`;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_cx.cx(require_empty_state_module.default.root, size === "compact" && require_empty_state_module.default.compact, className),
+		className: require_cx.cx(require_section_header_module.default.header, className),
 		...rest,
-		children: [
-			visual != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: require_empty_state_module.default.visual,
-				children: visual
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_empty_state_module.default.content,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
-					className: require_empty_state_module.default.title,
-					children: title
-				}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_empty_state_module.default.description,
-					children: description
-				})]
-			}),
-			(primaryAction != null || secondaryAction != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_empty_state_module.default.actions,
-				children: [primaryAction, secondaryAction]
-			})
-		]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_section_header_module.default.content,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Heading, {
+				className: require_section_header_module.default.title,
+				children: title
+			}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_section_header_module.default.description,
+				children: description
+			})]
+		}), actions != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_section_header_module.default.actions,
+			children: actions
+		})]
 	});
 }
 //#endregion
-exports.EmptyState = EmptyState;
+exports.SectionHeader = SectionHeader;
 
 //# sourceMappingURL=index49.cjs.map

package/dist/index49.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index49.cjs","names":[],"sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./empty-state.module.css\";\n\nexport type EmptyStateSize = \"compact\" | \"default\";\nexport type EmptyStateHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  visual?: ReactNode;\n  primaryAction?: ReactNode;\n  secondaryAction?: ReactNode;\n  size?: EmptyStateSize;\n  headingLevel?: EmptyStateHeadingLevel;\n};\n\nexport function EmptyState({\n  title,\n  description,\n  visual,\n  primaryAction,\n  secondaryAction,\n  size = \"default\",\n  headingLevel = 2,\n  className,\n  ...rest\n}: EmptyStateProps) {\n  const Heading = `h${headingLevel}` as `h${EmptyStateHeadingLevel}`;\n\n  return (\n    <div\n      className={cx(styles.root, size === \"compact\" && styles.compact, className)}\n      {...rest}\n    >\n      {visual != null && <div className={styles.visual}>{visual}</div>}\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {(primaryAction != null || secondaryAction != null) && (\n        <div className={styles.actions}>\n          {primaryAction}\n          {secondaryAction}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,WAAW,EACzB,OACA,aACA,QACA,eACA,iBACA,OAAO,WACP,eAAe,GACf,WACA,GAAG,QACe;CAClB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAW,WAAA,GAAG,2BAAA,QAAO,MAAM,SAAS,aAAa,2BAAA,QAAO,SAAS,SAAS;EAC1E,GAAI;YAFN;GAIG,UAAU,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAS;GAAY,CAAA;GAC/D,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KAAS,WAAW,2BAAA,QAAO;eAAQ;IAAe,CAAA,GACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,2BAAA,QAAO;eAAc;IAAiB,CAAA,CAC3E;;IACH,iBAAiB,QAAQ,mBAAmB,SAC5C,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,2BAAA,QAAO;cAAvB,CACG,eACA,eACE;;EAEJ;;AAET"}
+{"version":3,"file":"index49.cjs","names":[],"sources":["../src/components/section-header/SectionHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./section-header.module.css\";\n\nexport type SectionHeaderHeadingLevel = 2 | 3 | 4 | 5 | 6;\n\nexport type SectionHeaderProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  headingLevel?: SectionHeaderHeadingLevel;\n};\n\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  headingLevel = 2,\n  className,\n  ...rest\n}: SectionHeaderProps) {\n  const Heading = `h${headingLevel}` as `h${SectionHeaderHeadingLevel}`;\n\n  return (\n    <div className={cx(styles.header, className)} {...rest}>\n      <div className={styles.content}>\n        <Heading className={styles.title}>{title}</Heading>\n        {description != null && <div className={styles.description}>{description}</div>}\n      </div>\n      {actions != null && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,cAAc,EAC5B,OACA,aACA,SACA,eAAe,GACf,WACA,GAAG,QACkB;CACrB,MAAM,UAAU,IAAI;CAEpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,8BAAA,QAAO,QAAQ,SAAS;EAAG,GAAI;YAAlD,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAW,8BAAA,QAAO;aAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IAAS,WAAW,8BAAA,QAAO;cAAQ;GAAe,CAAA,GACjD,eAAe,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,8BAAA,QAAO;cAAc;GAAiB,CAAA,CAC3E;MACJ,WAAW,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAW,8BAAA,QAAO;aAAU;EAAa,CAAA,CAC/D;;AAET"}

package/dist/index49.js

@@ -1,18 +1,21 @@
-//#region src/components/layout-primitives/layout-primitives.module.css
-var stack = "uzi-layout-primitives-module__stack__1hBwu";
-var inline = "uzi-layout-primitives-module__inline__ACaEQ";
-var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
-var layout_primitives_module_default = {
-	stack,
-	inline,
-	nowrap,
-	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
-	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
-	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
-	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
-	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
+//#region src/components/empty-state/empty-state.module.css
+var root = "uzi-empty-state-module__root__UNTr-";
+var compact = "uzi-empty-state-module__compact__eStzZ";
+var visual = "uzi-empty-state-module__visual__4yzn6";
+var content = "uzi-empty-state-module__content__lZQTI";
+var title = "uzi-empty-state-module__title__Aoaqa";
+var description = "uzi-empty-state-module__description__muQc4";
+var actions = "uzi-empty-state-module__actions__511Kv";
+var empty_state_module_default = {
+	root,
+	compact,
+	visual,
+	content,
+	title,
+	description,
+	actions
 };
 //#endregion
-export { layout_primitives_module_default as default, inline, nowrap, stack };
+export { actions, compact, content, empty_state_module_default as default, description, root, title, visual };
 
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","names":[],"sources":["../src/components/layout-primitives/layout-primitives.module.css"],"sourcesContent":[".stack {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n}\n\n.inline {\n  display: flex;\n  min-width: 0;\n  flex-wrap: wrap;\n}\n\n.nowrap {\n  flex-wrap: nowrap;\n}\n\n.gap-xs { gap: 0.25rem; }\n.gap-sm { gap: 0.5rem; }\n.gap-md { gap: 1rem; }\n.gap-lg { gap: 1.5rem; }\n.gap-xl { gap: 2rem; }\n"],"mappings":""}
+{"version":3,"file":"index49.js","names":[],"sources":["../src/components/empty-state/empty-state.module.css"],"sourcesContent":[".root {\n  display: grid;\n  place-items: center;\n  gap: 1rem;\n  padding: clamp(2rem, 6vw, 4rem) 1.5rem;\n  text-align: center;\n}\n\n.compact {\n  padding-block: 1.5rem;\n}\n\n.visual {\n  display: grid;\n  place-items: center;\n  color: var(--muted-foreground);\n  font-size: 2rem;\n}\n\n.content {\n  display: grid;\n  gap: 0.5rem;\n  max-width: 34rem;\n}\n\n.title {\n  margin: 0;\n  color: var(--foreground);\n  font-size: 1.25rem;\n  line-height: 1.25;\n}\n\n.description {\n  color: var(--muted-foreground);\n  font-size: 0.9rem;\n  line-height: 1.65;\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n}\n"],"mappings":""}

package/dist/index50.cjs

@@ -1,21 +1,28 @@
-//#region src/components/layout-primitives/layout-primitives.module.css
-var stack = "uzi-layout-primitives-module__stack__1hBwu";
-var inline = "uzi-layout-primitives-module__inline__ACaEQ";
-var nowrap = "uzi-layout-primitives-module__nowrap__VuAAL";
-var layout_primitives_module_default = {
-	stack,
-	inline,
-	nowrap,
-	"gap-xs": "uzi-layout-primitives-module__gap-xs__e3Tkz",
-	"gap-sm": "uzi-layout-primitives-module__gap-sm__9ng--",
-	"gap-md": "uzi-layout-primitives-module__gap-md__tHIwH",
-	"gap-lg": "uzi-layout-primitives-module__gap-lg__iUm9X",
-	"gap-xl": "uzi-layout-primitives-module__gap-xl__O-6Na"
+//#region src/components/empty-state/empty-state.module.css
+var root = "uzi-empty-state-module__root__UNTr-";
+var compact = "uzi-empty-state-module__compact__eStzZ";
+var visual = "uzi-empty-state-module__visual__4yzn6";
+var content = "uzi-empty-state-module__content__lZQTI";
+var title = "uzi-empty-state-module__title__Aoaqa";
+var description = "uzi-empty-state-module__description__muQc4";
+var actions = "uzi-empty-state-module__actions__511Kv";
+var empty_state_module_default = {
+	root,
+	compact,
+	visual,
+	content,
+	title,
+	description,
+	actions
 };
 //#endregion
-exports.default = layout_primitives_module_default;
-exports.inline = inline;
-exports.nowrap = nowrap;
-exports.stack = stack;
+exports.actions = actions;
+exports.compact = compact;
+exports.content = content;
+exports.default = empty_state_module_default;
+exports.description = description;
+exports.root = root;
+exports.title = title;
+exports.visual = visual;
 
 //# sourceMappingURL=index50.cjs.map