@iziui/react 0.0.93-rc → 0.0.94-rc

package/dist/index.js

@@ -1,2 +1,2 @@
-import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as D}from"./chunks/Bounce-DP0PU3kr.js";import{C as w,F as B,u as M,a as G,b as h}from"./chunks/useForm-iwGfb88g.js";import{F as z}from"./chunks/Fade-CWDTkVB8.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{T as Z,a as y,b as I,u as L}from"./chunks/useTabs-De_vpYsm.js";import{T as g,a as j,b as k,c as q}from"./chunks/TableHeader-Bra59bV0.js";import{Z as E}from"./chunks/Zoom-DqgU4Wfv.js";import{D as K,a as N,b as O,c as Q,u as U}from"./chunks/DrawerContent-OuMcge27.js";import{u as W}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as Y,u as _}from"./chunks/useMenu-DLaxCUF_.js";import{u as rr}from"./chunks/useResize-BUftB918.js";import{C as er}from"./chunks/Card-DDRUwdlG.js";import{C as sr}from"./chunks/CardContent-DYAWf3xO.js";import{G as mr,a as pr}from"./chunks/GridItem-CaoPZmBu.js";import{M as ir}from"./chunks/MenuButton-nVBc0ieJ.js";import{v as xr}from"./chunks/Typography-BkvvYn5T.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-D-IheGJm.js";import"./chunks/Stack-C2zMFX0w.js";import"./chunks/ButtonIcon-mMZe5V_1.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-B2zjgYkr.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{D as Bounce,er as Card,sr as CardContent,w as Control,K as Drawer,N as DrawerContent,O as DrawerFooter,Q as DrawerHeader,z as Fade,B as Form,mr as Grid,pr as GridItem,Y as Menu,ir as MenuButton,R as Slide,Z as TabButton,y as TabContent,g as Table,j as TableBody,k as TableCell,q as TableHeader,I as Tabs,d as ThemeProvider,E as Zoom,C as createTheme,M as useControl,U as useDrawer,G as useForm,h as useFormGroup,W as useListenerResized,_ as useMenu,rr as useResize,L as useTabs,l as useTheme,xr as variants};
+import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as D}from"./chunks/Bounce-DP0PU3kr.js";import{C as w,F as B,u as M,a as G,b as h}from"./chunks/useForm-iwGfb88g.js";import{F as z}from"./chunks/Fade-CWDTkVB8.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{T as Z,a as y,b as I,u as L}from"./chunks/useTabs-DG53jo4T.js";import{T as g,a as j,b as k,c as q}from"./chunks/TableHeader-CrbbJXyv.js";import{Z as E}from"./chunks/Zoom-DqgU4Wfv.js";import{D as K,a as N,b as O,c as Q,u as U}from"./chunks/DrawerContent-D8NDBDBf.js";import{u as W}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as Y,u as _}from"./chunks/useMenu-we523Eob.js";import{u as rr}from"./chunks/useResize-BUftB918.js";import{C as er}from"./chunks/Card-C2mSdoXV.js";import{C as sr}from"./chunks/CardContent-CViecz1a.js";import{G as mr,a as pr}from"./chunks/GridItem-CaoPZmBu.js";import{M as ir}from"./chunks/MenuButton-31ZFG3JW.js";import{v as xr}from"./chunks/Typography-B_WR62ip.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-BmdhWozT.js";import"./chunks/Stack-CHR_pZC4.js";import"./chunks/ButtonIcon-DMetcfYt.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-DTU52KQE.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{D as Bounce,er as Card,sr as CardContent,w as Control,K as Drawer,N as DrawerContent,O as DrawerFooter,Q as DrawerHeader,z as Fade,B as Form,mr as Grid,pr as GridItem,Y as Menu,ir as MenuButton,R as Slide,Z as TabButton,y as TabContent,g as Table,j as TableBody,k as TableCell,q as TableHeader,I as Tabs,d as ThemeProvider,E as Zoom,C as createTheme,M as useControl,U as useDrawer,G as useForm,h as useFormGroup,W as useListenerResized,_ as useMenu,rr as useResize,L as useTabs,l as useTheme,xr as variants};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iziui/react",
-  "version": "0.0.93-rc",
+  "version": "0.0.94-rc",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/chunks/Alert-B-zwGEUF.js

