@strapi/plugin-color-picker 0.0.0-next.d7fa025a4eacdc27490fb1629b0efb93e3cb58b9 → 0.0.0-next.dad3c50630ca4fd9eccdcbe549ee632fc572e23d

package/dist/_chunks/ColorPickerInput-BiwD6BEw.mjs

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button, Popover, useComposedRefs, Field, Flex, Typography, Box } from "@strapi/design-system";
+import { CaretDown } from "@strapi/icons";
+import { useField } from "@strapi/strapi/admin";
+import { HexColorPicker } from "react-colorful";
+import { useIntl } from "react-intl";
+import { styled } from "styled-components";
+import { g as getTrad } from "./index-dnY2u5Dg.mjs";
+const ColorPreview = styled.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(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(Button)`
+  & > span {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  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(Popover.Content)`
+  padding: ${({ theme }) => theme.spaces[2]};
+  min-height: 270px;
+`;
+const ColorPickerInput = React.forwardRef(
+  ({ hint, disabled, labelAction, label, name, required, ...props }, forwardedRef) => {
+    const [showColorPicker, setShowColorPicker] = React.useState(false);
+    const colorPickerButtonRef = React.useRef(null);
+    const { formatMessage } = useIntl();
+    const field = useField(name);
+    const color = field.value ?? "#000000";
+    const composedRefs = useComposedRefs(forwardedRef, colorPickerButtonRef);
+    return /* @__PURE__ */ jsx(Field.Root, { name, id: name, error: field.error, hint, required, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+      /* @__PURE__ */ jsx(Field.Label, { action: labelAction, children: label }),
+      /* @__PURE__ */ jsxs(Popover.Root, { onOpenChange: setShowColorPicker, children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsxs(
+          ColorPickerToggle,
+          {
+            ref: composedRefs,
+            "aria-label": formatMessage({
+              id: 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,
+            variant: "tertiary",
+            size: "L",
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { children: [
+                /* @__PURE__ */ jsx(ColorPreview, { color }),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    style: { textTransform: "uppercase" },
+                    textColor: field.value ? void 0 : "neutral600",
+                    variant: "omega",
+                    children: color
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(CaretDown, { "aria-hidden": true })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(ColorPickerPopover, { sideOffset: 4, children: [
+          /* @__PURE__ */ jsx(ColorPicker, { color, onChange: (hexValue) => field.onChange(name, hexValue) }),
+          /* @__PURE__ */ jsxs(Flex, { paddingTop: 3, paddingLeft: 4, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ jsx(Box, { paddingRight: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", tag: "label", textColor: "neutral600", children: formatMessage({
+              id: getTrad("color-picker.input.format"),
+              defaultMessage: "HEX"
+            }) }) }),
+            /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                "aria-label": formatMessage({
+                  id: getTrad("color-picker.input.aria-label"),
+                  defaultMessage: "Color picker input"
+                }),
+                style: { textTransform: "uppercase" },
+                name,
+                defaultValue: color,
+                placeholder: "#000000",
+                onChange: field.onChange,
+                ...props
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Field.Hint, {}),
+      /* @__PURE__ */ jsx(Field.Error, {})
+    ] }) });
+  }
+);
+export {
+  ColorPickerInput
+};

package/dist/_chunks/ColorPickerInput-gD_Mb6qe.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const reactColorful = require("react-colorful");
+const reactIntl = require("react-intl");
+const styledComponents = require("styled-components");
+const index = require("./index-CNTxZbMN.js");
+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 ColorPreview = styledComponents.styled.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 = styledComponents.styled(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 = styledComponents.styled(designSystem.Button)`
+  & > span {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  svg {
+    width: ${({ theme }) => theme.spaces[2]};
+    height: ${({ theme }) => theme.spaces[2]};
+  }
+
+  svg > path {
+    fill: ${({ theme }) => theme.colors.neutral500};
+    justify-self: flex-end;
+  }
+`;
+const ColorPickerPopover = styledComponents.styled(designSystem.Popover.Content)`
+  padding: ${({ theme }) => theme.spaces[2]};
+  min-height: 270px;
+`;
+const ColorPickerInput = React__namespace.forwardRef(
+  ({ hint, disabled, labelAction, label, name, required, ...props }, forwardedRef) => {
+    const [showColorPicker, setShowColorPicker] = React__namespace.useState(false);
+    const colorPickerButtonRef = React__namespace.useRef(null);
+    const { formatMessage } = reactIntl.useIntl();
+    const field = admin.useField(name);
+    const color = field.value ?? "#000000";
+    const composedRefs = designSystem.useComposedRefs(forwardedRef, colorPickerButtonRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { name, id: name, error: field.error, hint, required, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: labelAction, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { onOpenChange: setShowColorPicker, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          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,
+            variant: "tertiary",
+            size: "L",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ColorPreview, { color }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Typography,
+                  {
+                    style: { textTransform: "uppercase" },
+                    textColor: field.value ? void 0 : "neutral600",
+                    variant: "omega",
+                    children: color
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { "aria-hidden": true })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ColorPickerPopover, { sideOffset: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ColorPicker, { color, onChange: (hexValue) => field.onChange(name, hexValue) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { paddingTop: 3, paddingLeft: 4, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingRight: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", tag: "label", textColor: "neutral600", children: formatMessage({
+              id: index.getTrad("color-picker.input.format"),
+              defaultMessage: "HEX"
+            }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Field.Input,
+              {
+                "aria-label": formatMessage({
+                  id: index.getTrad("color-picker.input.aria-label"),
+                  defaultMessage: "Color picker input"
+                }),
+                style: { textTransform: "uppercase" },
+                name,
+                defaultValue: color,
+                placeholder: "#000000",
+                onChange: field.onChange,
+                ...props
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] }) });
+  }
+);
+exports.ColorPickerInput = ColorPickerInput;

package/dist/_chunks/{cs-4GdZY0p6.js → cs-CKl0OyEH.js}

@@ -13,4 +13,3 @@ const cs = {
   "color-picker.toggle.aria-label": "Přepínač výběru barvy"
 };
 exports.default = cs;
-//# sourceMappingURL=cs-4GdZY0p6.js.map

package/dist/_chunks/{cs-A2xRj-2-.mjs → cs-DMmE6LK7.mjs}

@@ -13,4 +13,3 @@ const cs = {
 export {
   cs as default
 };
-//# sourceMappingURL=cs-A2xRj-2-.mjs.map

package/dist/_chunks/{en-L6ZZWDJv.mjs → en-BlDau3us.mjs}

@@ -16,4 +16,3 @@ const en = {
 export {
   en as default
 };
-//# sourceMappingURL=en-L6ZZWDJv.mjs.map

package/dist/_chunks/{en-WeRHjVEB.js → en-Ct0C5cA2.js}

@@ -16,4 +16,3 @@ const en = {
   "plugin.name": "Color picker"
 };
 exports.default = en;
-//# sourceMappingURL=en-WeRHjVEB.js.map

package/dist/_chunks/{index-OJYEuoCq.js → index-CNTxZbMN.js}

@@ -1,21 +1,25 @@
 "use strict";
-const helperPlugin = require("@strapi/helper-plugin");
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+const styledComponents = require("styled-components");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
-const IconBox = styled__default.default(designSystem.Flex)`
+const IconBox = styledComponents.styled(designSystem.Flex)`
   /* Hard code color values */
   /* to stay consistent between themes */
   background-color: #f0f0ff; /* primary100 */
@@ -26,10 +30,16 @@ const IconBox = styled__default.default(designSystem.Flex)`
   }
 `;
 const ColorPickerIcon = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Paint }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.PaintBrush, {}) });
 };
 const pluginId = "color-picker";
 const getTrad = (id) => `${pluginId}.${id}`;
+const prefixPluginTranslations = (trad, pluginId2) => {
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
 const index = {
   /**
    * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
@@ -50,7 +60,7 @@ const index = {
         defaultMessage: "Select any color"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./ColorPickerInput-0lOoTrf0.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./ColorPickerInput-gD_Mb6qe.js")).then((module2) => ({
           default: module2.ColorPickerInput
         }))
       },
@@ -96,9 +106,9 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-4GdZY0p6.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-WeRHjVEB.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-UXN_ByI9.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-3-Yk9bKb.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-AbD-f8F0.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-c23gv_oM.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CKl0OyEH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Ct0C5cA2.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-Wrg-npZz.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-CKY6es_6.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-DcLzQS-J.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-T5cJzhPD.js")) }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
-            data: helperPlugin.prefixPluginTranslations(data, pluginId),
+            data: prefixPluginTranslations(data, pluginId),
             locale
           };
         }).catch(() => {
@@ -114,4 +124,3 @@ const index = {
 };
 exports.getTrad = getTrad;
 exports.index = index;
-//# sourceMappingURL=index-OJYEuoCq.js.map

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

@@ -1,15 +1,21 @@
-import { prefixPluginTranslations } from "@strapi/helper-plugin";
 import { jsx } from "react/jsx-runtime";
-import { Flex, Icon } from "@strapi/design-system";
-import { Paint } from "@strapi/icons";
-import styled from "styled-components";
-const __variableDynamicImportRuntimeHelper = (glob, path) => {
+import { Flex } from "@strapi/design-system";
+import { PaintBrush } from "@strapi/icons";
+import { styled } from "styled-components";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
     return typeof v === "function" ? v() : Promise.resolve(v);
   }
   return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
   });
 };
 const IconBox = styled(Flex)`
@@ -23,10 +29,16 @@ const IconBox = styled(Flex)`
   }
 `;
 const ColorPickerIcon = () => {
-  return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(Icon, { as: Paint }) });
+  return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(PaintBrush, {}) });
 };
 const pluginId = "color-picker";
 const getTrad = (id) => `${pluginId}.${id}`;
