@stackshift-ui/grid 7.0.0-beta.1 → 7.0.0-beta.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/grid",
   "description": "",
-  "version": "7.0.0-beta.1",
+  "version": "7.0.0-beta.4",
   "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.1"
+    "@stackshift-ui/system": "7.0.0-beta.4",
+    "@stackshift-ui/scripts": "7.0.0-beta.3"
   },
   "peerDependencies": {
-    "@stackshift-ui/system": ">=6.1.0-beta.1",
+    "@stackshift-ui/system": ">=7.0.0-beta.4",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/dist/chunk-4LT73YWJ.mjs

@@ -1 +0,0 @@
-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.d.ts

@@ -1,15 +0,0 @@
-import type { ElementType, HTMLProps, ReactNode } from "react";
-export interface GridProps extends Omit<HTMLProps<HTMLElement>, "as"> {
-    columns?: Columns;
-    gap?: number;
-    align?: Align;
-    justify?: Justify;
-    children?: ReactNode;
-    className?: string;
-    as?: ElementType;
-}
-type Justify = "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
-type Columns = "none" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-type Align = "start" | "end" | "baseline" | "stretch" | "center";
-export declare const Grid: React.FC<GridProps>;
-export {};

package/dist/grid.js

@@ -1 +0,0 @@
-"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 +0,0 @@
-import{a}from"./chunk-4LT73YWJ.mjs";export{a as Grid};

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from "./grid";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"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 +0,0 @@
-"use client";
-"use strict";import{a as e}from"./chunk-4LT73YWJ.mjs";export{e as Grid};