@strapi/plugin-color-picker 0.0.0-next.c7c44a121f7abc0c52826a7d310fe4534b8727f0 → 0.0.0-next.c80d4d9b205f7844215758ba333894819685e6c1

package/dist/_chunks/{index-b4858a3b.mjs → index-uOrtnJpz.mjs}

@@ -1,5 +1,5 @@
 import { prefixPluginTranslations } from "@strapi/helper-plugin";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Flex, Icon } from "@strapi/design-system";
 import { Paint } from "@strapi/icons";
 import styled from "styled-components";
@@ -23,15 +23,7 @@ const IconBox = styled(Flex)`
   }
 `;
 const ColorPickerIcon = () => {
-  return /* @__PURE__ */ jsxDEV(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxDEV(Icon, { as: Paint }, void 0, false, {
-    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
-    lineNumber: 19,
-    columnNumber: 7
-  }, globalThis) }, void 0, false, {
-    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerIcon.tsx",
-    lineNumber: 18,
-    columnNumber: 5
-  }, globalThis);
+  return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { as: Paint }) });
 };
 const pluginId = "color-picker";
 const getTrad = (id) => `${pluginId}.${id}`;
@@ -55,10 +47,9 @@ const index = {
         defaultMessage: "Select any color"
       },
       components: {
-        Input: async () => import(
-          /* webpackChunkName: "color-picker-input-component" */
-          "./ColorPickerInput-b9dc2ba1.mjs"
-        ).then((module) => ({ default: module.ColorPickerInput }))
+        Input: async () => import("./ColorPickerInput-fKB6YXW8.mjs").then((module) => ({
+          default: module.ColorPickerInput
+        }))
       },
       options: {
         advanced: [
@@ -102,7 +93,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => import("./cs-32e5b75a.mjs"), "./translations/en.json": () => import("./en-2230584b.mjs"), "./translations/ru.json": () => import("./ru-0bf57448.mjs"), "./translations/sv.json": () => import("./sv-de6a785a.mjs"), "./translations/tr.json": () => import("./tr-4d632eac.mjs"), "./translations/zh.json": () => import("./zh-5ba3e025.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => import("./cs-A2xRj-2-.mjs"), "./translations/en.json": () => import("./en-L6ZZWDJv.mjs"), "./translations/ru.json": () => import("./ru-LLXYEOwl.mjs"), "./translations/sv.json": () => import("./sv-QqRPNQLw.mjs"), "./translations/tr.json": () => import("./tr-qYGSw8gH.mjs"), "./translations/zh.json": () => import("./zh-fPTOIT6s.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -122,4 +113,4 @@ export {
   getTrad as g,
   index as i
 };
-//# sourceMappingURL=index-b4858a3b.mjs.map
+//# sourceMappingURL=index-uOrtnJpz.mjs.map

package/dist/_chunks/index-uOrtnJpz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-uOrtnJpz.mjs","sources":["../../admin/src/components/ColorPickerIcon.tsx","../../admin/src/pluginId.ts","../../admin/src/utils/getTrad.ts","../../admin/src/index.ts"],"sourcesContent":["import { Flex, Icon } from '@strapi/design-system';\nimport { Paint } from '@strapi/icons';\nimport styled from 'styled-components';\n\nconst IconBox = styled(Flex)`\n  /* Hard code color values */\n  /* to stay consistent between themes */\n  background-color: #f0f0ff; /* primary100 */\n  border: 1px solid #d9d8ff; /* primary200 */\n\n  svg > path {\n    fill: #4945ff; /* primary600 */\n  }\n`;\n\nexport const ColorPickerIcon = () => {\n  return (\n    <IconBox justifyContent=\"center\" alignItems=\"center\" width={7} height={6} hasRadius aria-hidden>\n      <Icon as={Paint} />\n    </IconBox>\n  );\n};\n","export const pluginId = 'color-picker';\n","import { pluginId } from '../pluginId';\n\nexport const getTrad = (id: string) => `${pluginId}.${id}`;\n","import { prefixPluginTranslations } from '@strapi/helper-plugin';\n\nimport { ColorPickerIcon } from './components/ColorPickerIcon';\nimport { pluginId } from './pluginId';\nimport { getTrad } from './utils/getTrad';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  /**\n   * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  register(app: any) {\n    app.customFields.register({\n      name: 'color',\n      pluginId: 'color-picker',\n      type: 'string',\n      icon: ColorPickerIcon,\n      intlLabel: {\n        id: getTrad('color-picker.label'),\n        defaultMessage: 'Color',\n      },\n      intlDescription: {\n        id: getTrad('color-picker.description'),\n        defaultMessage: 'Select any color',\n      },\n      components: {\n        Input: async () =>\n          import('./components/ColorPickerInput').then((module) => ({\n            default: module.ColorPickerInput,\n          })),\n      },\n      options: {\n        advanced: [\n          {\n            intlLabel: {\n              id: getTrad('color-picker.options.advanced.regex'),\n              defaultMessage: 'RegExp pattern',\n            },\n            name: 'regex',\n            type: 'text',\n            defaultValue: '^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$',\n            description: {\n              id: getTrad('color-picker.options.advanced.regex.description'),\n              defaultMessage: 'The text of the regular expression',\n            },\n          },\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              {\n                name: 'required',\n                type: 'checkbox',\n                intlLabel: {\n                  id: getTrad('color-picker.options.advanced.requiredField'),\n                  defaultMessage: 'Required field',\n                },\n                description: {\n                  id: getTrad('color-picker.options.advanced.requiredField.description'),\n                  defaultMessage: \"You won't be able to create an entry if this field is empty\",\n                },\n              },\n            ],\n          },\n        ],\n      },\n    });\n  },\n  async registerTrads({ locales }: { locales: string[] }) {\n    const importedTrads = await Promise.all(\n      locales.map((locale) => {\n        return import(`./translations/${locale}.json`)\n          .then(({ default: data }) => {\n            return {\n              data: prefixPluginTranslations(data, pluginId),\n              locale,\n            };\n          })\n          .catch(() => {\n            return {\n              data: {},\n              locale,\n            };\n          });\n      })\n    );\n\n    return Promise.resolve(importedTrads);\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAM,kBAAkB,MAAM;AACnC,6BACG,SAAQ,EAAA,gBAAe,UAAS,YAAW,UAAS,OAAO,GAAG,QAAQ,GAAG,WAAS,MAAC,eAAW,MAC7F,8BAAC,MAAK,EAAA,IAAI,OAAO,EACnB,CAAA;AAEJ;ACrBO,MAAM,WAAW;ACEjB,MAAM,UAAU,CAAC,OAAe,GAAG,QAAQ,IAAI,EAAE;ACKxD,MAAe,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb,SAAS,KAAU;AACjB,QAAI,aAAa,SAAS;AAAA,MACxB,MAAM;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,QACT,IAAI,QAAQ,oBAAoB;AAAA,QAChC,gBAAgB;AAAA,MAClB;AAAA,MACA,iBAAiB;AAAA,QACf,IAAI,QAAQ,0BAA0B;AAAA,QACtC,gBAAgB;AAAA,MAClB;AAAA,MACA,YAAY;AAAA,QACV,OAAO,YACL,OAAO,iCAA+B,EAAE,KAAK,CAAC,YAAY;AAAA,UACxD,SAAS,OAAO;AAAA,QAAA,EAChB;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,UACR;AAAA,YACE,WAAW;AAAA,cACT,IAAI,QAAQ,qCAAqC;AAAA,cACjD,gBAAgB;AAAA,YAClB;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN,cAAc;AAAA,YACd,aAAa;AAAA,cACX,IAAI,QAAQ,iDAAiD;AAAA,cAC7D,gBAAgB;AAAA,YAClB;AAAA,UACF;AAAA,UACA;AAAA,YACE,cAAc;AAAA,cACZ,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAClB;AAAA,YACA,OAAO;AAAA,cACL;AAAA,gBACE,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,WAAW;AAAA,kBACT,IAAI,QAAQ,6CAA6C;AAAA,kBACzD,gBAAgB;AAAA,gBAClB;AAAA,gBACA,aAAa;AAAA,kBACX,IAAI,QAAQ,yDAAyD;AAAA,kBACrE,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EACA,MAAM,cAAc,EAAE,WAAkC;AAChD,UAAA,gBAAgB,MAAM,QAAQ;AAAA,MAClC,QAAQ,IAAI,CAAC,WAAW;AACf,eAAA,qCAA+B,uBAAA,OAAA,EAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,GAAA,0BAAA,MAAA,OAAA,mBAAA,EAAA,CAAA,GAAA,kBAAA,MAAA,OAAA,EACnC,KAAK,CAAC,EAAE,SAAS,WAAW;AACpB,iBAAA;AAAA,YACL,MAAM,yBAAyB,MAAM,QAAQ;AAAA,YAC7C;AAAA,UAAA;AAAA,QACF,CACD,EACA,MAAM,MAAM;AACJ,iBAAA;AAAA,YACL,MAAM,CAAC;AAAA,YACP;AAAA,UAAA;AAAA,QACF,CACD;AAAA,MAAA,CACJ;AAAA,IAAA;AAGI,WAAA,QAAQ,QAAQ,aAAa;AAAA,EACtC;AACF;"}

package/dist/_chunks/{ru-0bf57448.mjs → ru-LLXYEOwl.mjs}

@@ -16,4 +16,4 @@ const ru = {
 export {
   ru as default
 };
-//# sourceMappingURL=ru-0bf57448.mjs.map
+//# sourceMappingURL=ru-LLXYEOwl.mjs.map

package/dist/_chunks/ru-LLXYEOwl.mjs.map

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

package/dist/_chunks/{ru-1d1cf8a8.js → ru-UXN_ByI9.js}

@@ -16,4 +16,4 @@ const ru = {
   "plugin.name": "Выбор цвета"
 };
 exports.default = ru;
-//# sourceMappingURL=ru-1d1cf8a8.js.map
+//# sourceMappingURL=ru-UXN_ByI9.js.map

package/dist/_chunks/ru-UXN_ByI9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-UXN_ByI9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{sv-6e7fa200.js → sv-3-Yk9bKb.js}

@@ -13,4 +13,4 @@ const sv = {
   "color-picker.toggle.aria-label": "Växla färgväljare"
 };
 exports.default = sv;
-//# sourceMappingURL=sv-6e7fa200.js.map
+//# sourceMappingURL=sv-3-Yk9bKb.js.map

package/dist/_chunks/sv-3-Yk9bKb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-3-Yk9bKb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/{sv-de6a785a.mjs → sv-QqRPNQLw.mjs}

@@ -13,4 +13,4 @@ const sv = {
 export {
   sv as default
 };
-//# sourceMappingURL=sv-de6a785a.mjs.map
+//# sourceMappingURL=sv-QqRPNQLw.mjs.map

package/dist/_chunks/sv-QqRPNQLw.mjs.map

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

package/dist/_chunks/{tr-67b6e192.js → tr-AbD-f8F0.js}

@@ -13,4 +13,4 @@ const tr = {
   "color-picker.toggle.aria-label": "Renk seçici anahtarı"
 };
 exports.default = tr;
-//# sourceMappingURL=tr-67b6e192.js.map
+//# sourceMappingURL=tr-AbD-f8F0.js.map

package/dist/_chunks/tr-AbD-f8F0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr-AbD-f8F0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/{tr-4d632eac.mjs → tr-qYGSw8gH.mjs}

@@ -13,4 +13,4 @@ const tr = {
 export {
   tr as default
 };
-//# sourceMappingURL=tr-4d632eac.mjs.map
+//# sourceMappingURL=tr-qYGSw8gH.mjs.map

package/dist/_chunks/tr-qYGSw8gH.mjs.map

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

package/dist/_chunks/{zh-e5010f8b.js → zh-c23gv_oM.js}

@@ -13,4 +13,4 @@ const zh = {
   "color-picker.toggle.aria-label": "選色器開關"
 };
 exports.default = zh;
-//# sourceMappingURL=zh-e5010f8b.js.map
+//# sourceMappingURL=zh-c23gv_oM.js.map

package/dist/_chunks/zh-c23gv_oM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-c23gv_oM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/_chunks/{zh-5ba3e025.mjs → zh-fPTOIT6s.mjs}

@@ -13,4 +13,4 @@ const zh = {
 export {
   zh as default
 };
-//# sourceMappingURL=zh-5ba3e025.mjs.map
+//# sourceMappingURL=zh-fPTOIT6s.mjs.map

package/dist/_chunks/zh-fPTOIT6s.mjs.map

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

package/dist/admin/index.js

@@ -1,7 +1,7 @@
 "use strict";
-const index = require("../_chunks/index-83ab6784.js");
+const index = require("../_chunks/index-OJYEuoCq.js");
 require("@strapi/helper-plugin");
-require("react/jsx-dev-runtime");
+require("react/jsx-runtime");
 require("@strapi/design-system");
 require("@strapi/icons");
 require("styled-components");

package/dist/admin/index.mjs

@@ -1,6 +1,6 @@
-import { i } from "../_chunks/index-b4858a3b.mjs";
+import { i } from "../_chunks/index-uOrtnJpz.mjs";
 import "@strapi/helper-plugin";
-import "react/jsx-dev-runtime";
+import "react/jsx-runtime";
 import "@strapi/design-system";
 import "@strapi/icons";
 import "styled-components";

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/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.c7c44a121f7abc0c52826a7d310fe4534b8727f0",
+  "version": "0.0.0-next.c80d4d9b205f7844215758ba333894819685e6c1",
   "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",
@@ -44,11 +44,7 @@
   "scripts": {
     "build": "strapi plugin:build --force",
     "clean": "run -T rimraf ./dist",
-    "lint": "yarn lint:project && yarn lint:back && yarn lint:front",
-    "lint:back": "run -T eslint ./server -c ./server/.eslintrc.js",
-    "lint:front": "run -T eslint ./admin -c ./admin/.eslintrc.js",
-    "lint:project": "run -T eslint . -c ./.eslintrc.js",
-    "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: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",
@@ -57,18 +53,18 @@
     "watch": "strapi plugin:watch"
   },
   "dependencies": {
-    "@strapi/design-system": "1.13.0",
-    "@strapi/helper-plugin": "0.0.0-next.c7c44a121f7abc0c52826a7d310fe4534b8727f0",
-    "@strapi/icons": "1.13.0",
+    "@strapi/design-system": "1.18.0",
+    "@strapi/helper-plugin": "0.0.0-next.c80d4d9b205f7844215758ba333894819685e6c1",
+    "@strapi/icons": "1.18.0",
     "prop-types": "^15.8.1",
     "react-colorful": "5.6.1",
     "react-intl": "6.4.1"
   },
   "devDependencies": {
-    "@strapi/strapi": "0.0.0-next.c7c44a121f7abc0c52826a7d310fe4534b8727f0",
+    "@strapi/strapi": "0.0.0-next.c80d4d9b205f7844215758ba333894819685e6c1",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
-    "@types/styled-components": "5.1.26",
+    "@types/styled-components": "5.1.32",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "5.3.4",
@@ -79,8 +75,8 @@
     "@strapi/strapi": "^4.4.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": "^5.2.0",
+    "styled-components": "^5.2.1"
   },
   "engines": {
     "node": ">=18.0.0 <=20.x.x",
@@ -92,5 +88,5 @@
     "kind": "plugin",
     "displayName": "Color Picker"
   },
-  "gitHead": "c7c44a121f7abc0c52826a7d310fe4534b8727f0"
+  "gitHead": "c80d4d9b205f7844215758ba333894819685e6c1"
 }

package/dist/_chunks/ColorPickerInput-8c35610d.js

@@ -1,298 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const React = require("react");
-const designSystem = require("@strapi/design-system");
-const icons = require("@strapi/icons");
-const reactColorful = require("react-colorful");
-const reactIntl = require("react-intl");
-const styled = require("styled-components");
-const index = require("./index-83ab6784.js");
-require("@strapi/helper-plugin");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
-}
-function useComposedRefs(...refs) {
-  return React__namespace.useCallback(composeRefs(...refs), refs);
-}
-const ColorPreview = styled__default.default.div`
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  background-color: ${(props) => props.color};
-  border: 1px solid rgba(0, 0, 0, 0.1);
-`;
-const ColorPicker = styled__default.default(reactColorful.HexColorPicker)`
-  && {
-    width: 100%;
-    aspect-ratio: 1.5;
-  }
-
-  .react-colorful__pointer {
-    width: ${({ theme }) => theme.spaces[3]};
-    height: ${({ theme }) => theme.spaces[3]};
-  }
-
-  .react-colorful__saturation {
-    border-radius: ${({ theme }) => theme.spaces[1]};
-    border-bottom: none;
-  }
-
-  .react-colorful__hue {
-    border-radius: 10px;
-    height: ${({ theme }) => theme.spaces[3]};
-    margin-top: ${({ theme }) => theme.spaces[2]};
-  }
-`;
-const ColorPickerToggle = styled__default.default(designSystem.BaseButton)`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  svg {
-    width: ${({ theme }) => theme.spaces[2]};
-    height: ${({ theme }) => theme.spaces[2]};
-  }
-
-  svg > path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-    justify-self: flex-end;
-  }
-`;
-const ColorPickerPopover = styled__default.default(designSystem.Popover)`
-  padding: ${({ theme }) => theme.spaces[2]};
-  min-height: 270px;
-`;
-const ColorPickerInput = React__namespace.forwardRef(
-  ({
-    attribute,
-    description,
-    disabled = false,
-    error,
-    intlLabel,
-    labelAction,
-    name,
-    onChange,
-    required = false,
-    value = ""
-  }, forwardedRef) => {
-    const [showColorPicker, setShowColorPicker] = React__namespace.useState(false);
-    const colorPickerButtonRef = React__namespace.useRef(null);
-    const { formatMessage } = reactIntl.useIntl();
-    const color = value || "#000000";
-    const handleBlur = (e) => {
-      e.preventDefault();
-      if (!e.currentTarget.contains(e.relatedTarget)) {
-        setShowColorPicker(false);
-      }
-    };
-    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);
-    return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-      designSystem.Field,
-      {
-        name,
-        id: name,
-        error,
-        hint: description && formatMessage(description),
-        required,
-        children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.FieldLabel, { action: labelAction, children: formatMessage(intlLabel) }, void 0, false, {
-            fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-            lineNumber: 138,
-            columnNumber: 11
-          }, globalThis),
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-            ColorPickerToggle,
-            {
-              ref: composedRefs,
-              "aria-label": formatMessage({
-                id: index.getTrad("color-picker.toggle.aria-label"),
-                defaultMessage: "Color picker toggle"
-              }),
-              "aria-controls": "color-picker-value",
-              "aria-haspopup": "dialog",
-              "aria-expanded": showColorPicker,
-              "aria-disabled": disabled,
-              disabled,
-              onClick: () => setShowColorPicker(!showColorPicker),
-              children: [
-                /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Flex, { children: [
-                  /* @__PURE__ */ jsxDevRuntime.jsxDEV(ColorPreview, { color }, void 0, false, {
-                    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                    lineNumber: 153,
-                    columnNumber: 15
-                  }, globalThis),
-                  /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-                    designSystem.Typography,
-                    {
-                      style: { textTransform: "uppercase" },
-                      textColor: value ? void 0 : "neutral600",
-                      variant: "omega",
-                      children: color
-                    },
-                    void 0,
-                    false,
-                    {
-                      fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                      lineNumber: 154,
-                      columnNumber: 15
-                    },
-                    globalThis
-                  )
-                ] }, void 0, true, {
-                  fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                  lineNumber: 152,
-                  columnNumber: 13
-                }, globalThis),
-                /* @__PURE__ */ jsxDevRuntime.jsxDEV(icons.CarretDown, { "aria-hidden": true }, void 0, false, {
-                  fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                  lineNumber: 162,
-                  columnNumber: 13
-                }, globalThis)
-              ]
-            },
-            void 0,
-            true,
-            {
-              fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-              lineNumber: 139,
-              columnNumber: 11
-            },
-            globalThis
-          ),
-          showColorPicker && /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-            ColorPickerPopover,
-            {
-              onBlur: handleBlur,
-              role: "dialog",
-              source: colorPickerButtonRef,
-              spacing: 4,
-              children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.FocusTrap, { onEscape: () => setShowColorPicker(false), children: [
-                /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-                  ColorPicker,
-                  {
-                    color,
-                    onChange: (hexValue) => onChange({ target: { name, value: hexValue, type: attribute.type } })
-                  },
-                  void 0,
-                  false,
-                  {
-                    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                    lineNumber: 172,
-                    columnNumber: 17
-                  },
-                  globalThis
-                ),
-                /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Flex, { paddingTop: 3, paddingLeft: 4, justifyContent: "flex-end", children: [
-                  /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Box, { paddingRight: 2, children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.Typography, { variant: "omega", as: "label", textColor: "neutral600", children: formatMessage({
-                    id: index.getTrad("color-picker.input.format"),
-                    defaultMessage: "HEX"
-                  }) }, void 0, false, {
-                    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                    lineNumber: 180,
-                    columnNumber: 21
-                  }, globalThis) }, void 0, false, {
-                    fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                    lineNumber: 179,
-                    columnNumber: 19
-                  }, globalThis),
-                  /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-                    designSystem.FieldInput,
-                    {
-                      id: "color-picker-value",
-                      "aria-label": formatMessage({
-                        id: index.getTrad("color-picker.input.aria-label"),
-                        defaultMessage: "Color picker input"
-                      }),
-                      style: { textTransform: "uppercase" },
-                      value,
-                      placeholder: "#000000",
-                      onChange
-                    },
-                    void 0,
-                    false,
-                    {
-                      fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                      lineNumber: 187,
-                      columnNumber: 19
-                    },
-                    globalThis
-                  )
-                ] }, void 0, true, {
-                  fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                  lineNumber: 178,
-                  columnNumber: 17
-                }, globalThis)
-              ] }, void 0, true, {
-                fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-                lineNumber: 171,
-                columnNumber: 15
-              }, globalThis)
-            },
-            void 0,
-            false,
-            {
-              fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-              lineNumber: 165,
-              columnNumber: 13
-            },
-            globalThis
-          ),
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.FieldHint, {}, void 0, false, {
-            fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-            lineNumber: 202,
-            columnNumber: 11
-          }, globalThis),
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV(designSystem.FieldError, {}, void 0, false, {
-            fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-            lineNumber: 203,
-            columnNumber: 11
-          }, globalThis)
-        ] }, void 0, true, {
-          fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-          lineNumber: 137,
-          columnNumber: 9
-        }, globalThis)
-      },
-      void 0,
-      false,
-      {
-        fileName: "/home/runner/work/strapi/strapi/packages/plugins/color-picker/admin/src/components/ColorPickerInput.tsx",
-        lineNumber: 129,
-        columnNumber: 7
-      },
-      globalThis
-    );
-  }
-);
-exports.ColorPickerInput = ColorPickerInput;
-//# sourceMappingURL=ColorPickerInput-8c35610d.js.map