@@ -1,2 +0,0 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import{cloneElement as y}from"react";import{p as t}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{u as g}from"./useTheme-BYuNiCiH.js";import{S as i}from"./Stack-C2zMFX0w.js";import{T as h}from"./Typography-BkvvYn5T.js";import{B as x}from"./ButtonIcon-mMZe5V_1.js";import{c as I}from"./createComponent-D-IheGJm.js";import{I as _}from"./Icon-B2zjgYkr.js";function j({children:o,icon:n,color:r="primary",onClose:a,...s}){const{theme:{mode:l}}=g(),f=c(`${t}-alert`,`${t}-alert--${l}`,`${t}-alert--${r}`,s.className),p=c(`${t}-alert__button`,`${t}-alert__button--${r}`),u=()=>typeof o=="string"?e(h,{variant:"body1",style:{color:"currentcolor"},children:o}):o,$=d=>y(d,{color:`${r}.dark`});return m(i,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...s,className:f,children:[m(i,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t}-alert__content`,children:[n&&$(n),u()]}),a&&e("div",{children:e(x,{className:p,onClick:a,color:r,style:{color:"currentColor"},children:e(_,{name:"times"})})})]})}const S=I(j);export{S as A};
-//# sourceMappingURL=Alert-B-zwGEUF.js.map

package/dist/chunks/Alert-B-zwGEUF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-B-zwGEUF.js","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { useTheme } from '@/theme';\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"ibAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWJ,CAAI,GACxB,GAAGI,CAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,KACG,MAAA,CACC,SAAAS,EAACM,EAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBtB,CAAK"}

package/dist/chunks/Alert-BCDrxwmz.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),j=require("./useTheme-DsrjDJKC.cjs"),a=require("./Stack-lvjI3kV3.cjs"),$=require("./Typography-B2gBDBkp.cjs"),q=require("./ButtonIcon-CJ5Iz-uJ.cjs"),y=require("./createComponent-B2C4sTOb.cjs"),h=require("./Icon-CFvy-l1V.cjs");function g({children:n,icon:s,color:r="primary",onClose:c,...o}){const{theme:{mode:l}}=j.useTheme(),u=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${l}`,`${t.prefix}-alert--${r}`,o.className),m=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx($.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,f=p=>d.cloneElement(p,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:u,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&f(s),x()]}),c&&e.jsx("div",{children:e.jsx(q.ButtonIcon,{className:m,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(h.Icon,{name:"times"})})})]})}const C=y.createComponent(g);exports.Alert=C;
-//# sourceMappingURL=Alert-BCDrxwmz.cjs.map

