@medialane/ui 0.5.2 → 0.5.3

package/dist/components/page-container.cjs

@@ -39,7 +39,10 @@ function PageContainer({
     {
       className: (0, import_cn.cn)(
         variantClass[variant],
-        "px-4 pt-10 pb-16",
+        // Horizontal padding matches the fixed NavTrigger logo offset
+        // (left-4 sm:left-6 lg:left-8) so page content aligns with the
+        // logo at every breakpoint. Keep this responsive, not a flat px.
+        "px-4 sm:px-6 lg:px-8 pt-10 pb-16",
         className
       ),
       ...props,

package/dist/components/page-container.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        \"px-4 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AAzBJ,gBAAmB;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT,aAAa,OAAO;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        // Horizontal padding matches the fixed NavTrigger logo offset\n        // (left-4 sm:left-6 lg:left-8) so page content aligns with the\n        // logo at every breakpoint. Keep this responsive, not a flat px.\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BI;AAzBJ,gBAAmB;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,QAIpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/page-container.js

@@ -16,7 +16,10 @@ function PageContainer({
     {
       className: cn(
         variantClass[variant],
-        "px-4 pt-10 pb-16",
+        // Horizontal padding matches the fixed NavTrigger logo offset
+        // (left-4 sm:left-6 lg:left-8) so page content aligns with the
+        // logo at every breakpoint. Keep this responsive, not a flat px.
+        "px-4 sm:px-6 lg:px-8 pt-10 pb-16",
         className
       ),
       ...props,

package/dist/components/page-container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        \"px-4 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AA0BI;AAzBJ,SAAS,UAAU;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,aAAa,OAAO;AAAA,QACpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/page-container.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the page width contract.\n   * - app: full available canvas for sidebar/dashboard shells.\n   * - content: standard editorial max width.\n   * - narrow: focused forms and legal/content pages.\n   */\n  variant?: \"app\" | \"content\" | \"narrow\";\n}\n\nconst variantClass = {\n  app: \"w-full max-w-none\",\n  content: \"mx-auto w-full max-w-[1400px]\",\n  narrow: \"mx-auto w-full max-w-5xl\",\n};\n\nexport function PageContainer({\n  variant = \"app\",\n  className,\n  children,\n  ...props\n}: PageContainerProps) {\n  return (\n    <div\n      className={cn(\n        variantClass[variant],\n        // Horizontal padding matches the fixed NavTrigger logo offset\n        // (left-4 sm:left-6 lg:left-8) so page content aligns with the\n        // logo at every breakpoint. Keep this responsive, not a flat px.\n        \"px-4 sm:px-6 lg:px-8 pt-10 pb-16\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AA0BI;AAzBJ,SAAS,UAAU;AAYnB,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,QAIpB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "main": "./dist/index.cjs",