@stackshift-ui/flex 7.0.0-beta.3 → 7.0.0-beta.5

package/package.json

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

package/dist/chunk-7OMIK5UC.mjs

@@ -1,51 +0,0 @@
-// src/flex.tsx
-import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import cn from "classnames";
-import { jsx } from "react/jsx-runtime";
-var displayName = "Flex";
-var Flex = ({
-  children,
-  className,
-  align = "start",
-  direction = "row",
-  justify = "start",
-  wrap = false,
-  gap,
-  as = "div",
-  ...props
-}) => {
-  const { [displayName]: Component = DefaultComponent } = useStackShiftUIComponents();
-  const directionVariants = {
-    row: "flex-row",
-    col: "flex-col",
-    "row-reverse": "flex-row-reverse",
-    "col-reverse": "flex-col-reverse"
-  };
-  const alignVariants = {
-    start: "items-start",
-    end: "items-end",
-    baseline: "items-baseline",
-    stretch: "items-stretch",
-    center: "items-center"
-  };
-  const justifyVariants = {
-    normal: "justify-normal",
-    start: "justify-start",
-    end: "justify-end",
-    center: "justify-center",
-    between: "justify-between",
-    around: "justify-around",
-    evenly: "justify-evenly",
-    stretch: "justify-stretch"
-  };
-  const directionClass = directionVariants[direction];
-  const alignClass = alignVariants[align];
-  const justifyClass = justifyVariants[justify];
-  const classes = `flex ${directionClass} ${alignClass} ${justifyClass} ${wrap ? "flex-wrap" : ""} gap-${gap ? gap : 0}`;
-  return /* @__PURE__ */ jsx(Component, { as, className: cn(classes, className), ...props, children });
-};
-Flex.displayName = displayName;
-
-export {
-  Flex
-};

package/dist/chunk-7ZSNH2V2.mjs

@@ -1 +0,0 @@
-import{DefaultComponent as j,useStackShiftUIComponents as v}from"@stackshift-ui/system";import b from"classnames";import{jsx as h}from"react/jsx-runtime";var t="Flex",g=({children:s,className:r,align:n="start",direction:o="row",justify:a="start",wrap:i=!1,gap:e,as:l="div",...c})=>{let{[t]:f=j}=v(),m={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},y={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},p={normal:"justify-normal",start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},d=m[o],u=y[n],w=p[a],x=`flex ${d} ${u} ${w} ${i?"flex-wrap":""} gap-${e||0}`;return h(f,{as:l,className:b(x,r),...c,children:s})};g.displayName=t;export{g as a};

package/dist/flex.d.ts

@@ -1,17 +0,0 @@
-import type { ElementType, HTMLProps, ReactNode } from "react";
-type Justify = "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
-type Direction = "row" | "row-reverse" | "col" | "col-reverse";
-type Align = "start" | "end" | "baseline" | "stretch" | "center";
-export interface FlexProps extends Omit<HTMLProps<HTMLElement>, "as" | "wrap"> {
-    children?: ReactNode;
-    className?: string;
-    align?: Align;
-    direction?: Direction;
-    justify?: Justify;
-    wrap?: boolean;
-    gap?: number;
-    as?: ElementType;
-    [key: string]: any;
-}
-export declare const Flex: React.FC<FlexProps>;
-export {};

package/dist/flex.js

@@ -1 +0,0 @@
-"use strict";var N=Object.create;var o=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},l=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of T(t))!P.call(e,r)&&r!==s&&o(e,r,{get:()=>t[r],enumerable:!(n=F(t,r))||n.enumerable});return e};var E=(e,t,s)=>(s=e!=null?N($(e)):{},l(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),H=e=>l(o({},"__esModule",{value:!0}),e);var L={};D(L,{Flex:()=>m});module.exports=H(L);var a=require("@stackshift-ui/system"),c=E(require("classnames")),y=require("react/jsx-runtime"),f="Flex",m=({children:e,className:t,align:s="start",direction:n="row",justify:r="start",wrap:p=!1,gap:i,as:d="div",...u})=>{let{[f]:w=a.DefaultComponent}=(0,a.useStackShiftUIComponents)(),x={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},v={normal:"justify-normal",start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},b=x[n],g=j[s],h=v[r],C=`flex ${b} ${g} ${h} ${p?"flex-wrap":""} gap-${i||0}`;return(0,y.jsx)(w,{as:d,className:(0,c.default)(C,t),...u,children:e})};m.displayName=f;0&&(module.exports={Flex});

package/dist/flex.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-7ZSNH2V2.mjs";export{a as Flex};

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var N=Object.create;var o=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var s in t)o(e,s,{get:t[s],enumerable:!0})},l=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of T(t))!P.call(e,r)&&r!==s&&o(e,r,{get:()=>t[r],enumerable:!(n=F(t,r))||n.enumerable});return e};var E=(e,t,s)=>(s=e!=null?N($(e)):{},l(t||!e||!e.__esModule?o(s,"default",{value:e,enumerable:!0}):s,e)),H=e=>l(o({},"__esModule",{value:!0}),e);var L={};D(L,{Flex:()=>m});module.exports=H(L);var a=require("@stackshift-ui/system"),c=E(require("classnames")),p=require("react/jsx-runtime"),f="Flex",m=({children:e,className:t,align:s="start",direction:n="row",justify:r="start",wrap:y=!1,gap:i,as:u="div",...d})=>{let{[f]:w=a.DefaultComponent}=(0,a.useStackShiftUIComponents)(),x={row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},j={start:"items-start",end:"items-end",baseline:"items-baseline",stretch:"items-stretch",center:"items-center"},v={normal:"justify-normal",start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly",stretch:"justify-stretch"},b=x[n],g=j[s],h=v[r],C=`flex ${b} ${g} ${h} ${y?"flex-wrap":""} gap-${i||0}`;return(0,p.jsx)(w,{as:u,className:(0,c.default)(C,t),...d,children:e})};m.displayName=f;0&&(module.exports={Flex});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e}from"./chunk-7ZSNH2V2.mjs";export{e as Flex};