package/dist/chunks/Alert-BCDrxwmz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-BCDrxwmz.cjs","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { useTheme } from '@/theme';\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${mode}`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","mode","useTheme","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"+WAuBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,KAAM,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWJ,CAAI,GACxB,GAAGI,EAAAA,MAAM,WAAWP,CAAK,GACzBE,EAAM,SAAA,EAGFM,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBP,CAAK,EAAA,EAG7BS,EAAgB,IAChB,OAAOX,GAAa,SAEpBY,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAb,EACH,EAIGA,EAGHc,EAAcb,GACXc,EAAAA,aAAwBd,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEc,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGb,EACJ,UAAAG,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAR,GAAQa,EAAWb,CAAI,EACvBU,EAAA,CAAc,CAAA,CAAA,EAGfR,SACG,MAAA,CACC,SAAAS,EAAAA,IAACM,EAAAA,WAAA,CACC,UAAWR,EACX,QAASP,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAU,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAApB,EAAeqB,EAAAA,gBAAgBrB,CAAK"}

package/dist/chunks/createComponent-B2C4sTOb.cjs

@@ -1,2 +0,0 @@
-"use strict";const P=require("react/jsx-runtime"),x=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DsrjDJKC.cjs");function S({sx:t,theme:n},...e){return e.reduce((s,i)=>(s={...s,...i(n,t)},s),{})}const B=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},y=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},w=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},R=(t,{m:n,mb:e,ml:s,mr:i,mt:c,mx:u,my:d})=>{const{spacing:l}=t,o=a=>a||a===0?`${String(a*l)}px`:"",r=o(n),f=o(c),p=o(e),g=o(d),h=o(u),m=o(s),b=o(i);return{margin:r,marginTop:f||g||r,marginBottom:p||g||r,marginLeft:m||h||r,marginRight:b||h||r}},T=(t,{p:n,pb:e,pl:s,pr:i,pt:c,px:u,py:d})=>{const{spacing:l}=t,o=a=>a||a===0?`${String(a*l)}px`:"",r=o(n),f=o(c),p=o(e),g=o(d),h=o(u),m=o(s),b=o(i);return{padding:r,paddingTop:f||g||r,paddingBottom:p||g||r,paddingLeft:m||h||r,paddingRight:b||h||r}},_=(t,{boxShadow:n})=>n?{boxShadow:{sm:x.boxShadowSmall,md:x.boxShadowRegular,lg:x.boxShadowLarge}[n]}:{},z=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:y,defineBackgroundColor:w,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:_,defineColor:B,defineMargin:R,definePadding:T},Symbol.toStringTag,{value:"Module"}));function O(t){return Object.values(t).map(n=>n)}function k(t){return t.displayName=t.name,({sx:e,fullWidth:s,...i})=>{const{theme:c}=M.useTheme(),{defineBreakpoint:u,...d}=z;e&&console.log(u(c,e));const l=e&&S({theme:c,sx:e},...O(d));return P.jsx(t,{...i,style:{boxSizing:"border-box",...i.style,...l,...s?{width:"100%"}:{}}})}}exports.createComponent=k;
-//# sourceMappingURL=createComponent-B2C4sTOb.cjs.map

package/dist/chunks/createComponent-D-IheGJm.js

@@ -1,2 +0,0 @@
-import{jsx as P}from"react/jsx-runtime";import{b as x,c as M,d as S}from"./index-CZ41y9Hn.js";import{u as B}from"./useTheme-BYuNiCiH.js";function y({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const w=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},_=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},z=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},O=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:d})=>{const{spacing:l}=t,o=i=>i||i===0?`${String(i*l)}px`:"",r=o(n),h=o(c),p=o(e),g=o(d),f=o(u),m=o(s),b=o(a);return{margin:r,marginTop:h||g||r,marginBottom:p||g||r,marginLeft:m||f||r,marginRight:b||f||r}},R=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:d})=>{const{spacing:l}=t,o=i=>i||i===0?`${String(i*l)}px`:"",r=o(n),h=o(c),p=o(e),g=o(d),f=o(u),m=o(s),b=o(a);return{padding:r,paddingTop:h||g||r,paddingBottom:p||g||r,paddingLeft:m||f||r,paddingRight:b||f||r}},T=(t,{boxShadow:n})=>n?{boxShadow:{sm:S,md:M,lg:x}[n]}:{},k=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:_,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:T,defineColor:w,defineMargin:O,definePadding:R},Symbol.toStringTag,{value:"Module"}));function L(t){return Object.values(t).map(n=>n)}function N(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=B(),{defineBreakpoint:u,...d}=k;e&&console.log(u(c,e));const l=e&&y({theme:c,sx:e},...L(d));return P(t,{...a,style:{boxSizing:"border-box",...a.style,...l,...s?{width:"100%"}:{}}})}}export{N as c};
-//# sourceMappingURL=createComponent-D-IheGJm.js.map