@stackshift-ui/container 7.0.0-beta.0 → 7.0.0-beta.3

package/dist/chunk-3RFVOM6G.mjs

@@ -0,0 +1,31 @@
+// src/container.tsx
+import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+var displayName = "Container";
+var Container = ({
+  children,
+  className,
+  maxWidth = "full",
+  as,
+  ...props
+}) => {
+  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
+  const widthVariants = {
+    sm: "384px",
+    md: "448px",
+    lg: "512px",
+    xl: "576px",
+    "2xl": "672px",
+    full: "100%"
+  };
+  const widthClass = typeof maxWidth === "number" ? `${maxWidth.toString()}px` : widthVariants[maxWidth];
+  const width = widthClass != null ? widthClass : "80rem";
+  const classes = "mx-auto w-full lg:px-4";
+  return /* @__PURE__ */ jsx(Component, { as, className: cn(classes, className), style: { maxWidth: width }, ...props, children });
+};
+Container.displayName = displayName;
+
+export {
+  Container
+};

package/dist/{chunk-RCULKPGV.mjs → chunk-TV2RODNN.mjs}

@@ -1 +1 @@
-import{DefaultComponent as m,useStackShiftUIComponents as i}from"@stackshift-ui/system";import c from"classnames";import{jsx as x}from"react/jsx-runtime";var n="Container",d=({children:o,className:s,maxWidth:t="full",as:a,...p})=>{let{[n]:l=m}=i(),e=typeof t=="number"?`${t.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[t],r=e!=null?e:"80rem";return x(l,{as:a,className:c("mx-auto w-full lg:px-4",s),style:{maxWidth:r},...p,"data-testid":n,children:o})};d.displayName=n;export{d as a};
+import{DefaultComponent as m,useStackShiftUIComponents as i}from"@stackshift-ui/system";import c from"classnames";import{jsx as d}from"react/jsx-runtime";var n="Container",x=({children:o,className:s,maxWidth:t="full",as:a,...p})=>{let{[n]:l=m}=i(),e=typeof t=="number"?`${t.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[t],r=e!=null?e:"80rem";return d(l,{as:a,className:c("mx-auto w-full lg:px-4",s),style:{maxWidth:r},...p,children:o})};x.displayName=n;export{x as a};

package/dist/container.js

@@ -1 +1 @@
-"use strict";var u=Object.create;var a=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},m=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of C(e))!N.call(t,o)&&o!==n&&a(t,o,{get:()=>e[o],enumerable:!(s=y(e,o))||s.enumerable});return t};var T=(t,e,n)=>(n=t!=null?u(h(t)):{},m(e||!t||!t.__esModule?a(n,"default",{value:t,enumerable:!0}):n,t)),P=t=>m(a({},"__esModule",{value:!0}),t);var w={};g(w,{Container:()=>c});module.exports=P(w);var p=require("@stackshift-ui/system"),i=T(require("classnames")),d=require("react/jsx-runtime"),r="Container",c=({children:t,className:e,maxWidth:n="full",as:s,...o})=>{let{[r]:x=p.DefaultComponent}=(0,p.useStackShiftUIComponents)(),l=typeof n=="number"?`${n.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[n],f=l!=null?l:"80rem";return(0,d.jsx)(x,{as:s,className:(0,i.default)("mx-auto w-full lg:px-4",e),style:{maxWidth:f},...o,"data-testid":r,children:t})};c.displayName=r;0&&(module.exports={Container});
+"use strict";var u=Object.create;var a=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},r=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of C(e))!N.call(t,o)&&o!==n&&a(t,o,{get:()=>e[o],enumerable:!(s=y(e,o))||s.enumerable});return t};var T=(t,e,n)=>(n=t!=null?u(h(t)):{},r(e||!t||!t.__esModule?a(n,"default",{value:t,enumerable:!0}):n,t)),P=t=>r(a({},"__esModule",{value:!0}),t);var w={};g(w,{Container:()=>c});module.exports=P(w);var p=require("@stackshift-ui/system"),m=T(require("classnames")),x=require("react/jsx-runtime"),i="Container",c=({children:t,className:e,maxWidth:n="full",as:s,...o})=>{let{[i]:d=p.DefaultComponent}=(0,p.useStackShiftUIComponents)(),l=typeof n=="number"?`${n.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[n],f=l!=null?l:"80rem";return(0,x.jsx)(d,{as:s,className:(0,m.default)("mx-auto w-full lg:px-4",e),style:{maxWidth:f},...o,children:t})};c.displayName=i;0&&(module.exports={Container});

package/dist/container.mjs

@@ -1 +1 @@
-import{a}from"./chunk-RCULKPGV.mjs";export{a as Container};
+import{a}from"./chunk-TV2RODNN.mjs";export{a as Container};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var u=Object.create;var a=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},m=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of C(e))!N.call(t,n)&&n!==o&&a(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t};var T=(t,e,o)=>(o=t!=null?u(h(t)):{},m(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>m(a({},"__esModule",{value:!0}),t);var w={};g(w,{Container:()=>c});module.exports=P(w);var p=require("@stackshift-ui/system"),i=T(require("classnames")),x=require("react/jsx-runtime"),l="Container",c=({children:t,className:e,maxWidth:o="full",as:s,...n})=>{let{[l]:d=p.DefaultComponent}=(0,p.useStackShiftUIComponents)(),r=typeof o=="number"?`${o.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[o],f=r!=null?r:"80rem";return(0,x.jsx)(d,{as:s,className:(0,i.default)("mx-auto w-full lg:px-4",e),style:{maxWidth:f},...n,"data-testid":l,children:t})};c.displayName=l;0&&(module.exports={Container});
+"use strict";var u=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of C(e))!N.call(t,n)&&n!==o&&p(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t};var T=(t,e,o)=>(o=t!=null?u(h(t)):{},l(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>l(p({},"__esModule",{value:!0}),t);var w={};g(w,{Container:()=>c});module.exports=P(w);var r=require("@stackshift-ui/system"),m=T(require("classnames")),x=require("react/jsx-runtime"),i="Container",c=({children:t,className:e,maxWidth:o="full",as:s,...n})=>{let{[i]:d=r.DefaultComponent}=(0,r.useStackShiftUIComponents)(),a=typeof o=="number"?`${o.toString()}px`:{sm:"384px",md:"448px",lg:"512px",xl:"576px","2xl":"672px",full:"100%"}[o],f=a!=null?a:"80rem";return(0,x.jsx)(d,{as:s,className:(0,m.default)("mx-auto w-full lg:px-4",e),style:{maxWidth:f},...n,children:t})};c.displayName=i;0&&(module.exports={Container});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-RCULKPGV.mjs";export{e as Container};
+"use strict";import{a as e}from"./chunk-TV2RODNN.mjs";export{e as Container};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/container",
   "description": "",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.3",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,11 +34,11 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.0",
-    "@stackshift-ui/system": "6.1.0-beta.0"
+    "@stackshift-ui/scripts": "6.1.0-beta.2",
+    "@stackshift-ui/system": "6.1.0-beta.3"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.0",
+    "@stackshift-ui/system": ">=6.1.0-beta.3",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",