rimelight-components 2.1.27 → 2.1.29

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.27",
+  "version": "2.1.29",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.1.27";
+const version = "2.1.29";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

package/dist/runtime/components/app/Footer.d.vue.ts

@@ -1,4 +1,5 @@
 export interface FooterProps {
+    contain?: boolean;
     rc?: {
         root?: string;
         container?: string;

package/dist/runtime/components/app/Footer.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
-const { rc: rcProp } = defineProps({
+const { contain = true, rc: rcProp } = defineProps({
+  contain: { type: Boolean, required: false },
   rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
@@ -14,9 +15,16 @@ const footerStyles = tv({
     left: "order-last flex flex-col items-center justify-between gap-xl lg:order-1 lg:items-start",
     center: "flex flex-col items-start lg:order-2",
     right: "order-first flex flex-col items-center justify-between gap-xl lg:order-3 lg:flex-1 lg:items-end"
+  },
+  variants: {
+    contain: {
+      false: {
+        container: "max-w-none"
+      }
+    }
   }
 });
-const { root, container, left, center, right } = footerStyles();
+const { root, container, left, center, right } = footerStyles({ contain });
 </script>
 
 <template>

package/dist/runtime/components/app/Footer.vue.d.ts

@@ -1,4 +1,5 @@
 export interface FooterProps {
+    contain?: boolean;
     rc?: {
         root?: string;
         container?: string;

package/dist/runtime/components/app/Header.d.vue.ts

@@ -1,4 +1,5 @@
 export interface HeaderProps {
+    contain?: boolean;
     rc?: {
         root?: string;
         container?: string;

package/dist/runtime/components/app/Header.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
-const { rc: rcProp } = defineProps({
+const { contain = true, rc: rcProp } = defineProps({
+  contain: { type: Boolean, required: false },
   rc: { type: Object, required: false }
 });
 const emit = defineEmits([]);
@@ -17,6 +18,13 @@ const headerStyles = tv({
     collapsedLeft: "lg:hidden flex-1 justify-start",
     collapsedCenter: "lg:hidden flex-none",
     collapsedRight: "lg:hidden flex-1 justify-end"
+  },
+  variants: {
+    contain: {
+      false: {
+        container: "max-w-none"
+      }
+    }
   }
 });
 const {
@@ -28,7 +36,7 @@ const {
   collapsedLeft,
   collapsedCenter,
   collapsedRight
-} = headerStyles();
+} = headerStyles({ contain });
 </script>
 
 <template>

package/dist/runtime/components/app/Header.vue.d.ts

@@ -1,4 +1,5 @@
 export interface HeaderProps {
+    contain?: boolean;
     rc?: {
         root?: string;
         container?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.27",
+  "version": "2.1.29",
   "description": "A component library by Rimelight Entertainment.",
   "keywords": [
     "nuxt",