@iziui/react 0.0.92-rc → 0.0.94-rc

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

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-CUgp08gU.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/Alert-mOXPwc3e.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-Deow48Th.js";import{T as h}from"./Typography-BrJZyxiT.js";import{B as x}from"./ButtonIcon-CYO1Crb-.js";import{c as I}from"./createComponent-CovqNaAJ.js";import{I as _}from"./Icon-imOBrsbL.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-mOXPwc3e.js.map

package/dist/chunks/Alert-mOXPwc3e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-mOXPwc3e.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/createComponent-CovqNaAJ.js

@@ -1,8 +0,0 @@
-import{jsx as C}from"react/jsx-runtime";import{b as w,c as y,d as B,l as _,m as $,s as z,a as S}from"./index-CZ41y9Hn.js";import{u as L}from"./useTheme-BYuNiCiH.js";function N({sx:n,theme:t},...e){return e.reduce((r,s)=>(r={...r,...s(t,n)},r),{})}const j=(n,{color:t})=>{const{palette:e}=n;return t?{color:t(e)}:{}},A=(n,{background:t})=>{const{palette:e}=n;return t?{background:t(e)}:{}},O=(n,{borderColor:t})=>{const{palette:e}=n;return t?{borderColor:t(e)}:{}},k=(n,{backgroundColor:t})=>{const{palette:e}=n;return t?{backgroundColor:t(e)}:{}},T=(n,{borderRadius:t})=>{const{shape:e}=n;return t?{borderRadius:`${e.radius*t}px`}:{}},R=(n,{m:t,mb:e,ml:r,mr:s,mt:u,mx:a,my:i})=>{const{spacing:l}=n,o=d=>d||d===0?`${String(d*l)}px`:"",c=o(t),m=o(u),p=o(e),x=o(i),f=o(a),b=o(r),M=o(s);return{margin:c,marginTop:m||x||c,marginBottom:p||x||c,marginLeft:b||f||c,marginRight:M||f||c}},v=(n,{p:t,pb:e,pl:r,pr:s,pt:u,px:a,py:i})=>{const{spacing:l}=n,o=d=>d||d===0?`${String(d*l)}px`:"",c=o(t),m=o(u),p=o(e),x=o(i),f=o(a),b=o(r),M=o(s);return{padding:c,paddingTop:m||x||c,paddingBottom:p||x||c,paddingLeft:b||f||c,paddingRight:M||f||c}},I=(n,{boxShadow:t})=>t?{boxShadow:{sm:B,md:y,lg:w}[t]}:{};function U(){let n=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const r=(n+Math.random()*16)%16|0;return n=Math.floor(n/16),(e=="x"?r:r&3|8).toString(16)})}function D(n){let t=5381;for(let e=0;e<n.length;e++)t=(t<<5)+t+n.charCodeAt(e);return(t>>>0).toString(36)}function P(n){return n.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function Q(n){const t=n.trim().split(" "),e=t.length===1,r=P(t[0]).charAt(0).toLocaleUpperCase(),s=e?P(t[0]).charAt(1).toLocaleUpperCase():P(t.reverse()[0]).charAt(0).toLocaleUpperCase();return r+s}function E(n){return n.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}const h={xs:Number(S),sm:Number(S)+1,md:Number(z)+1,lg:Number($)+1,xl:Number(_)+1};function Z(n){return Object.entries(n).map(([t,e])=>e===void 0?"":`${E(t)}: ${e};`).join("")}function g(n,t,e){return`
-    @media (min-width: ${n}px) {
-      .${t} {
-        ${Z(e)}
-      }
-    }
-  `}const F=(n,{xs:t,sm:e,md:r,lg:s,xl:u})=>{const a=[],i=D(U());return t&&a.push(g(h.xs,i,t)),e&&a.push(g(h.sm,i,e)),r&&a.push(g(h.md,i,r)),s&&a.push(g(h.lg,i,s)),u&&a.push(g(h.xl,i,u)),a.join("")},K=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:A,defineBackgroundColor:k,defineBorderColor:O,defineBorderRadius:T,defineBoxShadow:I,defineBreakpoint:F,defineColor:j,defineMargin:R,definePadding:v},Symbol.toStringTag,{value:"Module"}));function q(n){return Object.values(n).map(t=>t)}function V(n){return n.displayName=n.name,({sx:e,fullWidth:r,...s})=>{const{theme:u}=L(),{defineBreakpoint:a,...i}=K;e&&console.log(a(u,e));const l=e&&N({theme:u,sx:e},...q(i));return C(n,{...s,style:{boxSizing:"border-box",...s.style,...l,...r?{width:"100%"}:{}}})}}export{V as c,Q as g,U as u};
-//# sourceMappingURL=createComponent-CovqNaAJ.js.map

