@stackshift-ui/grid 6.0.11 → 6.1.0

package/dist/{chunk-YYDJDWMS.mjs → chunk-4LT73YWJ.mjs}

@@ -1 +1 @@
-import{DefaultComponent as j,useStackShiftUIComponents as C}from"@stackshift-ui/system";import h from"classnames";import{jsx as N}from"react/jsx-runtime";var e="Grid",b=({columns:s=1,gap:t=0,align:n="stretch",justify:i="start",children:r,className:o,as:c,...l})=>{let{[e]:a=j}=C(),m={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},d={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},u={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},y=m[s]||"grid-cols-1",f=d[n],g=u[i],p=`grid w-full ${y} ${f} ${g} gap-${t!=null?t:0}`;return N(a,{as:c,className:h(p,o),...l,"data-testid":e,children:r})};b.displayName=e;export{b as a};
+import{DefaultComponent as j,useStackShiftUIComponents as C}from"@stackshift-ui/system";import h from"classnames";import{jsx as N}from"react/jsx-runtime";var e="Grid",b=({columns:s=1,gap:t=0,align:n="stretch",justify:i="start",children:r,className:o,as:c,...l})=>{let{[e]:a=j}=C(),m={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},d={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},u={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},y=m[s]||"grid-cols-1",f=d[n],g=u[i],p=`grid w-full ${y} ${f} ${g} gap-${t!=null?t:0}`;return N(a,{as:c,className:h(p,o),...l,children:r})};b.displayName=e;export{b as a};

package/dist/grid.js

@@ -1 +1 @@
-"use strict";var w=Object.create;var r=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},l=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of P(e))!v.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(i=G(e,n))||i.enumerable});return t};var H=(t,e,s)=>(s=t!=null?w($(t)):{},l(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),L=t=>l(r({},"__esModule",{value:!0}),t);var M={};E(M,{Grid:()=>m});module.exports=L(M);var o=require("@stackshift-ui/system"),a=H(require("classnames")),d=require("react/jsx-runtime"),c="Grid",m=({columns:t=1,gap:e=0,align:s="stretch",justify:i="start",children:n,className:u,as:y,...f})=>{let{[c]:g=o.DefaultComponent}=(0,o.useStackShiftUIComponents)(),p={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},C={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},h=p[t]||"grid-cols-1",b=j[s],N=C[i],T=`grid w-full ${h} ${b} ${N} gap-${e!=null?e:0}`;return(0,d.jsx)(g,{as:y,className:(0,a.default)(T,u),...f,"data-testid":c,children:n})};m.displayName=c;0&&(module.exports={Grid});
+"use strict";var w=Object.create;var r=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},c=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of P(e))!v.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(i=G(e,n))||i.enumerable});return t};var H=(t,e,s)=>(s=t!=null?w($(t)):{},c(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),L=t=>c(r({},"__esModule",{value:!0}),t);var M={};E(M,{Grid:()=>m});module.exports=L(M);var o=require("@stackshift-ui/system"),l=H(require("classnames")),d=require("react/jsx-runtime"),a="Grid",m=({columns:t=1,gap:e=0,align:s="stretch",justify:i="start",children:n,className:u,as:y,...f})=>{let{[a]:g=o.DefaultComponent}=(0,o.useStackShiftUIComponents)(),p={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},C={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},h=p[t]||"grid-cols-1",b=j[s],N=C[i],T=`grid w-full ${h} ${b} ${N} gap-${e!=null?e:0}`;return(0,d.jsx)(g,{as:y,className:(0,l.default)(T,u),...f,children:n})};m.displayName=a;0&&(module.exports={Grid});

package/dist/grid.mjs

@@ -1 +1 @@
-import{a}from"./chunk-YYDJDWMS.mjs";export{a as Grid};
+import{a}from"./chunk-4LT73YWJ.mjs";export{a as Grid};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var w=Object.create;var r=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},l=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of P(e))!v.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(i=G(e,n))||i.enumerable});return t};var E=(t,e,s)=>(s=t!=null?w($(t)):{},l(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),H=t=>l(r({},"__esModule",{value:!0}),t);var L={};x(L,{Grid:()=>m});module.exports=H(L);var o=require("@stackshift-ui/system"),a=E(require("classnames")),d=require("react/jsx-runtime"),c="Grid",m=({columns:t=1,gap:e=0,align:s="stretch",justify:i="start",children:n,className:u,as:y,...f})=>{let{[c]:p=o.DefaultComponent}=(0,o.useStackShiftUIComponents)(),g={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},C={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},h=g[t]||"grid-cols-1",b=j[s],N=C[i],T=`grid w-full ${h} ${b} ${N} gap-${e!=null?e:0}`;return(0,d.jsx)(p,{as:y,className:(0,a.default)(T,u),...f,"data-testid":c,children:n})};m.displayName=c;0&&(module.exports={Grid});
+"use strict";var w=Object.create;var i=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var s in e)i(t,s,{get:e[s],enumerable:!0})},c=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of P(e))!v.call(t,n)&&n!==s&&i(t,n,{get:()=>e[n],enumerable:!(r=G(e,n))||r.enumerable});return t};var E=(t,e,s)=>(s=t!=null?w($(t)):{},c(e||!t||!t.__esModule?i(s,"default",{value:t,enumerable:!0}):s,t)),H=t=>c(i({},"__esModule",{value:!0}),t);var L={};x(L,{Grid:()=>m});module.exports=H(L);var o=require("@stackshift-ui/system"),l=E(require("classnames")),d=require("react/jsx-runtime"),a="Grid",m=({columns:t=1,gap:e=0,align:s="stretch",justify:r="start",children:n,className:u,as:y,...f})=>{let{[a]:p=o.DefaultComponent}=(0,o.useStackShiftUIComponents)(),g={none:"grid-cols-none",1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-1",12:"grid-cols-12"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},C={normal:"justify-items-normal",start:"justify-items-start",end:"justify-items-end",center:"justify-items-center",between:" justify-items-between",around:"justify-items-around",evenly:"justify-items-evenly",stretch:"justify-items-stretch"},h=g[t]||"grid-cols-1",b=j[s],N=C[r],T=`grid w-full ${h} ${b} ${N} gap-${e!=null?e:0}`;return(0,d.jsx)(p,{as:y,className:(0,l.default)(T,u),...f,children:n})};m.displayName=a;0&&(module.exports={Grid});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-YYDJDWMS.mjs";export{e as Grid};
+"use strict";import{a as e}from"./chunk-4LT73YWJ.mjs";export{e as Grid};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/grid",
   "description": "",
-  "version": "6.0.11",
+  "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",
-    "@stackshift-ui/eslint-config": "6.0.10"
+    "@stackshift-ui/eslint-config": "6.0.10",
+    "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.0.10",
-    "@stackshift-ui/system": "6.0.11"
+    "@stackshift-ui/system": "6.1.0",
+    "@stackshift-ui/scripts": "6.1.0"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.0.11",
+    "@stackshift-ui/system": ">=7.0.0",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/grid.test.tsx

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

package/src/grid.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";
 
 export interface GridProps extends Omit<HTMLProps<HTMLElement>, "as"> {
   columns?: Columns;
@@ -71,7 +71,7 @@ export const Grid: React.FC<GridProps> = ({
   const classes = `grid w-full ${column} ${alignClass} ${justifyClass} gap-${gap ?? 0}`;
 
   return (
-    <Component as={as} className={cn(classes, className)} {...props} data-testid={displayName}>
+    <Component as={as} className={cn(classes, className)} {...props}>
       {children}
     </Component>
   );