+const prefixPluginTranslations = (trad, pluginId2) => {
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId2}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
 const index = {
   /**
    * TODO: we need to have the type for StrapiApp done from `@strapi/admin` package.
@@ -47,7 +59,7 @@ const index = {
         defaultMessage: "Select any color"
       },
       components: {
-        Input: async () => import("./ColorPickerInput-fKB6YXW8.mjs").then((module) => ({
+        Input: async () => import("./ColorPickerInput-BiwD6BEw.mjs").then((module) => ({
           default: module.ColorPickerInput
         }))
       },
@@ -93,7 +105,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        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 __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => import("./cs-DMmE6LK7.mjs"), "./translations/en.json": () => import("./en-BlDau3us.mjs"), "./translations/ru.json": () => import("./ru-aOnA-eym.mjs"), "./translations/sv.json": () => import("./sv-BaFDND79.mjs"), "./translations/tr.json": () => import("./tr-CHHW_hYI.mjs"), "./translations/zh.json": () => import("./zh-DBH6uCXb.mjs") }), `./translations/${locale}.json`, 3).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, pluginId),
             locale
@@ -113,4 +125,3 @@ export {
   getTrad as g,
   index as i
 };
-//# sourceMappingURL=index-uOrtnJpz.mjs.map

package/dist/_chunks/{ru-UXN_ByI9.js → ru-Wrg-npZz.js}

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

package/dist/_chunks/{ru-LLXYEOwl.mjs → ru-aOnA-eym.mjs}

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

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

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

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

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

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

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

package/dist/_chunks/{tr-AbD-f8F0.js → tr-DcLzQS-J.js}

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

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

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

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

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

package/dist/admin/index.js

@@ -1,9 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-OJYEuoCq.js");
-require("@strapi/helper-plugin");
-require("react/jsx-runtime");
-require("@strapi/design-system");
-require("@strapi/icons");
-require("styled-components");
+const index = require("../_chunks/index-CNTxZbMN.js");
 module.exports = index.index;
-//# sourceMappingURL=index.js.map

package/dist/admin/index.mjs

@@ -1,10 +1,4 @@
-import { i } from "../_chunks/index-uOrtnJpz.mjs";
-import "@strapi/helper-plugin";
-import "react/jsx-runtime";
-import "@strapi/design-system";
-import "@strapi/icons";
-import "styled-components";
+import { i } from "../_chunks/index-dnY2u5Dg.mjs";
 export {
   i as default
 };
-//# sourceMappingURL=index.mjs.map

package/dist/admin/src/components/ColorPickerInput.d.ts

@@ -1,32 +1,7 @@
 import * as React from 'react';
-import { MessageDescriptor } from 'react-intl';
-/**
- * TODO: A lot of these props should extend `FieldProps`
- */
-interface ColorPickerInputProps {
-    intlLabel: MessageDescriptor;
-    /**
-     * TODO: this should be extended from `FieldInputProps['onChange']
-     * but that conflicts with it's secondary usage in `HexColorPicker`
-     */
-    onChange: (event: {
-        target: {
-            name: string;
-            value: string;
-            type: string;
-        };
-    }) => void;
-    attribute: {
-        type: string;
-        [key: string]: unknown;
-    };
-    name: string;
-    description?: MessageDescriptor;
-    disabled?: boolean;
-    error?: string;
+import { type InputProps } from '@strapi/strapi/admin';
+type ColorPickerInputProps = InputProps & {
     labelAction?: React.ReactNode;
-    required?: boolean;
-    value?: string;
-}
+};
 export declare const ColorPickerInput: React.ForwardRefExoticComponent<ColorPickerInputProps & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/admin/src/utils/prefixPluginTranslations.d.ts

@@ -0,0 +1,3 @@
+type TradOptions = Record<string, string>;
+declare const prefixPluginTranslations: (trad: TradOptions, pluginId: string) => TradOptions;
+export { prefixPluginTranslations };

package/dist/server/index.js

@@ -10,4 +10,3 @@ const index = {
   register
 };
 module.exports = index;
-//# sourceMappingURL=index.js.map

package/dist/server/index.mjs

@@ -11,4 +11,3 @@ const index = {
 export {
   index as default
 };
-//# sourceMappingURL=index.mjs.map