package/dist/chunks/createComponent-CovqNaAJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-CovqNaAJ.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../../../toolkit/src/uuid/uuid.ts","../../../../toolkit/src/string/string.ts","../../../../core/src/plugin/breakpoint/defineBreakpoint/defineBreakpoint.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({\n  sx,\n  theme\n}: Data, ...plugins: Plugin[]) {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}\n\nexport function hash(str: string): string {\n  let h = 5381;\n\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) + str.charCodeAt(i);\n  }\n\n  return (h >>> 0).toString(36);\n}","export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n}","import type { Properties } from 'csstype';\n\nimport { xs, sm, md, lg } from '@iziui/tokens/web/js';\n\nimport { hash, uuid } from '@iziui/toolkit/uuid';\nimport { toKebabCase } from '@iziui/toolkit/string';\n\nimport definePlugin from '../../definePlugin';\n\nconst breakpoints = {\n  xs: Number(xs),\n  sm: Number(xs) + 1,\n  md: Number(sm) + 1,\n  lg: Number(md) + 1,\n  xl: Number(lg) + 1,\n} as const;\n\nfunction serialize(styles: Properties) {\n  return Object.entries(styles)\n    .map(([key, value]) => {\n      if (value === undefined) return '';\n\n      return `${toKebabCase(key)}: ${value};`;\n    })\n    .join('');\n}\n\nfunction createMedia(breakpoint: number, className: string, props: Properties) {\n  return `\n    @media (min-width: ${breakpoint}px) {\n      .${className} {\n        ${serialize(props)}\n      }\n    }\n  `;\n}\n\nexport default definePlugin<string>((_, { xs, sm, md, lg, xl }) => {\n  const medias = [];\n\n  const _hash = hash(uuid());\n\n  if (xs) { medias.push(createMedia(breakpoints.xs, _hash, xs)); };\n  if (sm) { medias.push(createMedia(breakpoints.sm, _hash, sm)); };\n  if (md) { medias.push(createMedia(breakpoints.md, _hash, md)); };\n  if (lg) { medias.push(createMedia(breakpoints.lg, _hash, lg)); };\n  if (xl) { medias.push(createMedia(breakpoints.xl, _hash, xl)); };\n\n  return medias.join('');\n});\n","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const { defineBreakpoint, ...restPlugins } = plugins;\n\n    if (sx) {\n      console.log(defineBreakpoint(theme, sx));\n    }\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(restPlugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","uuid","dt","c","hash","str","h","i","sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","toKebabCase","match","breakpoints","xs","sm","md","lg","serialize","styles","key","createMedia","breakpoint","className","props","defineBreakpoint","xl","medias","_hash","extract","module","fn","createComponent","WrappedComponent","fullWidth","useTheme","restPlugins","options","jsx"],"mappings":"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"}

package/dist/chunks/createComponent-Dkt68kvT.cjs

@@ -1,8 +0,0 @@
-"use strict";const w=require("react/jsx-runtime"),d=require("./index-DYxwT4uW.cjs"),y=require("./useTheme-DsrjDJKC.cjs");function B({sx:t,theme:e},...n){return n.reduce((r,s)=>(r={...r,...s(e,t)},r),{})}const _=(t,{color:e})=>{const{palette:n}=t;return e?{color:e(n)}:{}},$=(t,{background:e})=>{const{palette:n}=t;return e?{background:e(n)}:{}},j=(t,{borderColor:e})=>{const{palette:n}=t;return e?{borderColor:e(n)}:{}},z=(t,{backgroundColor:e})=>{const{palette:n}=t;return e?{backgroundColor:e(n)}:{}},L=(t,{borderRadius:e})=>{const{shape:n}=t;return e?{borderRadius:`${n.radius*e}px`}:{}},N=(t,{m:e,mb:n,ml:r,mr:s,mt:u,mx:i,my:a})=>{const{spacing:x}=t,o=l=>l||l===0?`${String(l*x)}px`:"",c=o(e),p=o(u),b=o(n),h=o(a),g=o(i),M=o(r),C=o(s);return{margin:c,marginTop:p||h||c,marginBottom:b||h||c,marginLeft:M||g||c,marginRight:C||g||c}},A=(t,{p:e,pb:n,pl:r,pr:s,pt:u,px:i,py:a})=>{const{spacing:x}=t,o=l=>l||l===0?`${String(l*x)}px`:"",c=o(e),p=o(u),b=o(n),h=o(a),g=o(i),M=o(r),C=o(s);return{padding:c,paddingTop:p||h||c,paddingBottom:b||h||c,paddingLeft:M||g||c,paddingRight:C||g||c}},O=(t,{boxShadow:e})=>e?{boxShadow:{sm:d.boxShadowSmall,md:d.boxShadowRegular,lg:d.boxShadowLarge}[e]}:{};function S(){let t=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){const r=(t+Math.random()*16)%16|0;return t=Math.floor(t/16),(n=="x"?r:r&3|8).toString(16)})}function T(t){let e=5381;for(let n=0;n<t.length;n++)e=(e<<5)+e+t.charCodeAt(n);return(e>>>0).toString(36)}function P(t){return t.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function k(t){const e=t.trim().split(" "),n=e.length===1,r=P(e[0]).charAt(0).toLocaleUpperCase(),s=n?P(e[0]).charAt(1).toLocaleUpperCase():P(e.reverse()[0]).charAt(0).toLocaleUpperCase();return r+s}function R(t){return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}const f={xs:Number(d.xs),sm:Number(d.xs)+1,md:Number(d.sm)+1,lg:Number(d.md)+1,xl:Number(d.lg)+1};function I(t){return Object.entries(t).map(([e,n])=>n===void 0?"":`${R(e)}: ${n};`).join("")}function m(t,e,n){return`
-    @media (min-width: ${t}px) {
-      .${e} {
-        ${I(n)}
-      }
-    }
-  `}const q=(t,{xs:e,sm:n,md:r,lg:s,xl:u})=>{const i=[],a=T(S());return e&&i.push(m(f.xs,a,e)),n&&i.push(m(f.sm,a,n)),r&&i.push(m(f.md,a,r)),s&&i.push(m(f.lg,a,s)),u&&i.push(m(f.xl,a,u)),i.join("")},v=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:$,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:L,defineBoxShadow:O,defineBreakpoint:q,defineColor:_,defineMargin:N,definePadding:A},Symbol.toStringTag,{value:"Module"}));function U(t){return Object.values(t).map(e=>e)}function D(t){return t.displayName=t.name,({sx:n,fullWidth:r,...s})=>{const{theme:u}=y.useTheme(),{defineBreakpoint:i,...a}=v;n&&console.log(i(u,n));const x=n&&B({theme:u,sx:n},...U(a));return w.jsx(t,{...s,style:{boxSizing:"border-box",...s.style,...x,...r?{width:"100%"}:{}}})}}exports.createComponent=D;exports.getInitials=k;exports.uuid=S;
-//# sourceMappingURL=createComponent-Dkt68kvT.cjs.map

