@iziui/react 0.0.3-rc → 0.0.4-rc

package/dist/components/Icon/Icon.js

@@ -1,2 +0,0 @@
-import{jsx as s}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{convertPathToColor as a}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import f from"../../core/createComponent.js";import p from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                   */function u({name:m,size:r="medium",color:e="primary.main",...o}){const{theme:{palette:i}}=p(),c=l(`${t}-icon`,`${t}-icon--${r}`,"uil",`uil-${m}`,o.className),n=a(e,i);return s("i",{...o,className:c,style:{color:n,...o.style}})}const N=f(u);export{N as default};
-//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const clss = joinClass(\n    `${prefix}-icon`,\n    `${prefix}-icon--${size}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"wbAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAOC,EACX,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAgBd,CAAI"}

package/dist/components/Icon/Icon.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Icon } from './Icon';
-declare const meta: Meta<typeof Icon>;
-export declare const docs: StoryObj<typeof Icon>;
-export declare const size: StoryObj<typeof Icon>;
-export declare const colors: StoryObj<typeof Icon>;
-export default meta;
-//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/components/Icon/Icon.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAMtC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAUtC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,IAAI,CAaxC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Icon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Loading/Loading.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),a=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css                                         */function m({color:i="primary.main",size:o="1.5rem",...e}){const{theme:{palette:n}}=d.default(),s=a.convertPathToColor(i,n),c=l.joinClass(`${t.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:o,height:o},children:r.jsx("svg",{className:`${t.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${t.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const f=u.default(m);exports.default=f;
-//# sourceMappingURL=Loading.cjs.map

package/dist/components/Loading/Loading.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.cjs","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"0fAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAIC,EAAAA,mBAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,QAAgBb,CAAO"}

package/dist/components/Loading/Loading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,uCAAuC,CAAC;AAE/C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,eAAe,CAAC;IACnE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;;AAiBD,wBAAwC"}

package/dist/components/Loading/Loading.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{prefix as r}from"../../tokens/dist/web/js/index.js";import{convertPathToColor as c}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";import d from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                      */function f({color:i="primary.main",size:t="1.5rem",...o}){const{theme:{palette:m}}=d(),a=c(i,m),n=l(`${r}-loading`,o.className);return e("span",{...o,className:n,style:{...o,color:a,width:t,height:t},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const y=s(f);export{y as default};
-//# sourceMappingURL=Loading.js.map

package/dist/components/Loading/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"2bAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,SACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}

package/dist/components/Loading/Loading.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,OAAO,CAY3C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,OAAO,CAW1C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Loading/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Ripple/Ripple.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ripple.cjs","sources":["../../../src/components/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"2QAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAAA,OAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,EAAAA,MAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/components/Ripple/Ripple.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ripple.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/Ripple.tsx"],"names":[],"mappings":"AAIA,OAAO,sCAAsC,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsC7B"}

package/dist/components/Ripple/Ripple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ripple.js","sources":["../../../src/components/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"kNAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEA,OAAAG,EAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAC,OAAA,CAEC,UAAW,GAAGC,CAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/components/Ripple/Ripple.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ripple.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/Ripple.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAiB5C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Ripple/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Ripple/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Stack/Stack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","CustomTag","jsx","Stack_default","createComponent"],"mappings":"gXAqBA,MAAMA,EAAQC,EAAAA,WACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EAAAA,UACnB,GAAGC,EAAAA,MAAM,SACTJ,EAAM,SAAA,EAGFK,EAAYZ,EAElB,OACEa,EAAAA,IAACD,EAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAe,EAAeC,EAAAA,QAAgBlB,CAAK"}

package/dist/components/Stack/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3D,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;;AA6CD,wBAAsC"}

package/dist/components/Stack/Stack.js

@@ -1,2 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as u}from"react";import{prefix as p}from"../../tokens/dist/web/js/index.js";import{joinClass as k}from"../../core/src/utils/joinClass/joinClass.js";import x from"../../core/createComponent.js";/* empty css                                    */const C=u(function({children:o,tag:a="div",gap:s=16,alignSelf:r,flexWrap:m="nowrap",alignItems:e="flex-start",flexDirection:c="column",justifyContent:f="flex-start",...t},n){const l=k(`${p}-stack`,t.className);return i(a,{...t,ref:n,className:l,style:{gap:s,flexWrap:m,alignItems:e,alignSelf:r,flexDirection:c,justifyContent:f,...t.style},children:o})}),v=x(C);export{v as default};
-//# sourceMappingURL=Stack.js.map

package/dist/components/Stack/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","jsx","Stack_default","createComponent"],"mappings":"6SAqBA,MAAMA,EAAQC,EACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EACnB,GAAGC,CAAM,SACTJ,EAAM,SAAA,EAKR,OACEK,EAHgBZ,EAGf,CACE,GAAGO,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAc,EAAeC,EAAgBjB,CAAK"}

package/dist/components/Stack/Stack.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.spec.tsx"],"names":[],"mappings":""}

package/dist/components/Stack/Stack.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as Stack } from './Stack';
-declare const meta: Meta<typeof Stack>;
-export declare const OrientationRow: StoryObj<typeof Stack>;
-export declare const OrientationColumn: StoryObj<typeof Stack>;
-export default meta;
-//# sourceMappingURL=Stack.stories.d.ts.map

package/dist/components/Stack/Stack.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAC;AAYF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,OAAO,KAAK,CAUjD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,QAAQ,CAAC,OAAO,KAAK,CAUpD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Stack/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Button/Button.cjs");const e=require("./Card/Card.cjs"),r=require("./Card/CardContent.cjs");require("./Icon/Icon.cjs");require("./Loading/Loading.cjs");require("react/jsx-runtime");require("react");;/* empty css                                     */require("./Stack/Stack.cjs");exports.Card=e.default;exports.CardContent=r.default;
-//# sourceMappingURL=index.cjs.map

package/dist/components/index.d.ts

@@ -1,7 +0,0 @@
-export * from './Button';
-export * from './Card';
-export * from './Icon';
-export * from './Loading';
-export * from './Ripple';
-export * from './Stack';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/index.js

@@ -1,2 +0,0 @@
-import"./Button/Button.js";import{default as f}from"./Card/Card.js";import{default as l}from"./Card/CardContent.js";import"./Icon/Icon.js";import"./Loading/Loading.js";import"react/jsx-runtime";import"react";/* empty css                                  */import"./Stack/Stack.js";export{f as Card,l as CardContent};
-//# sourceMappingURL=index.js.map