@zydon/common 2.8.1 → 2.8.2

package/dist/{chunk-E4HIWMGS.js → chunk-BJ5IDN65.js}

@@ -1,6 +1,6 @@
 import { a } from './chunk-373WGZZL.js';
 import { a as a$1, e } from './chunk-FTYHXGXC.js';
-import { a as a$3, b } from './chunk-GEEFHX4U.js';
+import { a as a$3, b } from './chunk-WRGRGZEM.js';
 import { p, r, a as a$2 } from './chunk-LRSF3YE6.js';
 import { a as a$5 } from './chunk-WUFEPE2G.js';
 import { c, b as b$1 } from './chunk-BX2DSNRV.js';
@@ -15,4 +15,4 @@ var W=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.1
 
 export { x as a, te as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-E4HIWMGS.js.map
+//# sourceMappingURL=chunk-BJ5IDN65.js.map

package/dist/chunk-KYV74QIT.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-HBOBTNB5.js';
+import n from 'color';
+
+var e=t=>n(t).luminosity(),l=t=>e(t)>.5?a.grey[800]:"#FFFFFF",m=t=>t?`#${t.replace(/^#+/,"")}`:"#000000";
+
+export { e as a, l as b, m as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-KYV74QIT.js.map

package/dist/chunk-KYV74QIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/color.ts"],"names":["Color","getLuminosity","color","getContrastTextColor","colors_default","normalizeHexColor"],"mappings":"wCAAA,OAAOA,MAAW,QAIX,IAAMC,EAAiBC,GAAkBF,EAAME,CAAK,EAAE,WAAW,EAE3DC,EAAwBD,GAChBD,EAAcC,CAAK,EAElB,GAAME,EAAO,KAAK,GAAG,EAAI,UAGlCC,EAAqBH,GAC3BA,EAEE,IADSA,EAAM,QAAQ,MAAO,EAAE,IADpB","sourcesContent":["import Color from 'color';\n\nimport COLORS from 'theme/core/colors.json';\n\nexport const getLuminosity = (color: string) => Color(color).luminosity();\n\nexport const getContrastTextColor = (color: string) => {\n  const luminosity = getLuminosity(color);\n\n  return luminosity > 0.5 ? COLORS.grey[800] : '#FFFFFF';\n};\n\nexport const normalizeHexColor = (color: string): string => {\n  if (!color) return '#000000';\n  const cleaned = color.replace(/^#+/, '');\n  return `#${cleaned}`;\n};\n"]}

package/dist/chunk-QSHKTHGM.js

@@ -0,0 +1,16 @@
+import { a } from './chunk-LQRRMVFN.js';
+import { useState } from 'react';
+import C from '@mui/material/Box';
+import g from '@mui/material/IconButton';
+import k from '@mui/material/InputAdornment';
+import x from '@mui/material/Popover';
+import b from '@mui/material/TextField';
+import { ChromePicker } from 'react-color';
+import { styled } from '@mui/material/styles';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var p=styled(ChromePicker)({fontFamily:"inherit",boxShadow:"none"});var I=({value:l,tabIndex:s,onChangeColor:a$1,...t})=>{let[m,c]=useState(),n=m||l,r=n?"#"+n.replaceAll("#",""):"",e=a(),u=()=>{e.onClose(),a$1(r);};return jsxs(Fragment,{children:[jsx(b,{...t,value:r,InputProps:{...t.InputProps,startAdornment:jsx(k,{position:"start",sx:{ml:2},children:jsx(g,{edge:"start","aria-label":"Escolher cor",onClick:e.onOpen,children:jsx(C,{sx:{minWidth:23,minHeight:23,backgroundColor:r,borderRadius:.5,boxShadow:"0 0 0 2px rgba(0, 0, 0, 0.0375)"}})})})},inputProps:{readOnly:!0,...t.inputProps,maxLength:7,tabIndex:s}}),jsx(x,{className:"popover-color-picker",open:!!e.open,anchorEl:e.open,onClose:u,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"center",horizontal:"center"},slotProps:{paper:{style:{borderRadius:8}}},children:jsx(p,{color:r,onChange:({hex:d})=>c(d),styles:{default:{picker:{fontFamily:"inherit",boxShadow:"none"}}},disableAlpha:!0})})]})},L=I;
+
+export { L as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-QSHKTHGM.js.map

package/dist/chunk-QSHKTHGM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ColorPickerInput/index.tsx","../src/components/ColorPickerInput/styles.ts"],"names":["useState","Box","IconButton","InputAdornment","Popover","TextField","ChromePickerOrigin","styled","ChromePicker","Fragment","jsx","jsxs","ColorPickerInput","value","tabIndex","onChangeColor","other","color","setColor","currentColor","hexValue","popover","usePopover_default","handleCloseColorPicker","hex","ColorPickerInput_default"],"mappings":"wCAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAS,oBAChB,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAC3B,OAAOC,MAAa,wBACpB,OAAOC,MAAe,0BCLtB,OAAS,gBAAgBC,MAA0B,cACnD,OAAS,UAAAC,MAAc,uBAEhB,IAAMC,EAAeD,EAAOD,CAAkB,EAAE,CACrD,WAAY,UACZ,UAAW,MACb,CAAC,EDwBG,mBAAAG,EAaY,OAAAC,EAbZ,QAAAC,MAAA,oBAlBJ,IAAMC,EAAmB,CAAC,CACxB,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,GAAM,CAACC,EAAOC,CAAQ,EAAIlB,EAAuB,EAC3CmB,EAAeF,GAASJ,EACxBO,EAAWD,EAAe,IAAMA,EAAa,WAAW,IAAK,EAAE,EAAI,GAEnEE,EAAUC,EAAW,EAErBC,EAAyB,IAAM,CACnCF,EAAQ,QAAQ,EAChBN,EAAcK,CAAQ,CACxB,EAEA,OACET,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACE,GAAGW,EACJ,MAAOI,EACP,WAAY,CACV,GAAGJ,EAAM,WACT,eACEN,EAACP,EAAA,CAAe,SAAS,QAAQ,GAAI,CAAE,GAAI,CAAE,EAC3C,SAAAO,EAACR,EAAA,CACC,KAAK,QACL,aAAW,eACX,QAASmB,EAAQ,OAEjB,SAAAX,EAACT,EAAA,CACC,GAAI,CACF,SAAU,GACV,UAAW,GACX,gBAAiBmB,EACjB,aAAc,GACd,UAAW,iCACb,EACF,EACF,EACF,CAEJ,EACA,WAAY,CACV,SAAU,GACV,GAAGJ,EAAM,WACT,UAAW,EACX,SAAAF,CACF,EACF,EACAJ,EAACN,EAAA,CACC,UAAU,uBACV,KAAM,EAAQiB,EAAQ,KACtB,SAAUA,EAAQ,KAClB,QAASE,EACT,aAAc,CACZ,SAAU,SACV,WAAY,QACd,EACA,gBAAiB,CACf,SAAU,SACV,WAAY,QACd,EACA,UAAW,CACT,MAAO,CACL,MAAO,CAAE,aAAc,CAAE,CAC3B,CACF,EAEA,SAAAb,EAACF,EAAA,CACC,MAAOY,EACP,SAAU,CAAC,CAAE,IAAAI,CAAI,IAAuBN,EAASM,CAAmB,EACpE,OAAQ,CACN,QAAS,CACP,OAAQ,CACN,WAAY,UACZ,UAAW,MACb,CACF,CACF,EACA,aAAY,GACd,EACF,GACF,CAEJ,EAEOC,EAAQb","sourcesContent":["import { useState } from 'react';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Popover from '@mui/material/Popover';\nimport TextField from '@mui/material/TextField';\n\nimport usePopover from 'hooks/usePopover';\n\nimport { ColorPickerInputProps } from './props';\nimport { ChromePicker } from './styles';\n\nconst ColorPickerInput = ({\n  value,\n  tabIndex,\n  onChangeColor,\n  ...other\n}: ColorPickerInputProps) => {\n  const [color, setColor] = useState<`#${string}`>();\n  const currentColor = color || value;\n  const hexValue = currentColor ? '#' + currentColor.replaceAll('#', '') : '';\n\n  const popover = usePopover();\n\n  const handleCloseColorPicker = () => {\n    popover.onClose();\n    onChangeColor(hexValue);\n  };\n\n  return (\n    <>\n      <TextField\n        {...other}\n        value={hexValue}\n        InputProps={{\n          ...other.InputProps,\n          startAdornment: (\n            <InputAdornment position=\"start\" sx={{ ml: 2 }}>\n              <IconButton\n                edge=\"start\"\n                aria-label=\"Escolher cor\"\n                onClick={popover.onOpen}\n              >\n                <Box\n                  sx={{\n                    minWidth: 23,\n                    minHeight: 23,\n                    backgroundColor: hexValue,\n                    borderRadius: 0.5,\n                    boxShadow: '0 0 0 2px rgba(0, 0, 0, 0.0375)',\n                  }}\n                />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          readOnly: true,\n          ...other.inputProps,\n          maxLength: 7,\n          tabIndex,\n        }}\n      />\n      <Popover\n        className=\"popover-color-picker\"\n        open={Boolean(popover.open)}\n        anchorEl={popover.open}\n        onClose={handleCloseColorPicker}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'center',\n          horizontal: 'center',\n        }}\n        slotProps={{\n          paper: {\n            style: { borderRadius: 8 },\n          },\n        }}\n      >\n        <ChromePicker\n          color={hexValue}\n          onChange={({ hex }: { hex: string }) => setColor(hex as `#${string}`)}\n          styles={{\n            default: {\n              picker: {\n                fontFamily: 'inherit',\n                boxShadow: 'none',\n              },\n            },\n          }}\n          disableAlpha\n        />\n      </Popover>\n    </>\n  );\n};\n\nexport default ColorPickerInput;\n","import { ChromePicker as ChromePickerOrigin } from 'react-color';\nimport { styled } from '@mui/material/styles';\n\nexport const ChromePicker = styled(ChromePickerOrigin)({\n  fontFamily: 'inherit',\n  boxShadow: 'none',\n});\n"]}

package/dist/{chunk-GEEFHX4U.js → chunk-WRGRGZEM.js}

@@ -1,4 +1,4 @@
-import { a } from './chunk-TWOLB4FN.js';
+import { a } from './chunk-KYV74QIT.js';
 import { r, b, a as a$2 } from './chunk-LRSF3YE6.js';
 import { h as h$1, j } from './chunk-GLRLKFPS.js';
 import a$1 from 'color';
@@ -7,4 +7,4 @@ function P(t,e){let{colorSchemes:r$1,customShadows:o}=t;return {...t,colorScheme
 
 export { P as a, T as b, f as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GEEFHX4U.js.map
+//# sourceMappingURL=chunk-WRGRGZEM.js.map

package/dist/components/AvatarButton/index.js

@@ -6,11 +6,11 @@ import { a as a$3 } from '../../chunk-QVOKZISA.js';
 import '../../chunk-S7KQI2WJ.js';
 import { a as a$1 } from '../../chunk-LQRRMVFN.js';
 import '../../chunk-EDWQYAWG.js';
-import '../../chunk-E4HIWMGS.js';
+import '../../chunk-BJ5IDN65.js';
 import '../../chunk-373WGZZL.js';
 import '../../chunk-FTYHXGXC.js';
-import '../../chunk-GEEFHX4U.js';
-import '../../chunk-TWOLB4FN.js';
+import '../../chunk-WRGRGZEM.js';
+import '../../chunk-KYV74QIT.js';
 import '../../chunk-LRSF3YE6.js';
 import '../../chunk-HBOBTNB5.js';
 import '../../chunk-WUFEPE2G.js';

package/dist/components/ColorPickerInput/index.js

@@ -1,4 +1,4 @@
-export { a as default } from '../../chunk-E3TW4QI3.js';
+export { a as default } from '../../chunk-QSHKTHGM.js';
 import '../../chunk-LQRRMVFN.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Common/index.js

@@ -1,10 +1,10 @@
 import { a } from '../../chunk-QVOKZISA.js';
 import '../../chunk-S7KQI2WJ.js';
-import { b } from '../../chunk-E4HIWMGS.js';
+import { b } from '../../chunk-BJ5IDN65.js';
 import '../../chunk-373WGZZL.js';
 import '../../chunk-FTYHXGXC.js';
-import '../../chunk-GEEFHX4U.js';
-import '../../chunk-TWOLB4FN.js';
+import '../../chunk-WRGRGZEM.js';
+import '../../chunk-KYV74QIT.js';
 import '../../chunk-LRSF3YE6.js';
 import '../../chunk-HBOBTNB5.js';
 import '../../chunk-WUFEPE2G.js';

package/dist/components/ToggleTheme/index.js

@@ -1,10 +1,10 @@
 export { a as default } from '../../chunk-NB6Z5G2Q.js';
 import '../../chunk-EDWQYAWG.js';
-import '../../chunk-E4HIWMGS.js';
+import '../../chunk-BJ5IDN65.js';
 import '../../chunk-373WGZZL.js';
 import '../../chunk-FTYHXGXC.js';
-import '../../chunk-GEEFHX4U.js';
-import '../../chunk-TWOLB4FN.js';
+import '../../chunk-WRGRGZEM.js';
+import '../../chunk-KYV74QIT.js';
 import '../../chunk-LRSF3YE6.js';
 import '../../chunk-HBOBTNB5.js';
 import '../../chunk-WUFEPE2G.js';

package/dist/components/form/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../../chunk-E3TW4QI3.js';
+import { a } from '../../../chunk-QSHKTHGM.js';
 import '../../../chunk-LQRRMVFN.js';
 import { useFormContext, Controller } from 'react-hook-form';
 import { jsx } from 'react/jsx-runtime';

package/dist/hooks/useThemeToggle.js

@@ -1,9 +1,9 @@
 export { a as useThemeToggle } from '../chunk-EDWQYAWG.js';
-import '../chunk-E4HIWMGS.js';
+import '../chunk-BJ5IDN65.js';
 import '../chunk-373WGZZL.js';
 import '../chunk-FTYHXGXC.js';
-import '../chunk-GEEFHX4U.js';
-import '../chunk-TWOLB4FN.js';
+import '../chunk-WRGRGZEM.js';
+import '../chunk-KYV74QIT.js';
 import '../chunk-LRSF3YE6.js';
 import '../chunk-HBOBTNB5.js';
 import '../chunk-WUFEPE2G.js';

package/dist/index.js

@@ -1,9 +1,9 @@
 export { a as useThemeToggle } from './chunk-EDWQYAWG.js';
-export { b as ThemeProvider, a as createTheme } from './chunk-E4HIWMGS.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-BJ5IDN65.js';
 import './chunk-373WGZZL.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-FTYHXGXC.js';
-import './chunk-GEEFHX4U.js';
-import './chunk-TWOLB4FN.js';
+import './chunk-WRGRGZEM.js';
+import './chunk-KYV74QIT.js';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-LRSF3YE6.js';
 import './chunk-HBOBTNB5.js';
 import './chunk-WUFEPE2G.js';

package/dist/theme/theme-provider.js

@@ -1,8 +1,8 @@
-export { b as default } from '../chunk-E4HIWMGS.js';
+export { b as default } from '../chunk-BJ5IDN65.js';
 import '../chunk-373WGZZL.js';
 import '../chunk-FTYHXGXC.js';
-import '../chunk-GEEFHX4U.js';
-import '../chunk-TWOLB4FN.js';
+import '../chunk-WRGRGZEM.js';
+import '../chunk-KYV74QIT.js';
 import '../chunk-LRSF3YE6.js';
 import '../chunk-HBOBTNB5.js';
 import '../chunk-WUFEPE2G.js';

package/dist/theme/with-settings/index.js

@@ -1,5 +1,5 @@
-export { c as buildPrimaryColors, b as updateComponentsWithSettings, a as updateCoreWithSettings } from '../../chunk-GEEFHX4U.js';
-import '../../chunk-TWOLB4FN.js';
+export { c as buildPrimaryColors, b as updateComponentsWithSettings, a as updateCoreWithSettings } from '../../chunk-WRGRGZEM.js';
+import '../../chunk-KYV74QIT.js';
 import '../../chunk-LRSF3YE6.js';
 import '../../chunk-HBOBTNB5.js';
 import '../../chunk-GLRLKFPS.js';

package/dist/utils/color.d.ts

@@ -1,4 +1,5 @@
 declare const getLuminosity: (color: string) => number;
 declare const getContrastTextColor: (color: string) => string;
+declare const normalizeHexColor: (color: string) => string;
 
-export { getContrastTextColor, getLuminosity };
+export { getContrastTextColor, getLuminosity, normalizeHexColor };

package/dist/utils/color.js

@@ -1,4 +1,4 @@
-export { b as getContrastTextColor, a as getLuminosity } from '../chunk-TWOLB4FN.js';
+export { b as getContrastTextColor, a as getLuminosity, c as normalizeHexColor } from '../chunk-KYV74QIT.js';
 import '../chunk-HBOBTNB5.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=color.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.8.1",
+  "version": "2.8.2",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-E3TW4QI3.js

@@ -1,16 +0,0 @@
-import { a } from './chunk-LQRRMVFN.js';
-import { useState } from 'react';
-import C from '@mui/material/Box';
-import k from '@mui/material/IconButton';
-import g from '@mui/material/InputAdornment';
-import x from '@mui/material/Popover';
-import I from '@mui/material/TextField';
-import { ChromePicker } from 'react-color';
-import { styled } from '@mui/material/styles';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var p=styled(ChromePicker)({fontFamily:"inherit",boxShadow:"none"});var b=({value:l,tabIndex:s,onChangeColor:a$1,...t})=>{let[m,c]=useState(),n=m||l,r=n?"#"+n.replaceAll("#",""):"",e=a(),u=()=>{e.onClose(),a$1(r);};return jsxs(Fragment,{children:[jsx(I,{...t,value:r,InputProps:{...t.InputProps,startAdornment:jsx(g,{position:"start",sx:{ml:2},children:jsx(k,{edge:"start","aria-label":"Escolher cor",onClick:e.onOpen,children:jsx(C,{sx:{minWidth:24,minHeight:24,backgroundColor:r,borderRadius:.5}})})})},inputProps:{readOnly:!0,...t.inputProps,maxLength:7,tabIndex:s}}),jsx(x,{className:"popover-color-picker",open:!!e.open,anchorEl:e.open,onClose:u,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"center",horizontal:"center"},slotProps:{paper:{style:{borderRadius:8}}},children:jsx(p,{color:r,onChange:({hex:d})=>c(d),styles:{default:{picker:{fontFamily:"inherit",boxShadow:"none"}}},disableAlpha:!0})})]})},L=b;
-
-export { L as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-E3TW4QI3.js.map

package/dist/chunk-E3TW4QI3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ColorPickerInput/index.tsx","../src/components/ColorPickerInput/styles.ts"],"names":["useState","Box","IconButton","InputAdornment","Popover","TextField","ChromePickerOrigin","styled","ChromePicker","Fragment","jsx","jsxs","ColorPickerInput","value","tabIndex","onChangeColor","other","color","setColor","currentColor","hexValue","popover","usePopover_default","handleCloseColorPicker","hex","ColorPickerInput_default"],"mappings":"wCAAA,OAAS,YAAAA,MAAgB,QACzB,OAAOC,MAAS,oBAChB,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAC3B,OAAOC,MAAa,wBACpB,OAAOC,MAAe,0BCLtB,OAAS,gBAAgBC,MAA0B,cACnD,OAAS,UAAAC,MAAc,uBAEhB,IAAMC,EAAeD,EAAOD,CAAkB,EAAE,CACrD,WAAY,UACZ,UAAW,MACb,CAAC,EDwBG,mBAAAG,EAaY,OAAAC,EAbZ,QAAAC,MAAA,oBAlBJ,IAAMC,EAAmB,CAAC,CACxB,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,GAAM,CAACC,EAAOC,CAAQ,EAAIlB,EAAuB,EAC3CmB,EAAeF,GAASJ,EACxBO,EAAWD,EAAe,IAAMA,EAAa,WAAW,IAAK,EAAE,EAAI,GAEnEE,EAAUC,EAAW,EAErBC,EAAyB,IAAM,CACnCF,EAAQ,QAAQ,EAChBN,EAAcK,CAAQ,CACxB,EAEA,OACET,EAAAF,EAAA,CACE,UAAAC,EAACL,EAAA,CACE,GAAGW,EACJ,MAAOI,EACP,WAAY,CACV,GAAGJ,EAAM,WACT,eACEN,EAACP,EAAA,CAAe,SAAS,QAAQ,GAAI,CAAE,GAAI,CAAE,EAC3C,SAAAO,EAACR,EAAA,CACC,KAAK,QACL,aAAW,eACX,QAASmB,EAAQ,OAEjB,SAAAX,EAACT,EAAA,CACC,GAAI,CACF,SAAU,GACV,UAAW,GACX,gBAAiBmB,EACjB,aAAc,EAChB,EACF,EACF,EACF,CAEJ,EACA,WAAY,CACV,SAAU,GACV,GAAGJ,EAAM,WACT,UAAW,EACX,SAAAF,CACF,EACF,EACAJ,EAACN,EAAA,CACC,UAAU,uBACV,KAAM,EAAQiB,EAAQ,KACtB,SAAUA,EAAQ,KAClB,QAASE,EACT,aAAc,CACZ,SAAU,SACV,WAAY,QACd,EACA,gBAAiB,CACf,SAAU,SACV,WAAY,QACd,EACA,UAAW,CACT,MAAO,CACL,MAAO,CAAE,aAAc,CAAE,CAC3B,CACF,EAEA,SAAAb,EAACF,EAAA,CACC,MAAOY,EACP,SAAU,CAAC,CAAE,IAAAI,CAAI,IAAuBN,EAASM,CAAmB,EACpE,OAAQ,CACN,QAAS,CACP,OAAQ,CACN,WAAY,UACZ,UAAW,MACb,CACF,CACF,EACA,aAAY,GACd,EACF,GACF,CAEJ,EAEOC,EAAQb","sourcesContent":["import { useState } from 'react';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Popover from '@mui/material/Popover';\nimport TextField from '@mui/material/TextField';\n\nimport usePopover from 'hooks/usePopover';\n\nimport { ColorPickerInputProps } from './props';\nimport { ChromePicker } from './styles';\n\nconst ColorPickerInput = ({\n  value,\n  tabIndex,\n  onChangeColor,\n  ...other\n}: ColorPickerInputProps) => {\n  const [color, setColor] = useState<`#${string}`>();\n  const currentColor = color || value;\n  const hexValue = currentColor ? '#' + currentColor.replaceAll('#', '') : '';\n\n  const popover = usePopover();\n\n  const handleCloseColorPicker = () => {\n    popover.onClose();\n    onChangeColor(hexValue);\n  };\n\n  return (\n    <>\n      <TextField\n        {...other}\n        value={hexValue}\n        InputProps={{\n          ...other.InputProps,\n          startAdornment: (\n            <InputAdornment position=\"start\" sx={{ ml: 2 }}>\n              <IconButton\n                edge=\"start\"\n                aria-label=\"Escolher cor\"\n                onClick={popover.onOpen}\n              >\n                <Box\n                  sx={{\n                    minWidth: 24,\n                    minHeight: 24,\n                    backgroundColor: hexValue,\n                    borderRadius: 0.5,\n                  }}\n                />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n        inputProps={{\n          readOnly: true,\n          ...other.inputProps,\n          maxLength: 7,\n          tabIndex,\n        }}\n      />\n      <Popover\n        className=\"popover-color-picker\"\n        open={Boolean(popover.open)}\n        anchorEl={popover.open}\n        onClose={handleCloseColorPicker}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'center',\n          horizontal: 'center',\n        }}\n        slotProps={{\n          paper: {\n            style: { borderRadius: 8 },\n          },\n        }}\n      >\n        <ChromePicker\n          color={hexValue}\n          onChange={({ hex }: { hex: string }) => setColor(hex as `#${string}`)}\n          styles={{\n            default: {\n              picker: {\n                fontFamily: 'inherit',\n                boxShadow: 'none',\n              },\n            },\n          }}\n          disableAlpha\n        />\n      </Popover>\n    </>\n  );\n};\n\nexport default ColorPickerInput;\n","import { ChromePicker as ChromePickerOrigin } from 'react-color';\nimport { styled } from '@mui/material/styles';\n\nexport const ChromePicker = styled(ChromePickerOrigin)({\n  fontFamily: 'inherit',\n  boxShadow: 'none',\n});\n"]}

package/dist/chunk-TWOLB4FN.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-HBOBTNB5.js';
-import r from 'color';
-
-var i=t=>r(t).luminosity(),e=t=>i(t)>.5?a.grey[800]:"#FFFFFF";
-
-export { i as a, e as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TWOLB4FN.js.map

package/dist/chunk-TWOLB4FN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/color.ts"],"names":["Color","getLuminosity","color","getContrastTextColor","colors_default"],"mappings":"wCAAA,OAAOA,MAAW,QAIX,IAAMC,EAAiBC,GAAkBF,EAAME,CAAK,EAAE,WAAW,EAE3DC,EAAwBD,GAChBD,EAAcC,CAAK,EAElB,GAAME,EAAO,KAAK,GAAG,EAAI","sourcesContent":["import Color from 'color';\n\nimport COLORS from 'theme/core/colors.json';\n\nexport const getLuminosity = (color: string) => Color(color).luminosity();\n\nexport const getContrastTextColor = (color: string) => {\n  const luminosity = getLuminosity(color);\n\n  return luminosity > 0.5 ? COLORS.grey[800] : '#FFFFFF';\n};\n"]}