@stackshift-ui/section 6.0.11-beta.2 → 6.1.0

package/dist/chunk-J23L3RFH.mjs

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

package/dist/index.js

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

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-ROXQZ2U5.mjs";export{e as Section};
+"use strict";import{a as e}from"./chunk-J23L3RFH.mjs";export{e as Section};

package/dist/section.js

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

package/dist/section.mjs

@@ -1 +1 @@
-import{a}from"./chunk-ROXQZ2U5.mjs";export{a as Section};
+import{a}from"./chunk-J23L3RFH.mjs";export{a as Section};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/section",
   "description": "",
-  "version": "6.0.11-beta.2",
+  "version": "6.1.0",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,16 +29,16 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.10-beta.2",
-    "@stackshift-ui/eslint-config": "6.0.10-beta.2"
+    "@stackshift-ui/eslint-config": "6.0.10",
+    "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "6.0.11-beta.2",
-    "@stackshift-ui/scripts": "6.0.10-beta.2"
+    "@stackshift-ui/scripts": "6.1.0",
+    "@stackshift-ui/system": "6.1.0"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.0.11-beta.2",
+    "@stackshift-ui/system": ">=7.0.0",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/section.test.tsx

@@ -7,7 +7,7 @@ describe.concurrent("section", () => {
 
   test("Layout: Section - test if renders without errors", ({ expect }) => {
     const clx = "section-class";
-    render(<Section className={clx} />);
+    render(<Section data-testid="div" className={clx} />);
     expect(screen.getByTestId("div").classList).toContain(clx);
   });
 });

package/src/section.tsx

@@ -1,6 +1,6 @@
 import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import type { ElementType, HTMLProps, ReactNode } from "react";
 import cn from "classnames";
+import type { ElementType, HTMLProps, ReactNode } from "react";
 
 type Width = "sm" | "md" | "lg" | "xl" | "2xl" | "full" | number;
 
@@ -39,12 +39,7 @@ export const Section: React.FC<SectionProps> = ({
   const classes = "mx-auto w-full px-4";
 
   return (
-    <Component
-      as={as}
-      className={cn(classes, className)}
-      style={{ maxWidth: width }}
-      {...props}
-      data-testid={displayName}>
+    <Component as={as} className={cn(classes, className)} style={{ maxWidth: width }} {...props}>
       {children}
     </Component>
   );

package/dist/chunk-ROXQZ2U5.mjs

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