@tomny-dev/uzi 0.6.0 → 0.6.1

package/README.md

@@ -143,7 +143,7 @@ In practice, `uzi` should spend its complexity budget on reusable app scaffoldin
 | `AppShell` | Responsive layout with collapsible sidebar |
 | `SidebarNav` | Sidebar navigation list |
 | `TopBar` | Composable header shell for brand, nav triggers, and actions |
-| `PageContainer` | Centered responsive page-width container with configurable max width |
+| `PageContainer` | Centered responsive page wrapper with standard horizontal and vertical gutters |
 | `PageHeader` | Page title, eyebrow, description, and action composition |
 | `SectionHeader` | Reusable section title, description, and actions |
 | `EmptyState` | Empty-result/resource state with visual and action slots |

package/dist/components/page-container/PageContainer.d.ts

@@ -1,9 +1,10 @@
 import type { HTMLAttributes } from "react";
 export type PageContainerWidth = "sm" | "md" | "lg" | "xl" | "full";
+/** Standard page container with responsive horizontal and vertical gutters. */
 export type PageContainerProps = HTMLAttributes<HTMLDivElement> & {
     /** Maximum content width. Defaults to `lg`. */
     maxWidth?: PageContainerWidth;
-    /** Removes the responsive horizontal gutters. */
+    /** Removes only the responsive horizontal gutters; standard vertical page spacing remains. */
     bleed?: boolean;
 };
 export declare function PageContainer({ maxWidth, bleed, className, children, ...rest }: PageContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-container/PageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/page-container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAUF,wBAAgB,aAAa,CAAC,EAC5B,QAAe,EACf,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CASpB"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/page-container/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE,+EAA+E;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,8FAA8F;IAC9F,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAUF,wBAAgB,aAAa,CAAC,EAC5B,QAAe,EACf,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CASpB"}

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"index43.js","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n  padding-block: var(--uzi-page-padding-block, clamp(1.5rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}

package/dist/index44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index44.cjs","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"index44.cjs","names":[],"sources":["../src/components/page-container/page-container.module.css"],"sourcesContent":[".container {\n  width: 100%;\n  margin-inline: auto;\n  padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));\n  padding-block: var(--uzi-page-padding-block, clamp(1.5rem, 3vw, 2rem));\n}\n\n.width-sm { max-width: 48rem; }\n.width-md { max-width: 64rem; }\n.width-lg { max-width: 75rem; }\n.width-xl { max-width: 90rem; }\n.width-full { max-width: none; }\n\n.bleed {\n  padding-inline: 0;\n}\n"],"mappings":""}

package/dist/index44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index44.js","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\nexport type PageContainerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Maximum content width. Defaults to `lg`. */\n  maxWidth?: PageContainerWidth;\n  /** Removes the responsive horizontal gutters. */\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":";;;;AAaA,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,oBAAC,OAAD;EACE,WAAW,GAAG,8BAAO,WAAW,8BAAO,YAAY,YAAY,SAAS,8BAAO,OAAO,SAAS;EAC/F,GAAI;EAEH;CACE,CAAA;AAET"}
+{"version":3,"file":"index44.js","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,oBAAC,OAAD;EACE,WAAW,GAAG,8BAAO,WAAW,8BAAO,YAAY,YAAY,SAAS,8BAAO,OAAO,SAAS;EAC/F,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index45.cjs.map

@@ -1 +1 @@
-{"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\nexport type PageContainerProps = HTMLAttributes<HTMLDivElement> & {\n  /** Maximum content width. Defaults to `lg`. */\n  maxWidth?: PageContainerWidth;\n  /** Removes the responsive horizontal gutters. */\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":";;;;AAaA,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"}
+{"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/style.css

@@ -2059,6 +2059,7 @@ button.uzi-sidebar-nav-module__item__uMHkJ {
   width: 100%;
   margin-inline: auto;
   padding-inline: var(--uzi-page-gutter, clamp(1rem, 3vw, 2rem));
+  padding-block: var(--uzi-page-padding-block, clamp(1.5rem, 3vw, 2rem));
 }
 
 .uzi-page-container-module__width-sm__8Mpln { max-width: 48rem; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomny-dev/uzi",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Rapid-fire React UI components. Ship faster, build more.",
   "type": "module",
   "repository": {