@kopexa/theme 1.5.4 → 1.5.6

package/dist/{chunk-GQV7INYX.mjs → chunk-D4J4BAA3.mjs}

@@ -3,9 +3,9 @@ import { tv } from "tailwind-variants";
 var pageLayout = tv({
   slots: {
     root: "",
-    wrapper: "flex mx-auto flex-wrap",
+    wrapper: "flex mx-auto flex-wrap w-full",
     baseContent: "flex flex-1 flex-wrap max-w-full",
-    header: "w-full",
+    header: "w-full grow-0 shrink-0",
     footerWrapper: "w-full",
     footerContent: "",
     paneWrapper: [
@@ -22,7 +22,7 @@ var pageLayout = tv({
     ],
     pane: "w-[var(--pane-width-size)] md:overflow-auto",
     contentWrapper: "flex min-w-px flex-col basis-0 grow shrink",
-    content: "w-full mx-auto grow"
+    content: "w-full mx-auto grow h-full"
   },
   variants: {
     gap: {
@@ -73,8 +73,9 @@ var pageLayout = tv({
       }
     },
     spacing: {
-      none: "",
+      none: {},
       condensed: {
+        wrapper: "p-4",
         header: "p-4",
         content: "p-4",
         pane: "p-4",
@@ -82,6 +83,7 @@ var pageLayout = tv({
       },
       // 1.5rem
       normal: {
+        wrapper: "p-4 md:p-6",
         header: "p-4 md:p-6",
         content: "p-4 md:p-6",
         pane: "p-4 md:p-6"

package/dist/components/index.d.mts

@@ -15,7 +15,7 @@ export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.mjs';
 export { HeadingVariantProps, heading } from './heading.mjs';
 export { InputVariantProps, input, passwordInput } from './input.mjs';
 export { PageHeaderVariantProps, pageHeader } from './page-header.mjs';
-export { PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
+export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
 export { PopoverVariants, popover } from './popover.mjs';
 export { skeleton } from './skeleton.mjs';
 export { SpinnerVariants, spinner } from './spinner.mjs';

package/dist/components/index.d.ts

@@ -15,7 +15,7 @@ export { DropdownMenuVariantProps, dropdownMenu } from './dropdown-menu.js';
 export { HeadingVariantProps, heading } from './heading.js';
 export { InputVariantProps, input, passwordInput } from './input.js';
 export { PageHeaderVariantProps, pageHeader } from './page-header.js';
-export { PageLayoutVariantProps, pageLayout } from './page-layout.js';
+export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.js';
 export { PopoverVariants, popover } from './popover.js';
 export { skeleton } from './skeleton.js';
 export { SpinnerVariants, spinner } from './spinner.js';

package/dist/components/index.js

@@ -1411,9 +1411,9 @@ var import_tailwind_variants18 = require("tailwind-variants");
 var pageLayout = (0, import_tailwind_variants18.tv)({
   slots: {
     root: "",
-    wrapper: "flex mx-auto flex-wrap",
+    wrapper: "flex mx-auto flex-wrap w-full",
     baseContent: "flex flex-1 flex-wrap max-w-full",
-    header: "w-full",
+    header: "w-full grow-0 shrink-0",
     footerWrapper: "w-full",
     footerContent: "",
     paneWrapper: [
@@ -1430,7 +1430,7 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
     ],
     pane: "w-[var(--pane-width-size)] md:overflow-auto",
     contentWrapper: "flex min-w-px flex-col basis-0 grow shrink",
-    content: "w-full mx-auto grow"
+    content: "w-full mx-auto grow h-full"
   },
   variants: {
     gap: {
@@ -1481,8 +1481,9 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
       }
     },
     spacing: {
-      none: "",
+      none: {},
       condensed: {
+        wrapper: "p-4",
         header: "p-4",
         content: "p-4",
         pane: "p-4",
@@ -1490,6 +1491,7 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
       },
       // 1.5rem
       normal: {
+        wrapper: "p-4 md:p-6",
         header: "p-4 md:p-6",
         content: "p-4 md:p-6",
         pane: "p-4 md:p-6"

package/dist/components/index.mjs

@@ -11,7 +11,7 @@ import {
 } from "../chunk-HAVJ6EQ6.mjs";
 import {
   pageLayout
-} from "../chunk-GQV7INYX.mjs";
+} from "../chunk-D4J4BAA3.mjs";
 import {
   popover
 } from "../chunk-J35D7RWA.mjs";

package/dist/components/page-layout.d.mts

@@ -44,14 +44,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -111,14 +113,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -178,14 +182,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -204,5 +210,6 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     content: string;
 }, undefined, unknown, unknown, undefined>>;
 type PageLayoutVariantProps = VariantProps<typeof pageLayout>;
+type PageLayoutSlots = keyof ReturnType<typeof pageLayout>;
 
-export { type PageLayoutVariantProps, pageLayout };
+export { type PageLayoutSlots, type PageLayoutVariantProps, pageLayout };

package/dist/components/page-layout.d.ts

@@ -44,14 +44,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -111,14 +113,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -178,14 +182,16 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
         };
     };
     spacing: {
-        none: string;
+        none: {};
         condensed: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
             footerContent: string;
         };
         normal: {
+            wrapper: string;
             header: string;
             content: string;
             pane: string;
@@ -204,5 +210,6 @@ declare const pageLayout: tailwind_variants.TVReturnType<{
     content: string;
 }, undefined, unknown, unknown, undefined>>;
 type PageLayoutVariantProps = VariantProps<typeof pageLayout>;
+type PageLayoutSlots = keyof ReturnType<typeof pageLayout>;
 
-export { type PageLayoutVariantProps, pageLayout };
+export { type PageLayoutSlots, type PageLayoutVariantProps, pageLayout };

package/dist/components/page-layout.js

@@ -27,9 +27,9 @@ var import_tailwind_variants = require("tailwind-variants");
 var pageLayout = (0, import_tailwind_variants.tv)({
   slots: {
     root: "",
-    wrapper: "flex mx-auto flex-wrap",
+    wrapper: "flex mx-auto flex-wrap w-full",
     baseContent: "flex flex-1 flex-wrap max-w-full",
-    header: "w-full",
+    header: "w-full grow-0 shrink-0",
     footerWrapper: "w-full",
     footerContent: "",
     paneWrapper: [
@@ -46,7 +46,7 @@ var pageLayout = (0, import_tailwind_variants.tv)({
     ],
     pane: "w-[var(--pane-width-size)] md:overflow-auto",
     contentWrapper: "flex min-w-px flex-col basis-0 grow shrink",
-    content: "w-full mx-auto grow"
+    content: "w-full mx-auto grow h-full"
   },
   variants: {
     gap: {
@@ -97,8 +97,9 @@ var pageLayout = (0, import_tailwind_variants.tv)({
       }
     },
     spacing: {
-      none: "",
+      none: {},
       condensed: {
+        wrapper: "p-4",
         header: "p-4",
         content: "p-4",
         pane: "p-4",
@@ -106,6 +107,7 @@ var pageLayout = (0, import_tailwind_variants.tv)({
       },
       // 1.5rem
       normal: {
+        wrapper: "p-4 md:p-6",
         header: "p-4 md:p-6",
         content: "p-4 md:p-6",
         pane: "p-4 md:p-6"

package/dist/components/page-layout.mjs

@@ -1,6 +1,6 @@
 import {
   pageLayout
-} from "../chunk-GQV7INYX.mjs";
+} from "../chunk-D4J4BAA3.mjs";
 export {
   pageLayout
 };

package/dist/index.d.mts

@@ -16,7 +16,7 @@ export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-me
 export { HeadingVariantProps, heading } from './components/heading.mjs';
 export { InputVariantProps, input, passwordInput } from './components/input.mjs';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.mjs';
-export { PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
+export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';
 export { skeleton } from './components/skeleton.mjs';
 export { SpinnerVariants, spinner } from './components/spinner.mjs';

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-me
 export { HeadingVariantProps, heading } from './components/heading.js';
 export { InputVariantProps, input, passwordInput } from './components/input.js';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.js';
-export { PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
+export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';
 export { skeleton } from './components/skeleton.js';
 export { SpinnerVariants, spinner } from './components/spinner.js';

package/dist/index.js

@@ -1411,9 +1411,9 @@ var import_tailwind_variants18 = require("tailwind-variants");
 var pageLayout = (0, import_tailwind_variants18.tv)({
   slots: {
     root: "",
-    wrapper: "flex mx-auto flex-wrap",
+    wrapper: "flex mx-auto flex-wrap w-full",
     baseContent: "flex flex-1 flex-wrap max-w-full",
-    header: "w-full",
+    header: "w-full grow-0 shrink-0",
     footerWrapper: "w-full",
     footerContent: "",
     paneWrapper: [
@@ -1430,7 +1430,7 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
     ],
     pane: "w-[var(--pane-width-size)] md:overflow-auto",
     contentWrapper: "flex min-w-px flex-col basis-0 grow shrink",
-    content: "w-full mx-auto grow"
+    content: "w-full mx-auto grow h-full"
   },
   variants: {
     gap: {
@@ -1481,8 +1481,9 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
       }
     },
     spacing: {
-      none: "",
+      none: {},
       condensed: {
+        wrapper: "p-4",
         header: "p-4",
         content: "p-4",
         pane: "p-4",
@@ -1490,6 +1491,7 @@ var pageLayout = (0, import_tailwind_variants18.tv)({
       },
       // 1.5rem
       normal: {
+        wrapper: "p-4 md:p-6",
         header: "p-4 md:p-6",
         content: "p-4 md:p-6",
         pane: "p-4 md:p-6"

package/dist/index.mjs

@@ -12,7 +12,7 @@ import {
 } from "./chunk-HAVJ6EQ6.mjs";
 import {
   pageLayout
-} from "./chunk-GQV7INYX.mjs";
+} from "./chunk-D4J4BAA3.mjs";
 import {
   popover
 } from "./chunk-J35D7RWA.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",