package/dist/chunks/createComponent-Dkt68kvT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-Dkt68kvT.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../../../toolkit/src/uuid/uuid.ts","../../../../toolkit/src/string/string.ts","../../../../core/src/plugin/breakpoint/defineBreakpoint/defineBreakpoint.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({\n  sx,\n  theme\n}: Data, ...plugins: Plugin[]) {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}\n\nexport function hash(str: string): string {\n  let h = 5381;\n\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) + str.charCodeAt(i);\n  }\n\n  return (h >>> 0).toString(36);\n}","export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n}","import type { Properties } from 'csstype';\n\nimport { xs, sm, md, lg } from '@iziui/tokens/web/js';\n\nimport { hash, uuid } from '@iziui/toolkit/uuid';\nimport { toKebabCase } from '@iziui/toolkit/string';\n\nimport definePlugin from '../../definePlugin';\n\nconst breakpoints = {\n  xs: Number(xs),\n  sm: Number(xs) + 1,\n  md: Number(sm) + 1,\n  lg: Number(md) + 1,\n  xl: Number(lg) + 1,\n} as const;\n\nfunction serialize(styles: Properties) {\n  return Object.entries(styles)\n    .map(([key, value]) => {\n      if (value === undefined) return '';\n\n      return `${toKebabCase(key)}: ${value};`;\n    })\n    .join('');\n}\n\nfunction createMedia(breakpoint: number, className: string, props: Properties) {\n  return `\n    @media (min-width: ${breakpoint}px) {\n      .${className} {\n        ${serialize(props)}\n      }\n    }\n  `;\n}\n\nexport default definePlugin<string>((_, { xs, sm, md, lg, xl }) => {\n  const medias = [];\n\n  const _hash = hash(uuid());\n\n  if (xs) { medias.push(createMedia(breakpoints.xs, _hash, xs)); };\n  if (sm) { medias.push(createMedia(breakpoints.sm, _hash, sm)); };\n  if (md) { medias.push(createMedia(breakpoints.md, _hash, md)); };\n  if (lg) { medias.push(createMedia(breakpoints.lg, _hash, lg)); };\n  if (xl) { medias.push(createMedia(breakpoints.xl, _hash, xl)); };\n\n  return medias.join('');\n});\n","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const { defineBreakpoint, ...restPlugins } = plugins;\n\n    if (sx) {\n      console.log(defineBreakpoint(theme, sx));\n    }\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(restPlugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","uuid","dt","c","hash","str","h","i","sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","toKebabCase","match","breakpoints","xs","sm","md","lg","serialize","styles","key","createMedia","breakpoint","className","props","defineBreakpoint","xl","medias","_hash","extract","module","fn","createComponent","WrappedComponent","fullWidth","useTheme","restPlugins","options","jsx"],"mappings":"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"}

package/dist/chunks/useMenu-DewYBiar.cjs

@@ -1,2 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),D=require("./joinClass-Jk3EszKD.cjs"),$=require("./createComponent-Dkt68kvT.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-DtjP8NP7.cjs"),S=require("./CardContent-BqqU9iwO.cjs");class B{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const P=new B,W=n.forwardRef(function({open:t,width:s,children:d,anchorEl:o,direction:f="left",maxHeight:i,autoClose:j,onClose:q,...m},M){const[g,N]=n.useState(),[h,c]=n.useState({state:"invisible",animation:"close",width:"auto"}),k=16,y=150,v=n.Children.toArray(d),T=n.useMemo(()=>$.uuid(),[]),w=D.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?A():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:_,offsetTop:R}=o;c(z=>({...z,width:r}));const x=R+p+k/2,O=document.getElementById(T);f==="center"&&(e={top:x,right:r}),f==="left"&&(e={top:x,left:_}),f==="right"&&(e={top:x,left:_-(O.offsetWidth-r)}),N(e)},0)},A=()=>{c(e=>({...e,state:"visible"})),setTimeout(()=>{c(e=>({...e,animation:"open"}))},10)},C=()=>{c(e=>({...e,animation:"close"})),setTimeout(()=>{c(e=>({...e,state:"invisible"})),q()},y)},I=()=>v.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{P.delay(()=>{j&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return a.jsxs(a.Fragment,{children:[a.jsx("div",{id:T,ref:M,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:w,children:t&&a.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:a.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:I()})})}),t&&a.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),F=$.createComponent(W);function G(){const[u,t]=n.useState(null),s=!!u,d=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}d(i)}]}exports.Menu=F;exports.useMenu=G;
-//# sourceMappingURL=useMenu-DewYBiar.cjs.map

package/dist/chunks/useMenu-DuX7EGHi.js

@@ -1,2 +0,0 @@
-import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{c as H,u as S}from"./createComponent-CovqNaAJ.js";import{u as U}from"./useListenerResized-Bnqxrt7k.js";import{C as q}from"./Card-D_RFnUk2.js";import{C as J}from"./CardContent-BsSfxSQH.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:u,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...f},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(u),b=W(()=>S(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,f.className);U(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...f,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...f.style},className:I,children:t&&m(q,{className:`${r}-menu__card`,children:m(J,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ie=H(V);function ae(){const[l,t]=g(null),n=!!l,u=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}u(s)}]}export{ie as M,ae as u};
-//# sourceMappingURL=useMenu-DuX7EGHi.js.map