@strapi/plugin-color-picker 0.0.0-next.fab38a080023b0850fc7a8ec8605d1ee6970e3c9 → 0.0.0-next.fb92031f3d90f3d2a2d191ba65725b6c8e329a5d

package/dist/admin/utils/getTrad.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var pluginId = require('../pluginId.js');
+
+const getTrad = (id)=>`${pluginId.pluginId}.${id}`;
+
+exports.getTrad = getTrad;
+//# sourceMappingURL=getTrad.js.map

package/dist/admin/utils/getTrad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrad.js","sources":["../../../admin/src/utils/getTrad.ts"],"sourcesContent":["import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n"],"names":["getTrad","id","pluginId"],"mappings":";;;;AAEO,MAAMA,OAAU,GAAA,CAACC,EAAe,GAAA,CAAC,EAAEC,iBAAAA,CAAS,CAAC,EAAED,EAAG,CAAA;;;;"}

package/dist/admin/utils/getTrad.mjs

@@ -0,0 +1,6 @@
+import { pluginId } from '../pluginId.mjs';
+
+const getTrad = (id)=>`${pluginId}.${id}`;
+
+export { getTrad };
+//# sourceMappingURL=getTrad.mjs.map

package/dist/admin/utils/getTrad.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTrad.mjs","sources":["../../../admin/src/utils/getTrad.ts"],"sourcesContent":["import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n"],"names":["getTrad","id","pluginId"],"mappings":";;AAEO,MAAMA,OAAU,GAAA,CAACC,EAAe,GAAA,CAAC,EAAEC,QAAAA,CAAS,CAAC,EAAED,EAAG,CAAA;;;;"}

package/dist/admin/utils/prefixPluginTranslations.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const prefixPluginTranslations = (trad, pluginId)=>{
+    return Object.keys(trad).reduce((acc, current)=>{
+        acc[`${pluginId}.${current}`] = trad[current];
+        return acc;
+    }, {});
+};
+
+exports.prefixPluginTranslations = prefixPluginTranslations;
+//# sourceMappingURL=prefixPluginTranslations.js.map

package/dist/admin/utils/prefixPluginTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefixPluginTranslations.js","sources":["../../../admin/src/utils/prefixPluginTranslations.ts"],"sourcesContent":["type TradOptions = Record<string, string>;\n\nconst prefixPluginTranslations = (trad: TradOptions, pluginId: string): TradOptions => {\n  if (!pluginId) {\n    throw new TypeError(\"pluginId can't be empty\");\n  }\n  return Object.keys(trad).reduce((acc, current) => {\n    acc[`${pluginId}.${current}`] = trad[current];\n    return acc;\n  }, {} as TradOptions);\n};\n\nexport { prefixPluginTranslations };\n"],"names":["prefixPluginTranslations","trad","pluginId","Object","keys","reduce","acc","current"],"mappings":";;AAEMA,MAAAA,wBAAAA,GAA2B,CAACC,IAAmBC,EAAAA,QAAAA,GAAAA;AAInD,IAAA,OAAOC,OAAOC,IAAI,CAACH,MAAMI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AACpCD,QAAAA,GAAG,CAAC,CAAC,EAAEJ,QAAAA,CAAS,CAAC,EAAEK,OAAQ,CAAA,CAAC,CAAC,GAAGN,IAAI,CAACM,OAAQ,CAAA;QAC7C,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAC,CAAA;AACN;;;;"}

package/dist/admin/utils/prefixPluginTranslations.mjs

@@ -0,0 +1,9 @@
+const prefixPluginTranslations = (trad, pluginId)=>{
+    return Object.keys(trad).reduce((acc, current)=>{
+        acc[`${pluginId}.${current}`] = trad[current];
+        return acc;
+    }, {});
+};
+
+export { prefixPluginTranslations };
+//# sourceMappingURL=prefixPluginTranslations.mjs.map

package/dist/admin/utils/prefixPluginTranslations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefixPluginTranslations.mjs","sources":["../../../admin/src/utils/prefixPluginTranslations.ts"],"sourcesContent":["type TradOptions = Record<string, string>;\n\nconst prefixPluginTranslations = (trad: TradOptions, pluginId: string): TradOptions => {\n  if (!pluginId) {\n    throw new TypeError(\"pluginId can't be empty\");\n  }\n  return Object.keys(trad).reduce((acc, current) => {\n    acc[`${pluginId}.${current}`] = trad[current];\n    return acc;\n  }, {} as TradOptions);\n};\n\nexport { prefixPluginTranslations };\n"],"names":["prefixPluginTranslations","trad","pluginId","Object","keys","reduce","acc","current"],"mappings":"AAEMA,MAAAA,wBAAAA,GAA2B,CAACC,IAAmBC,EAAAA,QAAAA,GAAAA;AAInD,IAAA,OAAOC,OAAOC,IAAI,CAACH,MAAMI,MAAM,CAAC,CAACC,GAAKC,EAAAA,OAAAA,GAAAA;AACpCD,QAAAA,GAAG,CAAC,CAAC,EAAEJ,QAAAA,CAAS,CAAC,EAAEK,OAAQ,CAAA,CAAC,CAAC,GAAGN,IAAI,CAACM,OAAQ,CAAA;QAC7C,OAAOD,GAAAA;AACT,KAAA,EAAG,EAAC,CAAA;AACN;;;;"}

package/dist/server/index.js

@@ -1,2 +1,10 @@
-"use strict";const r=({strapi:e})=>{e.customFields.register({name:"color",plugin:"color-picker",type:"string"})},s={register:r};module.exports=s;
+'use strict';
+
+var register = require('./register.js');
+
+var index = {
+    register: register.register
+};
+
+module.exports = index;
 //# sourceMappingURL=index.js.map

package/dist/server/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../server/src/register.ts","../../server/src/index.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n","import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register","strapi","index"],"mappings":"aAAO,MAAMA,EAAW,CAAC,CAAE,OAAAC,KAAkB,CAC3CA,EAAO,aAAa,SAAS,CAC3B,KAAM,QACN,OAAQ,eACR,KAAM,QAAA,CACP,CACH,ECJeC,EAAA,CACb,SAAAF,CACF"}
+{"version":3,"file":"index.js","sources":["../../server/src/index.ts"],"sourcesContent":["import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register"],"mappings":";;;;AAEA,YAAe;AACbA,cAAAA;AACF,CAAE;;;;"}

package/dist/server/index.mjs

@@ -1,13 +1,8 @@
-const r = ({ strapi: e }) => {
-  e.customFields.register({
-    name: "color",
-    plugin: "color-picker",
-    type: "string"
-  });
-}, t = {
-  register: r
-};
-export {
-  t as default
+import { register } from './register.mjs';
+
+var index = {
+    register
 };
+
+export { index as default };
 //# sourceMappingURL=index.mjs.map

package/dist/server/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../server/src/register.ts","../../server/src/index.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n","import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register","strapi","index"],"mappings":"AAAO,MAAMA,IAAW,CAAC,EAAE,QAAAC,QAAkB;AAC3C,EAAAA,EAAO,aAAa,SAAS;AAAA,IAC3B,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA,CACP;AACH,GCJeC,IAAA;AAAA,EACb,UAAAF;AACF;"}
+{"version":3,"file":"index.mjs","sources":["../../server/src/index.ts"],"sourcesContent":["import { register } from './register';\n\nexport default {\n  register,\n};\n"],"names":["register"],"mappings":";;AAEA,YAAe;AACbA,IAAAA;AACF,CAAE;;;;"}

package/dist/server/register.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const register = ({ strapi })=>{
+    strapi.customFields.register({
+        name: 'color',
+        plugin: 'color-picker',
+        type: 'string'
+    });
+};
+
+exports.register = register;
+//# sourceMappingURL=register.js.map

package/dist/server/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sources":["../../server/src/register.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n"],"names":["register","strapi","customFields","name","plugin","type"],"mappings":";;AAAaA,MAAAA,QAAAA,GAAW,CAAC,EAAEC,MAAM,EAAO,GAAA;IACtCA,MAAOC,CAAAA,YAAY,CAACF,QAAQ,CAAC;QAC3BG,IAAM,EAAA,OAAA;QACNC,MAAQ,EAAA,cAAA;QACRC,IAAM,EAAA;AACR,KAAA,CAAA;AACF;;;;"}

package/dist/server/register.mjs

@@ -0,0 +1,10 @@
+const register = ({ strapi })=>{
+    strapi.customFields.register({
+        name: 'color',
+        plugin: 'color-picker',
+        type: 'string'
+    });
+};
+
+export { register };
+//# sourceMappingURL=register.mjs.map

package/dist/server/register.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.mjs","sources":["../../server/src/register.ts"],"sourcesContent":["export const register = ({ strapi }: any) => {\n  strapi.customFields.register({\n    name: 'color',\n    plugin: 'color-picker',\n    type: 'string',\n  });\n};\n"],"names":["register","strapi","customFields","name","plugin","type"],"mappings":"AAAaA,MAAAA,QAAAA,GAAW,CAAC,EAAEC,MAAM,EAAO,GAAA;IACtCA,MAAOC,CAAAA,YAAY,CAACF,QAAQ,CAAC;QAC3BG,IAAM,EAAA,OAAA;QACNC,MAAQ,EAAA,cAAA;QACRC,IAAM,EAAA;AACR,KAAA,CAAA;AACF;;;;"}

package/dist/server/{index.d.ts → src/index.d.ts}

@@ -2,3 +2,4 @@ declare const _default: {
     register: ({ strapi }: any) => void;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/server/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;AAEA,wBAEE"}

package/dist/server/{register.d.ts → src/register.d.ts}

@@ -1 +1,2 @@
 export declare const register: ({ strapi }: any) => void;
+//# sourceMappingURL=register.d.ts.map

package/dist/server/src/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../server/src/register.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,eAAgB,GAAG,SAMvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/plugin-color-picker",
-  "version": "0.0.0-next.fab38a080023b0850fc7a8ec8605d1ee6970e3c9",
+  "version": "0.0.0-next.fb92031f3d90f3d2a2d191ba65725b6c8e329a5d",
   "description": "Strapi maintained Custom Fields",
   "repository": {
     "type": "git",
@@ -22,14 +22,14 @@
   ],
   "exports": {
     "./strapi-admin": {
-      "types": "./dist/admin/index.d.ts",
+      "types": "./dist/admin/src/index.d.ts",
       "source": "./admin/src/index.ts",
       "import": "./dist/admin/index.mjs",
       "require": "./dist/admin/index.js",
       "default": "./dist/admin/index.js"
     },
     "./strapi-server": {
-      "types": "./dist/server/index.d.ts",
+      "types": "./dist/server/src/index.d.ts",
       "source": "./server/src/index.ts",
       "import": "./dist/server/index.mjs",
       "require": "./dist/server/index.js",
@@ -38,59 +38,55 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "./dist",
+    "dist/",
     "strapi-server.js"
   ],
-  "strapi": {
-    "name": "color-picker",
-    "description": "Color picker custom field",
-    "kind": "plugin",
-    "displayName": "Color Picker"
-  },
   "scripts": {
-    "build": "NODE_ENV=production strapi plugin:build --force",
-    "watch": "run -T tsc -w --preserveWatchOutput",
+    "build": "run -T npm-run-all clean --parallel build:code build:types",
+    "build:code": "run -T rollup -c",
+    "build:types": "run -T run-p build:types:server build:types:admin",
+    "build:types:server": "run -T tsc -p server/tsconfig.build.json --emitDeclarationOnly",
+    "build:types:admin": "run -T tsc -p admin/tsconfig.build.json --emitDeclarationOnly",
     "clean": "run -T rimraf ./dist",
-    "prepublishOnly": "yarn clean && yarn build",
+    "lint": "run -T eslint .",
     "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
-    "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
     "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
+    "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
     "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
     "test:ts:front": "run -T tsc -p admin/tsconfig.json",
-    "lint": "yarn lint:project && yarn lint:back && yarn lint:front",
-    "lint:project": "run -T eslint . -c ./.eslintrc.js",
-    "lint:back": "run -T eslint ./server -c ./server/.eslintrc.js",
-    "lint:front": "run -T eslint ./admin -c ./admin/.eslintrc.js"
+    "watch": "run -T rollup -c -w"
   },
   "dependencies": {
-    "@strapi/design-system": "1.12.0",
-    "@strapi/helper-plugin": "0.0.0-next.fab38a080023b0850fc7a8ec8605d1ee6970e3c9",
-    "@strapi/icons": "1.12.0",
-    "prop-types": "^15.8.1",
+    "@strapi/design-system": "2.0.0-rc.23",
+    "@strapi/icons": "2.0.0-rc.23",
     "react-colorful": "5.6.1",
-    "react-intl": "6.4.1"
+    "react-intl": "6.6.2"
   },
   "devDependencies": {
-    "@strapi/strapi": "0.0.0-next.fab38a080023b0850fc7a8ec8605d1ee6970e3c9",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/styled-components": "5.1.26",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "5.3.4",
-    "styled-components": "5.3.3",
-    "typescript": "5.2.2"
+    "@strapi/strapi": "0.0.0-next.fb92031f3d90f3d2a2d191ba65725b6c8e329a5d",
+    "@testing-library/react": "15.0.7",
+    "@testing-library/user-event": "14.5.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "6.22.3",
+    "styled-components": "6.1.8",
+    "typescript": "5.4.4"
   },
   "peerDependencies": {
-    "@strapi/strapi": "^4.4.0",
+    "@strapi/strapi": "^5.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "5.3.4",
-    "styled-components": "5.3.3"
+    "react-router-dom": "^6.0.0",
+    "styled-components": "^6.0.0"
   },
   "engines": {
-    "node": ">=16.0.0 <=20.x.x",
+    "node": ">=18.0.0 <=22.x.x",
     "npm": ">=6.0.0"
   },
-  "gitHead": "fab38a080023b0850fc7a8ec8605d1ee6970e3c9"
+  "strapi": {
+    "name": "color-picker",
+    "description": "Color picker custom field",
+    "kind": "plugin",
+    "displayName": "Color Picker"
+  }
 }

package/dist/_chunks/ColorPickerInput-1e9c7a15.js

@@ -1,47 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-3cecbc68.js"),y=require("react"),r=require("@strapi/design-system"),C=require("@strapi/icons"),P=require("react-colorful"),T=require("react-intl"),c=require("styled-components");require("@strapi/helper-plugin");function v(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(o,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return o.default=e,Object.freeze(o)}const l=v(y);function w(e,o){typeof e=="function"?e(o):e!=null&&(e.current=o)}function $(...e){return o=>e.forEach(s=>w(s,o))}function F(...e){return l.useCallback($(...e),e)}const _=c.div`
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  background-color: ${e=>e.color};
-  border: 1px solid rgba(0, 0, 0, 0.1);
-`,q=c(P.HexColorPicker)`
-  && {
-    width: 100%;
-    aspect-ratio: 1.5;
-  }
-
-  .react-colorful__pointer {
-    width: ${({theme:e})=>e.spaces[3]};
-    height: ${({theme:e})=>e.spaces[3]};
-  }
-
-  .react-colorful__saturation {
-    border-radius: ${({theme:e})=>e.spaces[1]};
-    border-bottom: none;
-  }
-
-  .react-colorful__hue {
-    border-radius: 10px;
-    height: ${({theme:e})=>e.spaces[3]};
-    margin-top: ${({theme:e})=>e.spaces[2]};
-  }
-`,S=c(r.BaseButton)`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  svg {
-    width: ${({theme:e})=>e.spaces[2]};
-    height: ${({theme:e})=>e.spaces[2]};
-  }
-
-  svg > path {
-    fill: ${({theme:e})=>e.colors.neutral500};
-    justify-self: flex-end;
-  }
-`,B=c(r.Popover)`
-  padding: ${({theme:e})=>e.spaces[2]};
-  min-height: 270px;
-`,I=l.forwardRef(({attribute:e,description:o,disabled:s=!1,error:a,intlLabel:h,labelAction:m,name:u,onChange:f,required:R=!1,value:p=""},b)=>{const[d,x]=l.useState(!1),j=l.useRef(null),{formatMessage:i}=T.useIntl(),g=p||"#000000",E=n=>{n.preventDefault(),n.currentTarget.contains(n.relatedTarget)||x(!1)},k=F(b,j);return t.jsxRuntimeExports.jsx(r.Field,{name:u,id:u,error:a,hint:o&&i(o),required:R,children:t.jsxRuntimeExports.jsxs(r.Flex,{direction:"column",alignItems:"stretch",gap:1,children:[t.jsxRuntimeExports.jsx(r.FieldLabel,{action:m,children:i(h)}),t.jsxRuntimeExports.jsxs(S,{ref:k,"aria-label":i({id:t.getTrad("color-picker.toggle.aria-label"),defaultMessage:"Color picker toggle"}),"aria-controls":"color-picker-value","aria-haspopup":"dialog","aria-expanded":d,"aria-disabled":s,disabled:s,onClick:()=>x(!d),children:[t.jsxRuntimeExports.jsxs(r.Flex,{children:[t.jsxRuntimeExports.jsx(_,{color:g}),t.jsxRuntimeExports.jsx(r.Typography,{style:{textTransform:"uppercase"},textColor:p?void 0:"neutral600",variant:"omega",children:g})]}),t.jsxRuntimeExports.jsx(C.CarretDown,{"aria-hidden":!0})]}),d&&t.jsxRuntimeExports.jsx(B,{onBlur:E,role:"dialog",source:j,spacing:4,children:t.jsxRuntimeExports.jsxs(r.FocusTrap,{onEscape:()=>x(!1),children:[t.jsxRuntimeExports.jsx(q,{color:g,onChange:n=>f({target:{name:u,value:n,type:e.type}})}),t.jsxRuntimeExports.jsxs(r.Flex,{paddingTop:3,paddingLeft:4,justifyContent:"flex-end",children:[t.jsxRuntimeExports.jsx(r.Box,{paddingRight:2,children:t.jsxRuntimeExports.jsx(r.Typography,{variant:"omega",as:"label",textColor:"neutral600",children:i({id:t.getTrad("color-picker.input.format"),defaultMessage:"HEX"})})}),t.jsxRuntimeExports.jsx(r.FieldInput,{id:"color-picker-value","aria-label":i({id:t.getTrad("color-picker.input.aria-label"),defaultMessage:"Color picker input"}),style:{textTransform:"uppercase"},value:p,placeholder:"#000000",onChange:f})]})]})}),t.jsxRuntimeExports.jsx(r.FieldHint,{}),t.jsxRuntimeExports.jsx(r.FieldError,{})]})})});exports.ColorPickerInput=I;
-//# sourceMappingURL=ColorPickerInput-1e9c7a15.js.map

package/dist/_chunks/ColorPickerInput-1e9c7a15.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerInput-1e9c7a15.js","sources":["../../admin/src/hooks/useComposeRefs.ts","../../admin/src/components/ColorPickerInput.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]) {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n}\n\n/**\n * Takes multiple React like refs either React.Ref or a callback:\n * (node: T) => void and returns a single function that can be\n * passed to a React component as a ref.\n *\n * Example:\n * ```tsx\n * import { useComposedRefs } from '../hooks/useComposedRefs';\n *\n * const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {\n *  const ref = useComposedRefs(internalRef, forwardedRef);\n *\n *  React.useEffect(() => {\n *   ref.current.focus();\n *  }, [ref]);\n *\n *  return <input ref={ref} />\n * }\n * ```\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n","import * as React from 'react';\n\nimport {\n  BaseButton,\n  Box,\n  Field,\n  FieldError,\n  FieldHint,\n  FieldInput,\n  FieldLabel,\n  Flex,\n  FocusTrap,\n  Popover,\n  Typography,\n} from '@strapi/design-system';\nimport { CarretDown } from '@strapi/icons';\nimport { HexColorPicker } from 'react-colorful';\nimport { useIntl, MessageDescriptor } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { useComposedRefs } from '../hooks/useComposeRefs';\nimport { getTrad } from '../utils/getTrad';\n\nconst ColorPreview = styled.div`\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  background-color: ${(props) => props.color};\n  border: 1px solid rgba(0, 0, 0, 0.1);\n`;\n\nconst ColorPicker = styled(HexColorPicker)`\n  && {\n    width: 100%;\n    aspect-ratio: 1.5;\n  }\n\n  .react-colorful__pointer {\n    width: ${({ theme }) => theme.spaces[3]};\n    height: ${({ theme }) => theme.spaces[3]};\n  }\n\n  .react-colorful__saturation {\n    border-radius: ${({ theme }) => theme.spaces[1]};\n    border-bottom: none;\n  }\n\n  .react-colorful__hue {\n    border-radius: 10px;\n    height: ${({ theme }) => theme.spaces[3]};\n    margin-top: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst ColorPickerToggle = styled(BaseButton)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  svg {\n    width: ${({ theme }) => theme.spaces[2]};\n    height: ${({ theme }) => theme.spaces[2]};\n  }\n\n  svg > path {\n    fill: ${({ theme }) => theme.colors.neutral500};\n    justify-self: flex-end;\n  }\n`;\n\nconst ColorPickerPopover = styled(Popover)`\n  padding: ${({ theme }) => theme.spaces[2]};\n  min-height: 270px;\n`;\n\n/**\n * TODO: A lot of these props should extend `FieldProps`\n */\ninterface ColorPickerInputProps {\n  intlLabel: MessageDescriptor;\n  /**\n   * TODO: this should be extended from `FieldInputProps['onChange']\n   * but that conflicts with it's secondary usage in `HexColorPicker`\n   */\n  onChange: (event: { target: { name: string; value: string; type: string } }) => void;\n  attribute: { type: string; [key: string]: unknown };\n  name: string;\n  description?: MessageDescriptor;\n  disabled?: boolean;\n  error?: string;\n  labelAction?: React.ReactNode;\n  required?: boolean;\n  value?: string;\n}\n\nexport const ColorPickerInput = React.forwardRef<HTMLButtonElement, ColorPickerInputProps>(\n  (\n    {\n      attribute,\n      description,\n      disabled = false,\n      error,\n      intlLabel,\n      labelAction,\n      name,\n      onChange,\n      required = false,\n      value = '',\n    },\n    forwardedRef\n  ) => {\n    const [showColorPicker, setShowColorPicker] = React.useState(false);\n    const colorPickerButtonRef = React.useRef<HTMLButtonElement>(null!);\n    const { formatMessage } = useIntl();\n    const color = value || '#000000';\n\n    const handleBlur: React.FocusEventHandler<HTMLDivElement> = (e) => {\n      e.preventDefault();\n\n      if (!e.currentTarget.contains(e.relatedTarget)) {\n        setShowColorPicker(false);\n      }\n    };\n\n    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);\n\n    return (\n      <Field\n        name={name}\n        id={name}\n        // GenericInput calls formatMessage and returns a string for the error\n        error={error}\n        hint={description && formatMessage(description)}\n        required={required}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <FieldLabel action={labelAction}>{formatMessage(intlLabel)}</FieldLabel>\n          <ColorPickerToggle\n            ref={composedRefs}\n            aria-label={formatMessage({\n              id: getTrad('color-picker.toggle.aria-label'),\n              defaultMessage: 'Color picker toggle',\n            })}\n            aria-controls=\"color-picker-value\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={showColorPicker}\n            aria-disabled={disabled}\n            disabled={disabled}\n            onClick={() => setShowColorPicker(!showColorPicker)}\n          >\n            <Flex>\n              <ColorPreview color={color} />\n              <Typography\n                style={{ textTransform: 'uppercase' }}\n                textColor={value ? undefined : 'neutral600'}\n                variant=\"omega\"\n              >\n                {color}\n              </Typography>\n            </Flex>\n            <CarretDown aria-hidden />\n          </ColorPickerToggle>\n          {showColorPicker && (\n            <ColorPickerPopover\n              onBlur={handleBlur}\n              role=\"dialog\"\n              source={colorPickerButtonRef}\n              spacing={4}\n            >\n              <FocusTrap onEscape={() => setShowColorPicker(false)}>\n                <ColorPicker\n                  color={color}\n                  onChange={(hexValue) =>\n                    onChange({ target: { name, value: hexValue, type: attribute.type } })\n                  }\n                />\n                <Flex paddingTop={3} paddingLeft={4} justifyContent=\"flex-end\">\n                  <Box paddingRight={2}>\n                    <Typography variant=\"omega\" as=\"label\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('color-picker.input.format'),\n                        defaultMessage: 'HEX',\n                      })}\n                    </Typography>\n                  </Box>\n                  <FieldInput\n                    id=\"color-picker-value\"\n                    aria-label={formatMessage({\n                      id: getTrad('color-picker.input.aria-label'),\n                      defaultMessage: 'Color picker input',\n                    })}\n                    style={{ textTransform: 'uppercase' }}\n                    value={value}\n                    placeholder=\"#000000\"\n                    onChange={onChange}\n                  />\n                </Flex>\n              </FocusTrap>\n            </ColorPickerPopover>\n          )}\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n    );\n  }\n);\n"],"names":["setRef","ref","value","composeRefs","refs","node","useComposedRefs","React","ColorPreview","styled","props","ColorPicker","HexColorPicker","theme","ColorPickerToggle","BaseButton","ColorPickerPopover","Popover","ColorPickerInput","attribute","description","disabled","error","intlLabel","labelAction","name","onChange","required","forwardedRef","showColorPicker","setShowColorPicker","colorPickerButtonRef","formatMessage","useIntl","color","handleBlur","e","composedRefs","jsx","Field","Flex","FieldLabel","jsxs","getTrad","Typography","CarretDown","FocusTrap","hexValue","Box","FieldInput","FieldHint","FieldError"],"mappings":"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"}

package/dist/_chunks/ColorPickerInput-3335ebf5.mjs

@@ -1,168 +0,0 @@
-import { j as r, g as f } from "./index-e75c6fdb.mjs";
-import * as a from "react";
-import { BaseButton as w, Popover as R, Field as $, Flex as g, FieldLabel as T, Typography as m, FocusTrap as F, Box as B, FieldInput as _, FieldHint as E, FieldError as I } from "@strapi/design-system";
-import { CarretDown as M } from "@strapi/icons";
-import { HexColorPicker as H } from "react-colorful";
-import { useIntl as D } from "react-intl";
-import l from "styled-components";
-import "@strapi/helper-plugin";
-function L(e, o) {
-  typeof e == "function" ? e(o) : e != null && (e.current = o);
-}
-function S(...e) {
-  return (o) => e.forEach((i) => L(i, o));
-}
-function X(...e) {
-  return a.useCallback(S(...e), e);
-}
-const q = l.div`
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  background-color: ${(e) => e.color};
-  border: 1px solid rgba(0, 0, 0, 0.1);
-`, z = l(H)`
-  && {
-    width: 100%;
-    aspect-ratio: 1.5;
-  }
-
-  .react-colorful__pointer {
-    width: ${({ theme: e }) => e.spaces[3]};
-    height: ${({ theme: e }) => e.spaces[3]};
-  }
-
-  .react-colorful__saturation {
-    border-radius: ${({ theme: e }) => e.spaces[1]};
-    border-bottom: none;
-  }
-
-  .react-colorful__hue {
-    border-radius: 10px;
-    height: ${({ theme: e }) => e.spaces[3]};
-    margin-top: ${({ theme: e }) => e.spaces[2]};
-  }
-`, A = l(w)`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  svg {
-    width: ${({ theme: e }) => e.spaces[2]};
-    height: ${({ theme: e }) => e.spaces[2]};
-  }
-
-  svg > path {
-    fill: ${({ theme: e }) => e.colors.neutral500};
-    justify-self: flex-end;
-  }
-`, G = l(R)`
-  padding: ${({ theme: e }) => e.spaces[2]};
-  min-height: 270px;
-`, W = a.forwardRef(
-  ({
-    attribute: e,
-    description: o,
-    disabled: i = !1,
-    error: j,
-    intlLabel: k,
-    labelAction: C,
-    name: c,
-    onChange: h,
-    required: b = !1,
-    value: n = ""
-  }, y) => {
-    const [p, d] = a.useState(!1), x = a.useRef(null), { formatMessage: t } = D(), u = n || "#000000", v = (s) => {
-      s.preventDefault(), s.currentTarget.contains(s.relatedTarget) || d(!1);
-    }, P = X(y, x);
-    return /* @__PURE__ */ r.jsx(
-      $,
-      {
-        name: c,
-        id: c,
-        error: j,
-        hint: o && t(o),
-        required: b,
-        children: /* @__PURE__ */ r.jsxs(g, { direction: "column", alignItems: "stretch", gap: 1, children: [
-          /* @__PURE__ */ r.jsx(T, { action: C, children: t(k) }),
-          /* @__PURE__ */ r.jsxs(
-            A,
-            {
-              ref: P,
-              "aria-label": t({
-                id: f("color-picker.toggle.aria-label"),
-                defaultMessage: "Color picker toggle"
-              }),
-              "aria-controls": "color-picker-value",
-              "aria-haspopup": "dialog",
-              "aria-expanded": p,
-              "aria-disabled": i,
-              disabled: i,
-              onClick: () => d(!p),
-              children: [
-                /* @__PURE__ */ r.jsxs(g, { children: [
-                  /* @__PURE__ */ r.jsx(q, { color: u }),
-                  /* @__PURE__ */ r.jsx(
-                    m,
-                    {
-                      style: { textTransform: "uppercase" },
-                      textColor: n ? void 0 : "neutral600",
-                      variant: "omega",
-                      children: u
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r.jsx(M, { "aria-hidden": !0 })
-              ]
-            }
-          ),
-          p && /* @__PURE__ */ r.jsx(
-            G,
-            {
-              onBlur: v,
-              role: "dialog",
-              source: x,
-              spacing: 4,
-              children: /* @__PURE__ */ r.jsxs(F, { onEscape: () => d(!1), children: [
-                /* @__PURE__ */ r.jsx(
-                  z,
-                  {
-                    color: u,
-                    onChange: (s) => h({ target: { name: c, value: s, type: e.type } })
-                  }
-                ),
-                /* @__PURE__ */ r.jsxs(g, { paddingTop: 3, paddingLeft: 4, justifyContent: "flex-end", children: [
-                  /* @__PURE__ */ r.jsx(B, { paddingRight: 2, children: /* @__PURE__ */ r.jsx(m, { variant: "omega", as: "label", textColor: "neutral600", children: t({
-                    id: f("color-picker.input.format"),
-                    defaultMessage: "HEX"
-                  }) }) }),
-                  /* @__PURE__ */ r.jsx(
-                    _,
-                    {
-                      id: "color-picker-value",
-                      "aria-label": t({
-                        id: f("color-picker.input.aria-label"),
-                        defaultMessage: "Color picker input"
-                      }),
-                      style: { textTransform: "uppercase" },
-                      value: n,
-                      placeholder: "#000000",
-                      onChange: h
-                    }
-                  )
-                ] })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ r.jsx(E, {}),
-          /* @__PURE__ */ r.jsx(I, {})
-        ] })
-      }
-    );
-  }
-);
-export {
-  W as ColorPickerInput
-};
-//# sourceMappingURL=ColorPickerInput-3335ebf5.mjs.map

package/dist/_chunks/ColorPickerInput-3335ebf5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerInput-3335ebf5.mjs","sources":["../../admin/src/hooks/useComposeRefs.ts","../../admin/src/components/ColorPickerInput.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]) {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n}\n\n/**\n * Takes multiple React like refs either React.Ref or a callback:\n * (node: T) => void and returns a single function that can be\n * passed to a React component as a ref.\n *\n * Example:\n * ```tsx\n * import { useComposedRefs } from '../hooks/useComposedRefs';\n *\n * const Component = React.forwardRef<HTMLInputElement, ComponentProps>((props, forwardedRef) => {\n *  const ref = useComposedRefs(internalRef, forwardedRef);\n *\n *  React.useEffect(() => {\n *   ref.current.focus();\n *  }, [ref]);\n *\n *  return <input ref={ref} />\n * }\n * ```\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]) {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n","import * as React from 'react';\n\nimport {\n  BaseButton,\n  Box,\n  Field,\n  FieldError,\n  FieldHint,\n  FieldInput,\n  FieldLabel,\n  Flex,\n  FocusTrap,\n  Popover,\n  Typography,\n} from '@strapi/design-system';\nimport { CarretDown } from '@strapi/icons';\nimport { HexColorPicker } from 'react-colorful';\nimport { useIntl, MessageDescriptor } from 'react-intl';\nimport styled from 'styled-components';\n\nimport { useComposedRefs } from '../hooks/useComposeRefs';\nimport { getTrad } from '../utils/getTrad';\n\nconst ColorPreview = styled.div`\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  background-color: ${(props) => props.color};\n  border: 1px solid rgba(0, 0, 0, 0.1);\n`;\n\nconst ColorPicker = styled(HexColorPicker)`\n  && {\n    width: 100%;\n    aspect-ratio: 1.5;\n  }\n\n  .react-colorful__pointer {\n    width: ${({ theme }) => theme.spaces[3]};\n    height: ${({ theme }) => theme.spaces[3]};\n  }\n\n  .react-colorful__saturation {\n    border-radius: ${({ theme }) => theme.spaces[1]};\n    border-bottom: none;\n  }\n\n  .react-colorful__hue {\n    border-radius: 10px;\n    height: ${({ theme }) => theme.spaces[3]};\n    margin-top: ${({ theme }) => theme.spaces[2]};\n  }\n`;\n\nconst ColorPickerToggle = styled(BaseButton)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  svg {\n    width: ${({ theme }) => theme.spaces[2]};\n    height: ${({ theme }) => theme.spaces[2]};\n  }\n\n  svg > path {\n    fill: ${({ theme }) => theme.colors.neutral500};\n    justify-self: flex-end;\n  }\n`;\n\nconst ColorPickerPopover = styled(Popover)`\n  padding: ${({ theme }) => theme.spaces[2]};\n  min-height: 270px;\n`;\n\n/**\n * TODO: A lot of these props should extend `FieldProps`\n */\ninterface ColorPickerInputProps {\n  intlLabel: MessageDescriptor;\n  /**\n   * TODO: this should be extended from `FieldInputProps['onChange']\n   * but that conflicts with it's secondary usage in `HexColorPicker`\n   */\n  onChange: (event: { target: { name: string; value: string; type: string } }) => void;\n  attribute: { type: string; [key: string]: unknown };\n  name: string;\n  description?: MessageDescriptor;\n  disabled?: boolean;\n  error?: string;\n  labelAction?: React.ReactNode;\n  required?: boolean;\n  value?: string;\n}\n\nexport const ColorPickerInput = React.forwardRef<HTMLButtonElement, ColorPickerInputProps>(\n  (\n    {\n      attribute,\n      description,\n      disabled = false,\n      error,\n      intlLabel,\n      labelAction,\n      name,\n      onChange,\n      required = false,\n      value = '',\n    },\n    forwardedRef\n  ) => {\n    const [showColorPicker, setShowColorPicker] = React.useState(false);\n    const colorPickerButtonRef = React.useRef<HTMLButtonElement>(null!);\n    const { formatMessage } = useIntl();\n    const color = value || '#000000';\n\n    const handleBlur: React.FocusEventHandler<HTMLDivElement> = (e) => {\n      e.preventDefault();\n\n      if (!e.currentTarget.contains(e.relatedTarget)) {\n        setShowColorPicker(false);\n      }\n    };\n\n    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);\n\n    return (\n      <Field\n        name={name}\n        id={name}\n        // GenericInput calls formatMessage and returns a string for the error\n        error={error}\n        hint={description && formatMessage(description)}\n        required={required}\n      >\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n          <FieldLabel action={labelAction}>{formatMessage(intlLabel)}</FieldLabel>\n          <ColorPickerToggle\n            ref={composedRefs}\n            aria-label={formatMessage({\n              id: getTrad('color-picker.toggle.aria-label'),\n              defaultMessage: 'Color picker toggle',\n            })}\n            aria-controls=\"color-picker-value\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={showColorPicker}\n            aria-disabled={disabled}\n            disabled={disabled}\n            onClick={() => setShowColorPicker(!showColorPicker)}\n          >\n            <Flex>\n              <ColorPreview color={color} />\n              <Typography\n                style={{ textTransform: 'uppercase' }}\n                textColor={value ? undefined : 'neutral600'}\n                variant=\"omega\"\n              >\n                {color}\n              </Typography>\n            </Flex>\n            <CarretDown aria-hidden />\n          </ColorPickerToggle>\n          {showColorPicker && (\n            <ColorPickerPopover\n              onBlur={handleBlur}\n              role=\"dialog\"\n              source={colorPickerButtonRef}\n              spacing={4}\n            >\n              <FocusTrap onEscape={() => setShowColorPicker(false)}>\n                <ColorPicker\n                  color={color}\n                  onChange={(hexValue) =>\n                    onChange({ target: { name, value: hexValue, type: attribute.type } })\n                  }\n                />\n                <Flex paddingTop={3} paddingLeft={4} justifyContent=\"flex-end\">\n                  <Box paddingRight={2}>\n                    <Typography variant=\"omega\" as=\"label\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: getTrad('color-picker.input.format'),\n                        defaultMessage: 'HEX',\n                      })}\n                    </Typography>\n                  </Box>\n                  <FieldInput\n                    id=\"color-picker-value\"\n                    aria-label={formatMessage({\n                      id: getTrad('color-picker.input.aria-label'),\n                      defaultMessage: 'Color picker input',\n                    })}\n                    style={{ textTransform: 'uppercase' }}\n                    value={value}\n                    placeholder=\"#000000\"\n                    onChange={onChange}\n                  />\n                </Flex>\n              </FocusTrap>\n            </ColorPickerPopover>\n          )}\n          <FieldHint />\n          <FieldError />\n        </Flex>\n      </Field>\n    );\n  }\n);\n"],"names":["setRef","ref","value","composeRefs","refs","node","useComposedRefs","React","ColorPreview","styled","props","ColorPicker","HexColorPicker","theme","ColorPickerToggle","BaseButton","ColorPickerPopover","Popover","ColorPickerInput","attribute","description","disabled","error","intlLabel","labelAction","name","onChange","required","forwardedRef","showColorPicker","setShowColorPicker","colorPickerButtonRef","formatMessage","useIntl","color","handleBlur","e","composedRefs","jsx","Field","Flex","FieldLabel","jsxs","getTrad","Typography","CarretDown","FocusTrap","hexValue","Box","FieldInput","FieldHint","FieldError"],"mappings":"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"}

package/dist/_chunks/cs-67f98136.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"color-picker.description":"Vyberte libovolnou barvu","color-picker.input.aria-label":"Vstup pro výběr barvy","color-picker.input.format":"HEX","color-picker.label":"Barva","color-picker.options.advanced.regex":"RegExp vzor","color-picker.options.advanced.regex.description":"Zadejte regulární výraz pro ověření hodnoty HEX","color-picker.options.advanced.requiredField":"Povinné pole","color-picker.options.advanced.requiredField.description":"Pokud je toto pole prázdné, nebudete moci vytvořit záznam","color-picker.settings":"Nastavení","color-picker.toggle.aria-label":"Přepínač výběru barvy"};exports.default=e;
-//# sourceMappingURL=cs-67f98136.js.map

package/dist/_chunks/cs-67f98136.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cs-67f98136.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_chunks/cs-70e06424.mjs

@@ -1,16 +0,0 @@
-const o = {
-  "color-picker.description": "Vyberte libovolnou barvu",
-  "color-picker.input.aria-label": "Vstup pro výběr barvy",
-  "color-picker.input.format": "HEX",
-  "color-picker.label": "Barva",
-  "color-picker.options.advanced.regex": "RegExp vzor",
-  "color-picker.options.advanced.regex.description": "Zadejte regulární výraz pro ověření hodnoty HEX",
-  "color-picker.options.advanced.requiredField": "Povinné pole",
-  "color-picker.options.advanced.requiredField.description": "Pokud je toto pole prázdné, nebudete moci vytvořit záznam",
-  "color-picker.settings": "Nastavení",
-  "color-picker.toggle.aria-label": "Přepínač výběru barvy"
-};
-export {
-  o as default
-};
-//# sourceMappingURL=cs-70e06424.mjs.map

package/dist/_chunks/cs-70e06424.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"cs-70e06424.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/_chunks/en-096b1095.mjs

@@ -1,19 +0,0 @@
-const e = {
-  "color-picker.description": "Select any color",
-  "color-picker.input.aria-label": "Color picker input",
-  "color-picker.input.format": "HEX",
-  "color-picker.label": "Color",
-  "color-picker.options.advanced.regex": "RegExp pattern",
-  "color-picker.options.advanced.regex.description": "Provide a regular expression to validate the HEX value",
-  "color-picker.options.advanced.requiredField": "Required field",
-  "color-picker.options.advanced.requiredField.description": "You won't be able to create an entry if this field is empty",
-  "color-picker.settings": "Settings",
-  "color-picker.toggle.aria-label": "Color picker toggle",
-  "plugin.description.long": "A Strapi-maintained color picker custom field. Use saturation and hue sliders to select a color and save the value as a HEX string.",
-  "plugin.description.short": "A Strapi-maintained color picker custom field.",
-  "plugin.name": "Color picker"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=en-096b1095.mjs.map

package/dist/_chunks/en-096b1095.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-096b1095.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/en-32ea9fdb.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={"color-picker.description":"Select any color","color-picker.input.aria-label":"Color picker input","color-picker.input.format":"HEX","color-picker.label":"Color","color-picker.options.advanced.regex":"RegExp pattern","color-picker.options.advanced.regex.description":"Provide a regular expression to validate the HEX value","color-picker.options.advanced.requiredField":"Required field","color-picker.options.advanced.requiredField.description":"You won't be able to create an entry if this field is empty","color-picker.settings":"Settings","color-picker.toggle.aria-label":"Color picker toggle","plugin.description.long":"A Strapi-maintained color picker custom field. Use saturation and hue sliders to select a color and save the value as a HEX string.","plugin.description.short":"A Strapi-maintained color picker custom field.","plugin.name":"Color picker"};exports.default=e;
-//# sourceMappingURL=en-32ea9fdb.js.map

package/dist/_chunks/en-32ea9fdb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-32ea9fdb.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}