@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/color-recipes.cjs

@@ -29,6 +29,11 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 const colorRecipes = {
+    '--leaf-color-option-hover': [
+        'text',
+        'surface',
+        9
+    ],
     '--leaf-color-primary-text-80': [
         'primary',
         'text',

package/dist/cjs/browser/modules/color-recipes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-recipes.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../src/color-recipes.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Semantic recipes shared by runtime themes and generated static palettes.\nexport const colorRecipes: Record<string, readonly [string, string, number]> = {\n  '--leaf-color-primary-text-80': ['primary', 'text', 80],\n  '--leaf-color-success-text-80': ['success', 'text', 80],\n  '--leaf-color-warning-text-80': ['warning', 'text', 80],\n  '--leaf-color-danger-text-80': ['danger', 'text', 80],\n  '--leaf-color-info-text-80': ['info', 'text', 80],\n  '--leaf-color-border-alpha-55': ['border', 'alpha', 55],\n  '--leaf-color-border-alpha-60': ['border', 'alpha', 60],\n  '--leaf-color-border-alpha-65': ['border', 'alpha', 65],\n  '--leaf-color-border-alpha-85': ['border', 'alpha', 85],\n  '--leaf-color-border-surface-35': ['border', 'surface', 35],\n  '--leaf-color-border-surface-65': ['border', 'surface', 65],\n  '--leaf-color-border-surface-70': ['border', 'surface', 70],\n  '--leaf-color-border-text-muted-65': ['border', 'text-muted', 65],\n  '--leaf-color-danger-alpha-10': ['danger', 'alpha', 10],\n  '--leaf-color-danger-alpha-11': ['danger', 'alpha', 11],\n  '--leaf-color-danger-alpha-12': ['danger', 'alpha', 12],\n  '--leaf-color-danger-alpha-15': ['danger', 'alpha', 15],\n  '--leaf-color-danger-alpha-18': ['danger', 'alpha', 18],\n  '--leaf-color-danger-alpha-22': ['danger', 'alpha', 22],\n  '--leaf-color-danger-alpha-25': ['danger', 'alpha', 25],\n  '--leaf-color-danger-alpha-42': ['danger', 'alpha', 42],\n  '--leaf-color-danger-alpha-7': ['danger', 'alpha', 7],\n  '--leaf-color-danger-alpha-8': ['danger', 'alpha', 8],\n  '--leaf-color-danger-alpha-9': ['danger', 'alpha', 9],\n  '--leaf-color-danger-border-12': ['danger', 'border', 12],\n  '--leaf-color-danger-border-30': ['danger', 'border', 30],\n  '--leaf-color-danger-surface-4': ['danger', 'surface', 4],\n  '--leaf-color-danger-surface-5': ['danger', 'surface', 5],\n  '--leaf-color-danger-surface-6': ['danger', 'surface', 6],\n  '--leaf-color-danger-surface-8': ['danger', 'surface', 8],\n  '--leaf-color-danger-surface-9': ['danger', 'surface', 9],\n  '--leaf-color-danger-white-97-5': ['danger', 'white', 97.5],\n  '--leaf-color-info-alpha-10': ['info', 'alpha', 10],\n  '--leaf-color-info-alpha-15': ['info', 'alpha', 15],\n  '--leaf-color-info-alpha-22': ['info', 'alpha', 22],\n  '--leaf-color-info-alpha-8': ['info', 'alpha', 8],\n  '--leaf-color-info-alpha-9': ['info', 'alpha', 9],\n  '--leaf-color-info-border-12': ['info', 'border', 12],\n  '--leaf-color-info-surface-5': ['info', 'surface', 5],\n  '--leaf-color-info-surface-8': ['info', 'surface', 8],\n  '--leaf-color-info-surface-9': ['info', 'surface', 9],\n  '--leaf-color-primary-alpha-10': ['primary', 'alpha', 10],\n  '--leaf-color-primary-alpha-11': ['primary', 'alpha', 11],\n  '--leaf-color-primary-alpha-12': ['primary', 'alpha', 12],\n  '--leaf-color-primary-alpha-15': ['primary', 'alpha', 15],\n  '--leaf-color-primary-alpha-16': ['primary', 'alpha', 16],\n  '--leaf-color-primary-alpha-18': ['primary', 'alpha', 18],\n  '--leaf-color-primary-alpha-20': ['primary', 'alpha', 20],\n  '--leaf-color-primary-alpha-22': ['primary', 'alpha', 22],\n  '--leaf-color-primary-alpha-25': ['primary', 'alpha', 25],\n  '--leaf-color-primary-alpha-35': ['primary', 'alpha', 35],\n  '--leaf-color-primary-alpha-4': ['primary', 'alpha', 4],\n  '--leaf-color-primary-alpha-42': ['primary', 'alpha', 42],\n  '--leaf-color-primary-alpha-45': ['primary', 'alpha', 45],\n  '--leaf-color-primary-alpha-55': ['primary', 'alpha', 55],\n  '--leaf-color-primary-alpha-8': ['primary', 'alpha', 8],\n  '--leaf-color-primary-alpha-9': ['primary', 'alpha', 9],\n  '--leaf-color-primary-border-12': ['primary', 'border', 12],\n  '--leaf-color-primary-border-24': ['primary', 'border', 24],\n  '--leaf-color-primary-border-30': ['primary', 'border', 30],\n  '--leaf-color-primary-border-35': ['primary', 'border', 35],\n  '--leaf-color-primary-surface-10': ['primary', 'surface', 10],\n  '--leaf-color-primary-surface-14': ['primary', 'surface', 14],\n  '--leaf-color-primary-surface-28': ['primary', 'surface', 28],\n  '--leaf-color-primary-surface-3': ['primary', 'surface', 3],\n  '--leaf-color-primary-surface-5': ['primary', 'surface', 5],\n  '--leaf-color-primary-surface-6': ['primary', 'surface', 6],\n  '--leaf-color-primary-surface-7': ['primary', 'surface', 7],\n  '--leaf-color-primary-surface-8': ['primary', 'surface', 8],\n  '--leaf-color-primary-surface-9': ['primary', 'surface', 9],\n  '--leaf-color-primary-text-55': ['primary', 'text', 55],\n  '--leaf-color-primary-text-85': ['primary', 'text', 85],\n  '--leaf-color-primary-white-97-5': ['primary', 'white', 97.5],\n  '--leaf-color-success-alpha-10': ['success', 'alpha', 10],\n  '--leaf-color-success-alpha-15': ['success', 'alpha', 15],\n  '--leaf-color-success-alpha-22': ['success', 'alpha', 22],\n  '--leaf-color-success-alpha-8': ['success', 'alpha', 8],\n  '--leaf-color-success-alpha-9': ['success', 'alpha', 9],\n  '--leaf-color-success-border-12': ['success', 'border', 12],\n  '--leaf-color-success-surface-5': ['success', 'surface', 5],\n  '--leaf-color-success-surface-8': ['success', 'surface', 8],\n  '--leaf-color-success-surface-9': ['success', 'surface', 9],\n  '--leaf-color-surface-alpha-55': ['surface', 'alpha', 55],\n  '--leaf-color-surface-alpha-90': ['surface', 'alpha', 90],\n  '--leaf-color-surface-muted-alpha-45': ['surface-muted', 'alpha', 45],\n  '--leaf-color-surface-muted-alpha-50': ['surface-muted', 'alpha', 50],\n  '--leaf-color-surface-muted-border-65': ['surface-muted', 'border', 65],\n  '--leaf-color-surface-muted-border-75': ['surface-muted', 'border', 75],\n  '--leaf-color-surface-text-98': ['surface', 'text', 98],\n  '--leaf-color-text-alpha-10': ['text', 'alpha', 10],\n  '--leaf-color-text-alpha-15': ['text', 'alpha', 15],\n  '--leaf-color-text-alpha-16': ['text', 'alpha', 16],\n  '--leaf-color-text-alpha-18': ['text', 'alpha', 18],\n  '--leaf-color-text-alpha-8': ['text', 'alpha', 8],\n  '--leaf-color-text-alpha-9': ['text', 'alpha', 9],\n  '--leaf-color-text-border-12': ['text', 'border', 12],\n  '--leaf-color-text-muted-alpha-10': ['text-muted', 'alpha', 10],\n  '--leaf-color-text-muted-alpha-22': ['text-muted', 'alpha', 22],\n  '--leaf-color-text-muted-surface-8': ['text-muted', 'surface', 8],\n  '--leaf-color-text-muted-surface-9': ['text-muted', 'surface', 9],\n  '--leaf-color-text-muted-surface-92': ['text-muted', 'surface', 92],\n  '--leaf-color-text-subtle-alpha-9': ['text-subtle', 'alpha', 9],\n  '--leaf-color-text-subtle-surface-muted-38': ['text-subtle', 'surface-muted', 38],\n  '--leaf-color-text-surface-5': ['text', 'surface', 5],\n  '--leaf-color-warning-alpha-10': ['warning', 'alpha', 10],\n  '--leaf-color-warning-alpha-12': ['warning', 'alpha', 12],\n  '--leaf-color-warning-alpha-15': ['warning', 'alpha', 15],\n  '--leaf-color-warning-alpha-16': ['warning', 'alpha', 16],\n  '--leaf-color-warning-alpha-22': ['warning', 'alpha', 22],\n  '--leaf-color-warning-alpha-8': ['warning', 'alpha', 8],\n  '--leaf-color-warning-alpha-9': ['warning', 'alpha', 9],\n  '--leaf-color-warning-border-12': ['warning', 'border', 12],\n  '--leaf-color-warning-border-30': ['warning', 'border', 30],\n  '--leaf-color-warning-surface-11': ['warning', 'surface', 11],\n  '--leaf-color-warning-surface-5': ['warning', 'surface', 5],\n  '--leaf-color-warning-surface-8': ['warning', 'surface', 8],\n  '--leaf-color-warning-surface-9': ['warning', 'surface', 9],\n};\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","colorRecipes"],"mappings":"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"}
+{"version":3,"file":"color-recipes.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../src/color-recipes.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Semantic recipes shared by runtime themes and generated static palettes.\nexport const colorRecipes: Record<string, readonly [string, string, number]> = {\n  '--leaf-color-option-hover': ['text', 'surface', 9],\n  '--leaf-color-primary-text-80': ['primary', 'text', 80],\n  '--leaf-color-success-text-80': ['success', 'text', 80],\n  '--leaf-color-warning-text-80': ['warning', 'text', 80],\n  '--leaf-color-danger-text-80': ['danger', 'text', 80],\n  '--leaf-color-info-text-80': ['info', 'text', 80],\n  '--leaf-color-border-alpha-55': ['border', 'alpha', 55],\n  '--leaf-color-border-alpha-60': ['border', 'alpha', 60],\n  '--leaf-color-border-alpha-65': ['border', 'alpha', 65],\n  '--leaf-color-border-alpha-85': ['border', 'alpha', 85],\n  '--leaf-color-border-surface-35': ['border', 'surface', 35],\n  '--leaf-color-border-surface-65': ['border', 'surface', 65],\n  '--leaf-color-border-surface-70': ['border', 'surface', 70],\n  '--leaf-color-border-text-muted-65': ['border', 'text-muted', 65],\n  '--leaf-color-danger-alpha-10': ['danger', 'alpha', 10],\n  '--leaf-color-danger-alpha-11': ['danger', 'alpha', 11],\n  '--leaf-color-danger-alpha-12': ['danger', 'alpha', 12],\n  '--leaf-color-danger-alpha-15': ['danger', 'alpha', 15],\n  '--leaf-color-danger-alpha-18': ['danger', 'alpha', 18],\n  '--leaf-color-danger-alpha-22': ['danger', 'alpha', 22],\n  '--leaf-color-danger-alpha-25': ['danger', 'alpha', 25],\n  '--leaf-color-danger-alpha-42': ['danger', 'alpha', 42],\n  '--leaf-color-danger-alpha-7': ['danger', 'alpha', 7],\n  '--leaf-color-danger-alpha-8': ['danger', 'alpha', 8],\n  '--leaf-color-danger-alpha-9': ['danger', 'alpha', 9],\n  '--leaf-color-danger-border-12': ['danger', 'border', 12],\n  '--leaf-color-danger-border-30': ['danger', 'border', 30],\n  '--leaf-color-danger-surface-4': ['danger', 'surface', 4],\n  '--leaf-color-danger-surface-5': ['danger', 'surface', 5],\n  '--leaf-color-danger-surface-6': ['danger', 'surface', 6],\n  '--leaf-color-danger-surface-8': ['danger', 'surface', 8],\n  '--leaf-color-danger-surface-9': ['danger', 'surface', 9],\n  '--leaf-color-danger-white-97-5': ['danger', 'white', 97.5],\n  '--leaf-color-info-alpha-10': ['info', 'alpha', 10],\n  '--leaf-color-info-alpha-15': ['info', 'alpha', 15],\n  '--leaf-color-info-alpha-22': ['info', 'alpha', 22],\n  '--leaf-color-info-alpha-8': ['info', 'alpha', 8],\n  '--leaf-color-info-alpha-9': ['info', 'alpha', 9],\n  '--leaf-color-info-border-12': ['info', 'border', 12],\n  '--leaf-color-info-surface-5': ['info', 'surface', 5],\n  '--leaf-color-info-surface-8': ['info', 'surface', 8],\n  '--leaf-color-info-surface-9': ['info', 'surface', 9],\n  '--leaf-color-primary-alpha-10': ['primary', 'alpha', 10],\n  '--leaf-color-primary-alpha-11': ['primary', 'alpha', 11],\n  '--leaf-color-primary-alpha-12': ['primary', 'alpha', 12],\n  '--leaf-color-primary-alpha-15': ['primary', 'alpha', 15],\n  '--leaf-color-primary-alpha-16': ['primary', 'alpha', 16],\n  '--leaf-color-primary-alpha-18': ['primary', 'alpha', 18],\n  '--leaf-color-primary-alpha-20': ['primary', 'alpha', 20],\n  '--leaf-color-primary-alpha-22': ['primary', 'alpha', 22],\n  '--leaf-color-primary-alpha-25': ['primary', 'alpha', 25],\n  '--leaf-color-primary-alpha-35': ['primary', 'alpha', 35],\n  '--leaf-color-primary-alpha-4': ['primary', 'alpha', 4],\n  '--leaf-color-primary-alpha-42': ['primary', 'alpha', 42],\n  '--leaf-color-primary-alpha-45': ['primary', 'alpha', 45],\n  '--leaf-color-primary-alpha-55': ['primary', 'alpha', 55],\n  '--leaf-color-primary-alpha-8': ['primary', 'alpha', 8],\n  '--leaf-color-primary-alpha-9': ['primary', 'alpha', 9],\n  '--leaf-color-primary-border-12': ['primary', 'border', 12],\n  '--leaf-color-primary-border-24': ['primary', 'border', 24],\n  '--leaf-color-primary-border-30': ['primary', 'border', 30],\n  '--leaf-color-primary-border-35': ['primary', 'border', 35],\n  '--leaf-color-primary-surface-10': ['primary', 'surface', 10],\n  '--leaf-color-primary-surface-14': ['primary', 'surface', 14],\n  '--leaf-color-primary-surface-28': ['primary', 'surface', 28],\n  '--leaf-color-primary-surface-3': ['primary', 'surface', 3],\n  '--leaf-color-primary-surface-5': ['primary', 'surface', 5],\n  '--leaf-color-primary-surface-6': ['primary', 'surface', 6],\n  '--leaf-color-primary-surface-7': ['primary', 'surface', 7],\n  '--leaf-color-primary-surface-8': ['primary', 'surface', 8],\n  '--leaf-color-primary-surface-9': ['primary', 'surface', 9],\n  '--leaf-color-primary-text-55': ['primary', 'text', 55],\n  '--leaf-color-primary-text-85': ['primary', 'text', 85],\n  '--leaf-color-primary-white-97-5': ['primary', 'white', 97.5],\n  '--leaf-color-success-alpha-10': ['success', 'alpha', 10],\n  '--leaf-color-success-alpha-15': ['success', 'alpha', 15],\n  '--leaf-color-success-alpha-22': ['success', 'alpha', 22],\n  '--leaf-color-success-alpha-8': ['success', 'alpha', 8],\n  '--leaf-color-success-alpha-9': ['success', 'alpha', 9],\n  '--leaf-color-success-border-12': ['success', 'border', 12],\n  '--leaf-color-success-surface-5': ['success', 'surface', 5],\n  '--leaf-color-success-surface-8': ['success', 'surface', 8],\n  '--leaf-color-success-surface-9': ['success', 'surface', 9],\n  '--leaf-color-surface-alpha-55': ['surface', 'alpha', 55],\n  '--leaf-color-surface-alpha-90': ['surface', 'alpha', 90],\n  '--leaf-color-surface-muted-alpha-45': ['surface-muted', 'alpha', 45],\n  '--leaf-color-surface-muted-alpha-50': ['surface-muted', 'alpha', 50],\n  '--leaf-color-surface-muted-border-65': ['surface-muted', 'border', 65],\n  '--leaf-color-surface-muted-border-75': ['surface-muted', 'border', 75],\n  '--leaf-color-surface-text-98': ['surface', 'text', 98],\n  '--leaf-color-text-alpha-10': ['text', 'alpha', 10],\n  '--leaf-color-text-alpha-15': ['text', 'alpha', 15],\n  '--leaf-color-text-alpha-16': ['text', 'alpha', 16],\n  '--leaf-color-text-alpha-18': ['text', 'alpha', 18],\n  '--leaf-color-text-alpha-8': ['text', 'alpha', 8],\n  '--leaf-color-text-alpha-9': ['text', 'alpha', 9],\n  '--leaf-color-text-border-12': ['text', 'border', 12],\n  '--leaf-color-text-muted-alpha-10': ['text-muted', 'alpha', 10],\n  '--leaf-color-text-muted-alpha-22': ['text-muted', 'alpha', 22],\n  '--leaf-color-text-muted-surface-8': ['text-muted', 'surface', 8],\n  '--leaf-color-text-muted-surface-9': ['text-muted', 'surface', 9],\n  '--leaf-color-text-muted-surface-92': ['text-muted', 'surface', 92],\n  '--leaf-color-text-subtle-alpha-9': ['text-subtle', 'alpha', 9],\n  '--leaf-color-text-subtle-surface-muted-38': ['text-subtle', 'surface-muted', 38],\n  '--leaf-color-text-surface-5': ['text', 'surface', 5],\n  '--leaf-color-warning-alpha-10': ['warning', 'alpha', 10],\n  '--leaf-color-warning-alpha-12': ['warning', 'alpha', 12],\n  '--leaf-color-warning-alpha-15': ['warning', 'alpha', 15],\n  '--leaf-color-warning-alpha-16': ['warning', 'alpha', 16],\n  '--leaf-color-warning-alpha-22': ['warning', 'alpha', 22],\n  '--leaf-color-warning-alpha-8': ['warning', 'alpha', 8],\n  '--leaf-color-warning-alpha-9': ['warning', 'alpha', 9],\n  '--leaf-color-warning-border-12': ['warning', 'border', 12],\n  '--leaf-color-warning-border-30': ['warning', 'border', 30],\n  '--leaf-color-warning-surface-11': ['warning', 'surface', 11],\n  '--leaf-color-warning-surface-5': ['warning', 'surface', 5],\n  '--leaf-color-warning-surface-8': ['warning', 'surface', 8],\n  '--leaf-color-warning-surface-9': ['warning', 'surface', 9],\n};\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","colorRecipes"],"mappings":"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"}

package/dist/cjs/browser/modules/colorpicker/colorpicker.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/colorpicker.css');
 var __webpack_require__ = {};
 (()=>{
@@ -37,6 +38,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tinycolor_namespaceObject = require("@ctrl/tinycolor");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
@@ -158,7 +160,18 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                 style: style,
                 "data-status": status,
                 "data-disabled": disabled || void 0,
+                "data-readonly": readOnly || void 0,
                 "data-open": open || void 0,
+                onMouseDown: (event)=>{
+                    if (!disabled && event.target === event.currentTarget) event.preventDefault();
+                },
+                onClick: (event)=>{
+                    if (disabled || event.defaultPrevented || event.target !== event.currentTarget) return;
+                    event.preventDefault();
+                    event.stopPropagation();
+                    trigger.current?.focus();
+                    trigger.current?.click();
+                },
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                         ...props,
@@ -168,7 +181,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                         id: props.id ?? field?.id,
                         className: "leaf-color-picker__trigger",
                         disabled: disabled,
-                        "aria-label": label ?? (field?.labelId ? void 0 : messages.color),
+                        "aria-label": label ?? (field?.labelId ? void 0 : messages.colorPicker.label),
                         "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
                         "aria-describedby": [
                             props['aria-describedby'],
@@ -194,14 +207,14 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                             }),
                             showText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: "leaf-color-picker__text",
-                                children: 'function' == typeof showText ? showText(display) : display || messages.color
+                                children: 'function' == typeof showText ? showText(display) : display || messages.colorPicker.label
                             })
                         ]
                     }),
                     clearable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                         type: "button",
                         className: "leaf-color-picker__clear",
-                        "aria-label": messages.clearColor,
+                        "aria-label": messages.colorPicker.clear,
                         onClick: ()=>{
                             setCurrent('');
                             onChange?.('');
@@ -230,7 +243,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                 className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-color-picker__panel', popupClassName),
                 id: id,
                 role: "dialog",
-                "aria-label": messages.color,
+                "aria-label": messages.colorPicker.label,
                 width: popupWidth,
                 style: popupStyle,
                 render: popupRender,
@@ -240,11 +253,11 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                         role: "slider",
                         tabIndex: 0,
-                        "aria-label": `${messages.saturation} / ${messages.brightness}`,
+                        "aria-label": `${messages.colorPicker.saturation} / ${messages.colorPicker.brightness}`,
                         "aria-valuemin": 0,
                         "aria-valuemax": 100,
                         "aria-valuenow": Math.round(100 * activeHsv.s),
-                        "aria-valuetext": `${messages.saturation} ${Math.round(100 * activeHsv.s)}%, ${messages.brightness} ${Math.round(100 * activeHsv.v)}%`,
+                        "aria-valuetext": `${messages.colorPicker.saturation} ${Math.round(100 * activeHsv.s)}%, ${messages.colorPicker.brightness} ${Math.round(100 * activeHsv.v)}%`,
                         className: "leaf-color-picker__area",
                         style: {
                             backgroundImage: gradient ? `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})` : void 0,
@@ -296,7 +309,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                                         min: 0,
                                         max: 359,
                                         value: Math.round(activeHsv.h),
-                                        "aria-label": messages.hue,
+                                        "aria-label": messages.colorPicker.hue,
                                         onChange: (event)=>change({
                                                 ...activeHsv,
                                                 h: Number(event.target.value)
@@ -310,7 +323,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                                         min: 0,
                                         max: 100,
                                         value: Math.round(100 * activeHsv.a),
-                                        "aria-label": messages.alpha,
+                                        "aria-label": messages.colorPicker.alpha,
                                         style: {
                                             '--leaf-alpha-color': opaqueColor
                                         },
@@ -327,7 +340,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
                         className: "leaf-color-picker__formats",
-                        "aria-label": messages.colorValue,
+                        "aria-label": messages.colorPicker.value,
                         children: [
                             'hex',
                             'rgb',
@@ -344,7 +357,7 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
                         className: "leaf-color-picker__input",
-                        "aria-label": messages.colorValue,
+                        "aria-label": messages.colorPicker.value,
                         "aria-invalid": invalid || void 0,
                         "aria-describedby": invalid ? `${id}-error` : void 0,
                         value: input,
@@ -363,11 +376,11 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
                     invalid && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                         className: "leaf-color-picker__error",
                         id: `${id}-error`,
-                        children: messages.invalidColor
+                        children: messages.colorPicker.invalid
                     }),
                     (presets ?? [
                         {
-                            label: messages.presets,
+                            label: messages.colorPicker.presets,
                             colors: [
                                 '#20834a',
                                 '#13a8a8',
@@ -412,7 +425,8 @@ function SolidColorPicker({ value, defaultValue = '#20834a', onChange, onChangeC
         ]
     });
 }
-function ColorPicker(props) {
+function ColorPicker(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ColorPicker', rawProps);
     return 'gradient' === props.mode || props.gradient ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_gradient_cjs_namespaceObject.GradientColorPicker, {
         ...props
     }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SolidColorPicker, {

package/dist/cjs/browser/modules/colorpicker/colorpicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorpicker/colorpicker.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/colorpicker/colorpicker.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { TinyColor } from '@ctrl/tinycolor';\nimport { Check, X } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { GradientColorPicker } from './gradient';\n\nexport interface ColorPreset {\n  label: ReactNode;\n  colors: readonly string[];\n}\nexport interface ColorPickerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onChange'>,\n    PopupOptions {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (color: string) => void;\n  onChangeComplete?: (color: string) => void;\n  format?: 'hex' | 'rgb' | 'hsl';\n  defaultFormat?: 'hex' | 'rgb' | 'hsl';\n  onFormatChange?: (format: 'hex' | 'rgb' | 'hsl') => void;\n  disableAlpha?: boolean;\n  showText?: boolean | ((color: string) => ReactNode);\n  allowClear?: boolean;\n  presets?: readonly ColorPreset[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  required?: boolean;\n  readOnly?: boolean;\n  popupWidth?: number | string;\n  onOpenChange?: (open: boolean) => void;\n  gradient?: boolean;\n  mode?: 'solid' | 'gradient';\n  open?: boolean;\n  defaultOpen?: boolean;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  popupRender?: (content: ReactNode) => ReactNode;\n  getPopupContainer?: () => Element | DocumentFragment;\n}\ntype HSV = { h: number; s: number; v: number; a: number };\nconst clamp = (value: number) => Math.min(1, Math.max(0, value));\nexport function SolidColorPicker({\n  value,\n  defaultValue = '#20834a',\n  onChange,\n  onChangeComplete,\n  format: formatProp,\n  defaultFormat = 'hex',\n  onFormatChange,\n  disableAlpha = false,\n  showText = false,\n  allowClear = false,\n  presets,\n  size = 'md',\n  status: statusProp,\n  required: requiredProp,\n  popupWidth = 280,\n  onOpenChange,\n  gradient = false,\n  mode: _mode,\n  open: controlledOpen,\n  defaultOpen,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  popupPlacement,\n  getPopupContainer,\n  readOnly,\n  disabled: disabledProp,\n  name,\n  form,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: ColorPickerProps) {\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLSpanElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internalFormat, setFormat] = useState(defaultFormat);\n  const format = formatProp ?? internalFormat;\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const id = `${useId()}-color`;\n  const color = new TinyColor(current || '#20834a');\n  const hsv = color.isValid ? color.toHsv() : new TinyColor('#20834a').toHsv();\n  const [rememberedHue, setRememberedHue] = useState(hsv.h);\n  const [coordinates, setCoordinates] = useState<{ value: string; hsv: HSV }>();\n  const activeHsv = {\n    ...(coordinates && new TinyColor(coordinates.value).toHex8String() === color.toHex8String()\n      ? coordinates.hsv\n      : { ...hsv, h: hsv.s === 0 || hsv.v === 0 ? rememberedHue : hsv.h }),\n    a: disableAlpha ? 1 : hsv.a,\n  };\n  const serialize = (next: TinyColor) => {\n    const normalized = disableAlpha ? next.setAlpha(1) : next;\n    return format === 'rgb'\n      ? normalized.toRgbString()\n      : format === 'hsl'\n        ? normalized.toHslString()\n        : normalized.getAlpha() < 1\n          ? normalized.toHex8String()\n          : normalized.toHexString();\n  };\n  const display = current ? serialize(new TinyColor(activeHsv)) : '';\n  const [input, setInput] = useState(display);\n  const [invalid, setInvalid] = useState(false);\n  const latest = useRef(display);\n  useEffect(() => {\n    setInput(display);\n    setInvalid(false);\n  }, [display]);\n  const close = () => {\n    setOpen(false);\n    setInput(display);\n    setInvalid(false);\n  };\n  useFloatingDismiss(open, close, trigger, panel, root);\n  const change = (next: HSV, complete = false) => {\n    if (disabled || readOnly) return;\n    setRememberedHue(next.h);\n    const result = serialize(new TinyColor(next));\n    setCoordinates({ value: result, hsv: { ...next, a: disableAlpha ? 1 : next.a } });\n    latest.current = result;\n    setCurrent(result);\n    setInput(result);\n    setInvalid(false);\n    if (result !== current) onChange?.(result);\n    if (complete) onChangeComplete?.(result);\n  };\n  const chooseText = () => {\n    if (input === display) return;\n    const next = new TinyColor(input);\n    if (!next.isValid) {\n      setInvalid(true);\n      return;\n    }\n    change(next.toHsv(), true);\n  };\n  const areaChange = (event: PointerEvent<HTMLDivElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    if (!rect.width || !rect.height) return;\n    change({\n      ...activeHsv,\n      s: clamp((event.clientX - rect.left) / rect.width),\n      v: clamp(1 - (event.clientY - rect.top) / rect.height),\n    });\n  };\n  const areaKey = (event: KeyboardEvent<HTMLDivElement>) => {\n    const step = event.shiftKey ? 0.1 : 0.01;\n    const next = { ...activeHsv };\n    if (event.key === 'ArrowLeft') next.s = clamp(next.s - step);\n    else if (event.key === 'ArrowRight') next.s = clamp(next.s + step);\n    else if (event.key === 'ArrowUp') next.v = clamp(next.v + step);\n    else if (event.key === 'ArrowDown') next.v = clamp(next.v - step);\n    else if (event.key === 'Home') next.s = 0;\n    else if (event.key === 'End') next.s = 1;\n    else return;\n    event.preventDefault();\n    change(next, true);\n  };\n  const previewColor = current ? new TinyColor(activeHsv).toRgbString() : 'transparent';\n  const hueColor = new TinyColor({ h: activeHsv.h, s: 1, v: 1 }).toHexString();\n  const opaqueColor = new TinyColor({ ...activeHsv, a: 1 }).toRgbString();\n  const clearable = allowClear && Boolean(current) && !disabled && !readOnly;\n  return (\n    <>\n      <span\n        ref={root}\n        className={classes('leaf-color-picker', `leaf-color-picker--${size}`, className)}\n        style={style}\n        data-status={status}\n        data-disabled={disabled || undefined}\n        data-open={open || undefined}\n      >\n        <button\n          {...props}\n          ref={trigger}\n          type={props.type ?? 'button'}\n          form={form}\n          id={props.id ?? field?.id}\n          className=\"leaf-color-picker__trigger\"\n          disabled={disabled}\n          aria-label={label ?? (field?.labelId ? undefined : messages.color)}\n          aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={status === 'error' || props['aria-invalid']}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-controls={open ? id : undefined}\n          onClick={(event) => {\n            props.onClick?.(event);\n            if (!event.defaultPrevented) setOpen(!open);\n          }}\n        >\n          <span className=\"leaf-color-picker__swatch\" aria-hidden=\"true\">\n            <i style={{ background: previewColor }} />\n          </span>\n          {showText && (\n            <span className=\"leaf-color-picker__text\">\n              {typeof showText === 'function' ? showText(display) : display || messages.color}\n            </span>\n          )}\n        </button>\n        {clearable && (\n          <button\n            type=\"button\"\n            className=\"leaf-color-picker__clear\"\n            aria-label={messages.clearColor}\n            onClick={() => {\n              setCurrent('');\n              onChange?.('');\n              onChangeComplete?.('');\n              trigger.current?.focus();\n            }}\n          >\n            <X size={14} aria-hidden=\"true\" />\n          </button>\n        )}\n        <FormValue\n          value={current}\n          name={name}\n          form={form}\n          disabled={disabled}\n          required={required}\n          triggerRef={trigger}\n        />\n      </span>\n      <FloatingPanel\n        open={open}\n        triggerRef={trigger}\n        panelRef={panel}\n        className={classes('leaf-floating', 'leaf-color-picker__panel', popupClassName)}\n        id={id}\n        role=\"dialog\"\n        aria-label={messages.color}\n        width={popupWidth}\n        style={popupStyle}\n        render={popupRender}\n        placement={popupPlacement}\n        container={getPopupContainer}\n      >\n        <div\n          role=\"slider\"\n          tabIndex={0}\n          aria-label={`${messages.saturation} / ${messages.brightness}`}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={Math.round(activeHsv.s * 100)}\n          aria-valuetext={`${messages.saturation} ${Math.round(activeHsv.s * 100)}%, ${messages.brightness} ${Math.round(activeHsv.v * 100)}%`}\n          className=\"leaf-color-picker__area\"\n          style={{\n            backgroundImage: gradient\n              ? `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})`\n              : undefined,\n            backgroundColor: hueColor,\n          }}\n          onKeyDown={areaKey}\n          onPointerDown={(event) => {\n            if (event.button !== 0) return;\n            event.preventDefault();\n            event.currentTarget.focus();\n            event.currentTarget.setPointerCapture(event.pointerId);\n            areaChange(event);\n          }}\n          onPointerMove={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) areaChange(event);\n          }}\n          onPointerUp={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n              event.currentTarget.releasePointerCapture(event.pointerId);\n              onChangeComplete?.(latest.current);\n            }\n          }}\n        >\n          <span\n            className=\"leaf-color-picker__handle\"\n            style={{\n              left: `${activeHsv.s * 100}%`,\n              top: `${(1 - activeHsv.v) * 100}%`,\n              background: opaqueColor,\n            }}\n          />\n        </div>\n        <div className=\"leaf-color-picker__sliders\">\n          <span\n            className=\"leaf-color-picker__swatch leaf-color-picker__swatch--large\"\n            aria-hidden=\"true\"\n          >\n            <i style={{ background: previewColor }} />\n          </span>\n          <div>\n            <input\n              type=\"range\"\n              className=\"leaf-color-picker__hue\"\n              min={0}\n              max={359}\n              value={Math.round(activeHsv.h)}\n              aria-label={messages.hue}\n              onChange={(event) => change({ ...activeHsv, h: Number(event.target.value) })}\n              onPointerUp={() => onChangeComplete?.(latest.current)}\n              onKeyUp={() => onChangeComplete?.(latest.current)}\n            />\n            {!disableAlpha && (\n              <input\n                type=\"range\"\n                className=\"leaf-color-picker__alpha\"\n                min={0}\n                max={100}\n                value={Math.round(activeHsv.a * 100)}\n                aria-label={messages.alpha}\n                style={{ '--leaf-alpha-color': opaqueColor } as CSSProperties}\n                onChange={(event) => change({ ...activeHsv, a: Number(event.target.value) / 100 })}\n                onPointerUp={() => onChangeComplete?.(latest.current)}\n                onKeyUp={() => onChangeComplete?.(latest.current)}\n              />\n            )}\n          </div>\n        </div>\n        <fieldset className=\"leaf-color-picker__formats\" aria-label={messages.colorValue}>\n          {(['hex', 'rgb', 'hsl'] as const).map((next) => (\n            <button\n              type=\"button\"\n              key={next}\n              aria-pressed={format === next}\n              onClick={() => {\n                if (formatProp === undefined) setFormat(next);\n                onFormatChange?.(next);\n              }}\n            >\n              {next.toUpperCase()}\n            </button>\n          ))}\n        </fieldset>\n        <input\n          className=\"leaf-color-picker__input\"\n          aria-label={messages.colorValue}\n          aria-invalid={invalid || undefined}\n          aria-describedby={invalid ? `${id}-error` : undefined}\n          value={input}\n          onChange={(event) => {\n            setInput(event.target.value);\n            setInvalid(false);\n          }}\n          onBlur={chooseText}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n              chooseText();\n            }\n          }}\n        />\n        {invalid && (\n          <span className=\"leaf-color-picker__error\" id={`${id}-error`}>\n            {messages.invalidColor}\n          </span>\n        )}\n        {(\n          presets ?? [\n            {\n              label: messages.presets,\n              colors: [\n                '#20834a',\n                '#13a8a8',\n                '#1677ff',\n                '#7654c6',\n                '#ffc53d',\n                '#f49b23',\n                '#ef5350',\n                '#203329',\n              ],\n            },\n          ]\n        ).map((group, index) => (\n          // biome-ignore lint/suspicious/noArrayIndexKey: Preset groups are static descriptions supplied by the consumer.\n          <div className=\"leaf-color-picker__presets\" key={index}>\n            <div className=\"leaf-color-picker__preset-label\">{group.label}</div>\n            <div>\n              {[...new Set(group.colors)].map((preset) => (\n                <button\n                  type=\"button\"\n                  key={preset}\n                  className=\"leaf-color-picker__preset\"\n                  aria-label={preset}\n                  aria-pressed={\n                    new TinyColor(preset).toHex8String() === new TinyColor(activeHsv).toHex8String()\n                  }\n                  style={{\n                    background: preset,\n                    color: new TinyColor(preset).isLight() ? '#203329' : '#fff',\n                  }}\n                  onClick={() => change(new TinyColor(preset).toHsv(), true)}\n                >\n                  {new TinyColor(preset).toHex8String() ===\n                    new TinyColor(activeHsv).toHex8String() && (\n                    <Check size={12} aria-hidden=\"true\" />\n                  )}\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function ColorPicker(props: ColorPickerProps) {\n  return props.mode === 'gradient' || props.gradient ? (\n    <GradientColorPicker {...props} />\n  ) : (\n    <SolidColorPicker {...props} />\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","clamp","value","Math","SolidColorPicker","defaultValue","onChange","onChangeComplete","formatProp","defaultFormat","onFormatChange","disableAlpha","showText","allowClear","presets","size","statusProp","requiredProp","popupWidth","onOpenChange","gradient","_mode","controlledOpen","defaultOpen","popupClassName","popupStyle","popupRender","popupPlacement","getPopupContainer","readOnly","disabledProp","name","form","className","style","label","props","messages","useLeafConfig","field","useFormField","disabled","required","status","undefined","trigger","useRef","root","panel","current","setCurrent","useFieldValue","internalFormat","setFormat","useState","format","open","setOpen","usePopupState","id","useId","color","TinyColor","hsv","rememberedHue","setRememberedHue","coordinates","setCoordinates","activeHsv","serialize","next","normalized","display","input","setInput","invalid","setInvalid","latest","useEffect","close","useFloatingDismiss","change","complete","result","chooseText","areaChange","event","rect","areaKey","step","previewColor","hueColor","opaqueColor","clearable","Boolean","classes","X","FormValue","FloatingPanel","Number","group","index","Set","preset","Check","ColorPicker","GradientColorPicker"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;;;;;;ACsDA,MAAMI,QAAQ,CAACC,QAAkBC,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAGD;AAClD,SAASE,iBAAiB,EAC/BF,KAAK,EACLG,eAAe,SAAS,EACxBC,QAAQ,EACRC,gBAAgB,EAChB,QAAQC,UAAU,EAClBC,gBAAgB,KAAK,EACrBC,cAAc,EACdC,eAAe,KAAK,EACpBC,WAAW,KAAK,EAChBC,aAAa,KAAK,EAClBC,OAAO,EACPC,OAAO,IAAI,EACX,QAAQC,UAAU,EAClB,UAAUC,YAAY,EACtBC,aAAa,GAAG,EAChBC,YAAY,EACZC,WAAW,KAAK,EAChB,MAAMC,KAAK,EACX,MAAMC,cAAc,EACpBC,WAAW,EACXC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,cAAc,EACdC,iBAAiB,EACjBC,QAAQ,EACR,UAAUC,YAAY,EACtBC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,KAAK,EACL,cAAcC,KAAK,EACnB,GAAGC,OACc;IACjB,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,WAAWX,gBAAgBS,OAAO;IACxC,MAAMG,WAAWzB,gBAAgBsB,OAAO;IACxC,MAAMI,SAAS3B,cAAeuB,CAAAA,OAAO,QAAQ,UAAUK,MAAQ;IAC/D,MAAMC,UAAUC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAA0B;IAC1C,MAAMC,OAAOD,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAwB;IACrC,MAAME,QAAQF,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACrC,MAAM,CAACG,SAASC,WAAW,GAAGC,AAAAA,IAAAA,0BAAAA,aAAAA,AAAAA,EAAcjD,OAAOG,cAAcwC,SAASb;IAC1E,MAAM,CAACoB,gBAAgBC,UAAU,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS7C;IAC7C,MAAM8C,SAAS/C,cAAc4C;IAC7B,MAAM,CAACI,MAAMC,QAAQ,GAAGC,AAAAA,IAAAA,6BAAAA,aAAAA,AAAAA,EACtBjB,YAAYZ,UACZV,cACAG,gBACAC;IAEF,MAAMoC,KAAK,GAAGC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA,IAAQ,MAAM,CAAC;IAC7B,MAAMC,QAAQ,IAAIC,0BAAAA,SAASA,CAACb,WAAW;IACvC,MAAMc,MAAMF,MAAM,OAAO,GAAGA,MAAM,KAAK,KAAK,IAAIC,0BAAAA,SAASA,CAAC,WAAW,KAAK;IAC1E,MAAM,CAACE,eAAeC,iBAAiB,GAAGX,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASS,IAAI,CAAC;IACxD,MAAM,CAACG,aAAaC,eAAe,GAAGb,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA;IACtC,MAAMc,YAAY;QAChB,GAAIF,eAAe,IAAIJ,0BAAAA,SAASA,CAACI,YAAY,KAAK,EAAE,YAAY,OAAOL,MAAM,YAAY,KACrFK,YAAY,GAAG,GACf;YAAE,GAAGH,GAAG;YAAE,GAAGA,AAAU,MAAVA,IAAI,CAAC,IAAUA,AAAU,MAAVA,IAAI,CAAC,GAASC,gBAAgBD,IAAI,CAAC;QAAC,CAAC;QACrE,GAAGpD,eAAe,IAAIoD,IAAI,CAAC;IAC7B;IACA,MAAMM,YAAY,CAACC;QACjB,MAAMC,aAAa5D,eAAe2D,KAAK,QAAQ,CAAC,KAAKA;QACrD,OAAOf,AAAW,UAAXA,SACHgB,WAAW,WAAW,KACtBhB,AAAW,UAAXA,SACEgB,WAAW,WAAW,KACtBA,WAAW,QAAQ,KAAK,IACtBA,WAAW,YAAY,KACvBA,WAAW,WAAW;IAChC;IACA,MAAMC,UAAUvB,UAAUoB,UAAU,IAAIP,0BAAAA,SAASA,CAACM,cAAc;IAChE,MAAM,CAACK,OAAOC,SAAS,GAAGpB,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASkB;IACnC,MAAM,CAACG,SAASC,WAAW,GAAGtB,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS;IACvC,MAAMuB,SAAS/B,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO0B;IACtBM,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACRJ,SAASF;QACTI,WAAW;IACb,GAAG;QAACJ;KAAQ;IACZ,MAAMO,QAAQ;QACZtB,QAAQ;QACRiB,SAASF;QACTI,WAAW;IACb;IACAI,IAAAA,6BAAAA,kBAAAA,AAAAA,EAAmBxB,MAAMuB,OAAOlC,SAASG,OAAOD;IAChD,MAAMkC,SAAS,CAACX,MAAWY,WAAW,KAAK;QACzC,IAAIzC,YAAYZ,UAAU;QAC1BoC,iBAAiBK,KAAK,CAAC;QACvB,MAAMa,SAASd,UAAU,IAAIP,0BAAAA,SAASA,CAACQ;QACvCH,eAAe;YAAE,OAAOgB;YAAQ,KAAK;gBAAE,GAAGb,IAAI;gBAAE,GAAG3D,eAAe,IAAI2D,KAAK,CAAC;YAAC;QAAE;QAC/EO,OAAO,OAAO,GAAGM;QACjBjC,WAAWiC;QACXT,SAASS;QACTP,WAAW;QACX,IAAIO,WAAWlC,SAAS3C,WAAW6E;QACnC,IAAID,UAAU3E,mBAAmB4E;IACnC;IACA,MAAMC,aAAa;QACjB,IAAIX,UAAUD,SAAS;QACvB,MAAMF,OAAO,IAAIR,0BAAAA,SAASA,CAACW;QAC3B,IAAI,CAACH,KAAK,OAAO,EAAE,YACjBM,WAAW;QAGbK,OAAOX,KAAK,KAAK,IAAI;IACvB;IACA,MAAMe,aAAa,CAACC;QAClB,MAAMC,OAAOD,MAAM,aAAa,CAAC,qBAAqB;QACtD,IAAI,CAACC,KAAK,KAAK,IAAI,CAACA,KAAK,MAAM,EAAE;QACjCN,OAAO;YACL,GAAGb,SAAS;YACZ,GAAGnE,MAAOqF,AAAAA,CAAAA,MAAM,OAAO,GAAGC,KAAK,IAAG,IAAKA,KAAK,KAAK;YACjD,GAAGtF,MAAM,IAAKqF,AAAAA,CAAAA,MAAM,OAAO,GAAGC,KAAK,GAAE,IAAKA,KAAK,MAAM;QACvD;IACF;IACA,MAAMC,UAAU,CAACF;QACf,MAAMG,OAAOH,MAAM,QAAQ,GAAG,MAAM;QACpC,MAAMhB,OAAO;YAAE,GAAGF,SAAS;QAAC;QAC5B,IAAIkB,AAAc,gBAAdA,MAAM,GAAG,EAAkBhB,KAAK,CAAC,GAAGrE,MAAMqE,KAAK,CAAC,GAAGmB;aAClD,IAAIH,AAAc,iBAAdA,MAAM,GAAG,EAAmBhB,KAAK,CAAC,GAAGrE,MAAMqE,KAAK,CAAC,GAAGmB;aACxD,IAAIH,AAAc,cAAdA,MAAM,GAAG,EAAgBhB,KAAK,CAAC,GAAGrE,MAAMqE,KAAK,CAAC,GAAGmB;aACrD,IAAIH,AAAc,gBAAdA,MAAM,GAAG,EAAkBhB,KAAK,CAAC,GAAGrE,MAAMqE,KAAK,CAAC,GAAGmB;aACvD,IAAIH,AAAc,WAAdA,MAAM,GAAG,EAAahB,KAAK,CAAC,GAAG;;YACnC,IAAIgB,AAAc,UAAdA,MAAM,GAAG,EACb;YADyBhB,KAAK,CAAC,GAAG;;QAEvCgB,MAAM,cAAc;QACpBL,OAAOX,MAAM;IACf;IACA,MAAMoB,eAAezC,UAAU,IAAIa,0BAAAA,SAASA,CAACM,WAAW,WAAW,KAAK;IACxE,MAAMuB,WAAW,IAAI7B,0BAAAA,SAASA,CAAC;QAAE,GAAGM,UAAU,CAAC;QAAE,GAAG;QAAG,GAAG;IAAE,GAAG,WAAW;IAC1E,MAAMwB,cAAc,IAAI9B,0BAAAA,SAASA,CAAC;QAAE,GAAGM,SAAS;QAAE,GAAG;IAAE,GAAG,WAAW;IACrE,MAAMyB,YAAYhF,cAAciF,QAAQ7C,YAAY,CAACR,YAAY,CAACZ;IAClE,OACE,AADK,WAAP,GACE;;0BACE,sCAAC;gBACC,KAAKkB;gBACL,WAAWgD,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,qBAAqB,CAAC,mBAAmB,EAAEhF,MAAM,EAAEkB;gBACtE,OAAOC;gBACP,eAAaS;gBACb,iBAAeF,YAAYG;gBAC3B,aAAWY,QAAQZ;;kCAEnB,sCAAC;wBACE,GAAGR,KAAK;wBACT,KAAKS;wBACL,MAAMT,MAAM,IAAI,IAAI;wBACpB,MAAMJ;wBACN,IAAII,MAAM,EAAE,IAAIG,OAAO;wBACvB,WAAU;wBACV,UAAUE;wBACV,cAAYN,SAAUI,CAAAA,OAAO,UAAUK,SAAYP,SAAS,KAAI;wBAChE,mBAAiBD,KAAK,CAAC,kBAAkB,IAAIG,OAAO;wBACpD,oBACE;4BAACH,KAAK,CAAC,mBAAmB;4BAAEG,OAAO;yBAAc,CAAC,MAAM,CAACuD,SAAS,IAAI,CAAC,QAAQlD;wBAEjF,gBAAcD,AAAW,YAAXA,UAAsBP,KAAK,CAAC,eAAe;wBACzD,iBAAc;wBACd,iBAAeoB;wBACf,iBAAeA,OAAOG,KAAKf;wBAC3B,SAAS,CAAC0C;4BACRlD,MAAM,OAAO,GAAGkD;4BAChB,IAAI,CAACA,MAAM,gBAAgB,EAAE7B,QAAQ,CAACD;wBACxC;;0CAEA,qCAAC;gCAAK,WAAU;gCAA4B,eAAY;0CACtD,mDAAC;oCAAE,OAAO;wCAAE,YAAYkC;oCAAa;;;4BAEtC9E,YACC,AADW,WAAZA,GACC,qCAAC;gCAAK,WAAU;0CACb,AAAoB,cAApB,OAAOA,WAA0BA,SAAS4D,WAAWA,WAAWnC,SAAS,KAAK;;;;oBAIpFwD,aACC,AADY,WAAbA,GACC,qCAAC;wBACC,MAAK;wBACL,WAAU;wBACV,cAAYxD,SAAS,UAAU;wBAC/B,SAAS;4BACPa,WAAW;4BACX5C,WAAW;4BACXC,mBAAmB;4BACnBsC,QAAQ,OAAO,EAAE;wBACnB;kCAEA,mDAACmD,sCAAAA,CAACA,EAAAA;4BAAC,MAAM;4BAAI,eAAY;;;kCAG7B,qCAACC,0BAAAA,SAASA,EAAAA;wBACR,OAAOhD;wBACP,MAAMlB;wBACN,MAAMC;wBACN,UAAUS;wBACV,UAAUC;wBACV,YAAYG;;;;0BAGhB,sCAACqD,6BAAAA,aAAaA,EAAAA;gBACZ,MAAM1C;gBACN,YAAYX;gBACZ,UAAUG;gBACV,WAAW+C,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,iBAAiB,4BAA4BvE;gBAChE,IAAImC;gBACJ,MAAK;gBACL,cAAYtB,SAAS,KAAK;gBAC1B,OAAOnB;gBACP,OAAOO;gBACP,QAAQC;gBACR,WAAWC;gBACX,WAAWC;;kCAEX,qCAAC;wBACC,MAAK;wBACL,UAAU;wBACV,cAAY,GAAGS,SAAS,UAAU,CAAC,GAAG,EAAEA,SAAS,UAAU,EAAE;wBAC7D,iBAAe;wBACf,iBAAe;wBACf,iBAAelC,KAAK,KAAK,CAACiE,AAAc,MAAdA,UAAU,CAAC;wBACrC,kBAAgB,GAAG/B,SAAS,UAAU,CAAC,CAAC,EAAElC,KAAK,KAAK,CAACiE,AAAc,MAAdA,UAAU,CAAC,EAAQ,GAAG,EAAE/B,SAAS,UAAU,CAAC,CAAC,EAAElC,KAAK,KAAK,CAACiE,AAAc,MAAdA,UAAU,CAAC,EAAQ,CAAC,CAAC;wBACpI,WAAU;wBACV,OAAO;4BACL,iBAAiBhD,WACb,CAAC,4EAA4E,EAAEuE,SAAS,CAAC,CAAC,GAC1F/C;4BACJ,iBAAiB+C;wBACnB;wBACA,WAAWH;wBACX,eAAe,CAACF;4BACd,IAAIA,AAAiB,MAAjBA,MAAM,MAAM,EAAQ;4BACxBA,MAAM,cAAc;4BACpBA,MAAM,aAAa,CAAC,KAAK;4BACzBA,MAAM,aAAa,CAAC,iBAAiB,CAACA,MAAM,SAAS;4BACrDD,WAAWC;wBACb;wBACA,eAAe,CAACA;4BACd,IAAIA,MAAM,aAAa,CAAC,iBAAiB,CAACA,MAAM,SAAS,GAAGD,WAAWC;wBACzE;wBACA,aAAa,CAACA;4BACZ,IAAIA,MAAM,aAAa,CAAC,iBAAiB,CAACA,MAAM,SAAS,GAAG;gCAC1DA,MAAM,aAAa,CAAC,qBAAqB,CAACA,MAAM,SAAS;gCACzD/E,mBAAmBsE,OAAO,OAAO;4BACnC;wBACF;kCAEA,mDAAC;4BACC,WAAU;4BACV,OAAO;gCACL,MAAM,GAAGT,AAAc,MAAdA,UAAU,CAAC,CAAO,CAAC,CAAC;gCAC7B,KAAK,GAAI,KAAIA,UAAU,CAAC,AAAD,IAAK,IAAI,CAAC,CAAC;gCAClC,YAAYwB;4BACd;;;kCAGJ,sCAAC;wBAAI,WAAU;;0CACb,qCAAC;gCACC,WAAU;gCACV,eAAY;0CAEZ,mDAAC;oCAAE,OAAO;wCAAE,YAAYF;oCAAa;;;0CAEvC,sCAAC;;kDACC,qCAAC;wCACC,MAAK;wCACL,WAAU;wCACV,KAAK;wCACL,KAAK;wCACL,OAAOvF,KAAK,KAAK,CAACiE,UAAU,CAAC;wCAC7B,cAAY/B,SAAS,GAAG;wCACxB,UAAU,CAACiD,QAAUL,OAAO;gDAAE,GAAGb,SAAS;gDAAE,GAAG+B,OAAOb,MAAM,MAAM,CAAC,KAAK;4CAAE;wCAC1E,aAAa,IAAM/E,mBAAmBsE,OAAO,OAAO;wCACpD,SAAS,IAAMtE,mBAAmBsE,OAAO,OAAO;;oCAEjD,CAAClE,gBACA,AADgB,WAAhBA,GACA,qCAAC;wCACC,MAAK;wCACL,WAAU;wCACV,KAAK;wCACL,KAAK;wCACL,OAAOR,KAAK,KAAK,CAACiE,AAAc,MAAdA,UAAU,CAAC;wCAC7B,cAAY/B,SAAS,KAAK;wCAC1B,OAAO;4CAAE,sBAAsBuD;wCAAY;wCAC3C,UAAU,CAACN,QAAUL,OAAO;gDAAE,GAAGb,SAAS;gDAAE,GAAG+B,OAAOb,MAAM,MAAM,CAAC,KAAK,IAAI;4CAAI;wCAChF,aAAa,IAAM/E,mBAAmBsE,OAAO,OAAO;wCACpD,SAAS,IAAMtE,mBAAmBsE,OAAO,OAAO;;;;;;kCAKxD,qCAAC;wBAAS,WAAU;wBAA6B,cAAYxC,SAAS,UAAU;kCAC5E;4BAAC;4BAAO;4BAAO;yBAAM,CAAW,GAAG,CAAC,CAACiC,OACrC,AADqCA,WAAAA,GACrC,qCAAC;gCACC,MAAK;gCAEL,gBAAcf,WAAWe;gCACzB,SAAS;oCACP,IAAI9D,AAAeoC,WAAfpC,YAA0B6C,UAAUiB;oCACxC5D,iBAAiB4D;gCACnB;0CAECA,KAAK,WAAW;+BAPZA;;kCAWX,qCAAC;wBACC,WAAU;wBACV,cAAYjC,SAAS,UAAU;wBAC/B,gBAAcsC,WAAW/B;wBACzB,oBAAkB+B,UAAU,GAAGhB,GAAG,MAAM,CAAC,GAAGf;wBAC5C,OAAO6B;wBACP,UAAU,CAACa;4BACTZ,SAASY,MAAM,MAAM,CAAC,KAAK;4BAC3BV,WAAW;wBACb;wBACA,QAAQQ;wBACR,WAAW,CAACE;4BACV,IAAIA,AAAc,YAAdA,MAAM,GAAG,EAAc;gCACzBA,MAAM,cAAc;gCACpBF;4BACF;wBACF;;oBAEDT,WACC,AADU,WAAXA,GACC,qCAAC;wBAAK,WAAU;wBAA2B,IAAI,GAAGhB,GAAG,MAAM,CAAC;kCACzDtB,SAAS,YAAY;;oBAIxBvB,CAAAA,WAAW;wBACT;4BACE,OAAOuB,SAAS,OAAO;4BACvB,QAAQ;gCACN;gCACA;gCACA;gCACA;gCACA;gCACA;gCACA;gCACA;6BACD;wBACH;qBACF,EACA,GAAG,CAAC,CAAC+D,OAAOC,QAEZ,oDAAC;4BAAI,WAAU;;8CACb,qCAAC;oCAAI,WAAU;8CAAmCD,MAAM,KAAK;;8CAC7D,qCAAC;8CACE;2CAAI,IAAIE,IAAIF,MAAM,MAAM;qCAAE,CAAC,GAAG,CAAC,CAACG,SAC/B,AAD+BA,WAAAA,GAC/B,qCAAC;4CACC,MAAK;4CAEL,WAAU;4CACV,cAAYA;4CACZ,gBACE,IAAIzC,0BAAAA,SAASA,CAACyC,QAAQ,YAAY,OAAO,IAAIzC,0BAAAA,SAASA,CAACM,WAAW,YAAY;4CAEhF,OAAO;gDACL,YAAYmC;gDACZ,OAAO,IAAIzC,0BAAAA,SAASA,CAACyC,QAAQ,OAAO,KAAK,YAAY;4CACvD;4CACA,SAAS,IAAMtB,OAAO,IAAInB,0BAAAA,SAASA,CAACyC,QAAQ,KAAK,IAAI;sDAEpD,IAAIzC,0BAAAA,SAASA,CAACyC,QAAQ,YAAY,OACjC,IAAIzC,0BAAAA,SAASA,CAACM,WAAW,YAAY,MACrC,AAD2C,WAAN,GACrC,qCAACoC,sCAAAA,KAAKA,EAAAA;gDAAC,MAAM;gDAAI,eAAY;;2CAd1BD;;;2BANoCF;;;;;AA8B3D;AAEO,SAASI,YAAYrE,KAAuB;IACjD,OAAOA,AAAe,eAAfA,MAAM,IAAI,IAAmBA,MAAM,QAAQ,GAChD,AADmD,WAAH,GAChD,qCAACsE,sCAAAA,mBAAmBA,EAAAA;QAAE,GAAGtE,KAAK;SAE9B,mDAAChC,kBAAAA;QAAkB,GAAGgC,KAAK;;AAE/B"}
+{"version":3,"file":"colorpicker/colorpicker.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/colorpicker/colorpicker.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { TinyColor } from '@ctrl/tinycolor';\nimport { Check, X } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { GradientColorPicker } from './gradient';\n\nexport interface ColorPreset {\n  label: ReactNode;\n  colors: readonly string[];\n}\nexport interface ColorPickerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'defaultValue' | 'onChange'>,\n    PopupOptions {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (color: string) => void;\n  onChangeComplete?: (color: string) => void;\n  format?: 'hex' | 'rgb' | 'hsl';\n  defaultFormat?: 'hex' | 'rgb' | 'hsl';\n  onFormatChange?: (format: 'hex' | 'rgb' | 'hsl') => void;\n  disableAlpha?: boolean;\n  showText?: boolean | ((color: string) => ReactNode);\n  allowClear?: boolean;\n  presets?: readonly ColorPreset[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  required?: boolean;\n  readOnly?: boolean;\n  popupWidth?: number | string;\n  onOpenChange?: (open: boolean) => void;\n  gradient?: boolean;\n  mode?: 'solid' | 'gradient';\n  open?: boolean;\n  defaultOpen?: boolean;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  popupRender?: (content: ReactNode) => ReactNode;\n  getPopupContainer?: () => Element | DocumentFragment;\n}\ntype HSV = { h: number; s: number; v: number; a: number };\nconst clamp = (value: number) => Math.min(1, Math.max(0, value));\nexport function SolidColorPicker({\n  value,\n  defaultValue = '#20834a',\n  onChange,\n  onChangeComplete,\n  format: formatProp,\n  defaultFormat = 'hex',\n  onFormatChange,\n  disableAlpha = false,\n  showText = false,\n  allowClear = false,\n  presets,\n  size = 'md',\n  status: statusProp,\n  required: requiredProp,\n  popupWidth = 280,\n  onOpenChange,\n  gradient = false,\n  mode: _mode,\n  open: controlledOpen,\n  defaultOpen,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  popupPlacement,\n  getPopupContainer,\n  readOnly,\n  disabled: disabledProp,\n  name,\n  form,\n  className,\n  style,\n  'aria-label': label,\n  ...props\n}: ColorPickerProps) {\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLSpanElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internalFormat, setFormat] = useState(defaultFormat);\n  const format = formatProp ?? internalFormat;\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const id = `${useId()}-color`;\n  const color = new TinyColor(current || '#20834a');\n  const hsv = color.isValid ? color.toHsv() : new TinyColor('#20834a').toHsv();\n  const [rememberedHue, setRememberedHue] = useState(hsv.h);\n  const [coordinates, setCoordinates] = useState<{ value: string; hsv: HSV }>();\n  const activeHsv = {\n    ...(coordinates && new TinyColor(coordinates.value).toHex8String() === color.toHex8String()\n      ? coordinates.hsv\n      : { ...hsv, h: hsv.s === 0 || hsv.v === 0 ? rememberedHue : hsv.h }),\n    a: disableAlpha ? 1 : hsv.a,\n  };\n  const serialize = (next: TinyColor) => {\n    const normalized = disableAlpha ? next.setAlpha(1) : next;\n    return format === 'rgb'\n      ? normalized.toRgbString()\n      : format === 'hsl'\n        ? normalized.toHslString()\n        : normalized.getAlpha() < 1\n          ? normalized.toHex8String()\n          : normalized.toHexString();\n  };\n  const display = current ? serialize(new TinyColor(activeHsv)) : '';\n  const [input, setInput] = useState(display);\n  const [invalid, setInvalid] = useState(false);\n  const latest = useRef(display);\n  useEffect(() => {\n    setInput(display);\n    setInvalid(false);\n  }, [display]);\n  const close = () => {\n    setOpen(false);\n    setInput(display);\n    setInvalid(false);\n  };\n  useFloatingDismiss(open, close, trigger, panel, root);\n  const change = (next: HSV, complete = false) => {\n    if (disabled || readOnly) return;\n    setRememberedHue(next.h);\n    const result = serialize(new TinyColor(next));\n    setCoordinates({ value: result, hsv: { ...next, a: disableAlpha ? 1 : next.a } });\n    latest.current = result;\n    setCurrent(result);\n    setInput(result);\n    setInvalid(false);\n    if (result !== current) onChange?.(result);\n    if (complete) onChangeComplete?.(result);\n  };\n  const chooseText = () => {\n    if (input === display) return;\n    const next = new TinyColor(input);\n    if (!next.isValid) {\n      setInvalid(true);\n      return;\n    }\n    change(next.toHsv(), true);\n  };\n  const areaChange = (event: PointerEvent<HTMLDivElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    if (!rect.width || !rect.height) return;\n    change({\n      ...activeHsv,\n      s: clamp((event.clientX - rect.left) / rect.width),\n      v: clamp(1 - (event.clientY - rect.top) / rect.height),\n    });\n  };\n  const areaKey = (event: KeyboardEvent<HTMLDivElement>) => {\n    const step = event.shiftKey ? 0.1 : 0.01;\n    const next = { ...activeHsv };\n    if (event.key === 'ArrowLeft') next.s = clamp(next.s - step);\n    else if (event.key === 'ArrowRight') next.s = clamp(next.s + step);\n    else if (event.key === 'ArrowUp') next.v = clamp(next.v + step);\n    else if (event.key === 'ArrowDown') next.v = clamp(next.v - step);\n    else if (event.key === 'Home') next.s = 0;\n    else if (event.key === 'End') next.s = 1;\n    else return;\n    event.preventDefault();\n    change(next, true);\n  };\n  const previewColor = current ? new TinyColor(activeHsv).toRgbString() : 'transparent';\n  const hueColor = new TinyColor({ h: activeHsv.h, s: 1, v: 1 }).toHexString();\n  const opaqueColor = new TinyColor({ ...activeHsv, a: 1 }).toRgbString();\n  const clearable = allowClear && Boolean(current) && !disabled && !readOnly;\n  return (\n    <>\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: Pointer events on the outer row forward to the keyboard-accessible trigger button. */}\n      {/* biome-ignore lint/a11y/useKeyWithClickEvents: The enclosed native button owns keyboard interaction; this wrapper only extends its hit area. */}\n      <span\n        ref={root}\n        className={classes('leaf-color-picker', `leaf-color-picker--${size}`, className)}\n        style={style}\n        data-status={status}\n        data-disabled={disabled || undefined}\n        data-readonly={readOnly || undefined}\n        data-open={open || undefined}\n        onMouseDown={(event) => {\n          if (!disabled && event.target === event.currentTarget) event.preventDefault();\n        }}\n        onClick={(event) => {\n          if (disabled || event.defaultPrevented || event.target !== event.currentTarget) return;\n          event.preventDefault();\n          event.stopPropagation();\n          trigger.current?.focus();\n          trigger.current?.click();\n        }}\n      >\n        <button\n          {...props}\n          ref={trigger}\n          type={props.type ?? 'button'}\n          form={form}\n          id={props.id ?? field?.id}\n          className=\"leaf-color-picker__trigger\"\n          disabled={disabled}\n          aria-label={label ?? (field?.labelId ? undefined : messages.colorPicker.label)}\n          aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={status === 'error' || props['aria-invalid']}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          aria-controls={open ? id : undefined}\n          onClick={(event) => {\n            props.onClick?.(event);\n            if (!event.defaultPrevented) setOpen(!open);\n          }}\n        >\n          <span className=\"leaf-color-picker__swatch\" aria-hidden=\"true\">\n            <i style={{ background: previewColor }} />\n          </span>\n          {showText && (\n            <span className=\"leaf-color-picker__text\">\n              {typeof showText === 'function'\n                ? showText(display)\n                : display || messages.colorPicker.label}\n            </span>\n          )}\n        </button>\n        {clearable && (\n          <button\n            type=\"button\"\n            className=\"leaf-color-picker__clear\"\n            aria-label={messages.colorPicker.clear}\n            onClick={() => {\n              setCurrent('');\n              onChange?.('');\n              onChangeComplete?.('');\n              trigger.current?.focus();\n            }}\n          >\n            <X size={14} aria-hidden=\"true\" />\n          </button>\n        )}\n        <FormValue\n          value={current}\n          name={name}\n          form={form}\n          disabled={disabled}\n          required={required}\n          triggerRef={trigger}\n        />\n      </span>\n      <FloatingPanel\n        open={open}\n        triggerRef={trigger}\n        panelRef={panel}\n        className={classes('leaf-floating', 'leaf-color-picker__panel', popupClassName)}\n        id={id}\n        role=\"dialog\"\n        aria-label={messages.colorPicker.label}\n        width={popupWidth}\n        style={popupStyle}\n        render={popupRender}\n        placement={popupPlacement}\n        container={getPopupContainer}\n      >\n        <div\n          role=\"slider\"\n          tabIndex={0}\n          aria-label={`${messages.colorPicker.saturation} / ${messages.colorPicker.brightness}`}\n          aria-valuemin={0}\n          aria-valuemax={100}\n          aria-valuenow={Math.round(activeHsv.s * 100)}\n          aria-valuetext={`${messages.colorPicker.saturation} ${Math.round(activeHsv.s * 100)}%, ${messages.colorPicker.brightness} ${Math.round(activeHsv.v * 100)}%`}\n          className=\"leaf-color-picker__area\"\n          style={{\n            backgroundImage: gradient\n              ? `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, ${hueColor})`\n              : undefined,\n            backgroundColor: hueColor,\n          }}\n          onKeyDown={areaKey}\n          onPointerDown={(event) => {\n            if (event.button !== 0) return;\n            event.preventDefault();\n            event.currentTarget.focus();\n            event.currentTarget.setPointerCapture(event.pointerId);\n            areaChange(event);\n          }}\n          onPointerMove={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) areaChange(event);\n          }}\n          onPointerUp={(event) => {\n            if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n              event.currentTarget.releasePointerCapture(event.pointerId);\n              onChangeComplete?.(latest.current);\n            }\n          }}\n        >\n          <span\n            className=\"leaf-color-picker__handle\"\n            style={{\n              left: `${activeHsv.s * 100}%`,\n              top: `${(1 - activeHsv.v) * 100}%`,\n              background: opaqueColor,\n            }}\n          />\n        </div>\n        <div className=\"leaf-color-picker__sliders\">\n          <span\n            className=\"leaf-color-picker__swatch leaf-color-picker__swatch--large\"\n            aria-hidden=\"true\"\n          >\n            <i style={{ background: previewColor }} />\n          </span>\n          <div>\n            <input\n              type=\"range\"\n              className=\"leaf-color-picker__hue\"\n              min={0}\n              max={359}\n              value={Math.round(activeHsv.h)}\n              aria-label={messages.colorPicker.hue}\n              onChange={(event) => change({ ...activeHsv, h: Number(event.target.value) })}\n              onPointerUp={() => onChangeComplete?.(latest.current)}\n              onKeyUp={() => onChangeComplete?.(latest.current)}\n            />\n            {!disableAlpha && (\n              <input\n                type=\"range\"\n                className=\"leaf-color-picker__alpha\"\n                min={0}\n                max={100}\n                value={Math.round(activeHsv.a * 100)}\n                aria-label={messages.colorPicker.alpha}\n                style={{ '--leaf-alpha-color': opaqueColor } as CSSProperties}\n                onChange={(event) => change({ ...activeHsv, a: Number(event.target.value) / 100 })}\n                onPointerUp={() => onChangeComplete?.(latest.current)}\n                onKeyUp={() => onChangeComplete?.(latest.current)}\n              />\n            )}\n          </div>\n        </div>\n        <fieldset className=\"leaf-color-picker__formats\" aria-label={messages.colorPicker.value}>\n          {(['hex', 'rgb', 'hsl'] as const).map((next) => (\n            <button\n              type=\"button\"\n              key={next}\n              aria-pressed={format === next}\n              onClick={() => {\n                if (formatProp === undefined) setFormat(next);\n                onFormatChange?.(next);\n              }}\n            >\n              {next.toUpperCase()}\n            </button>\n          ))}\n        </fieldset>\n        <input\n          className=\"leaf-color-picker__input\"\n          aria-label={messages.colorPicker.value}\n          aria-invalid={invalid || undefined}\n          aria-describedby={invalid ? `${id}-error` : undefined}\n          value={input}\n          onChange={(event) => {\n            setInput(event.target.value);\n            setInvalid(false);\n          }}\n          onBlur={chooseText}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              event.preventDefault();\n              chooseText();\n            }\n          }}\n        />\n        {invalid && (\n          <span className=\"leaf-color-picker__error\" id={`${id}-error`}>\n            {messages.colorPicker.invalid}\n          </span>\n        )}\n        {(\n          presets ?? [\n            {\n              label: messages.colorPicker.presets,\n              colors: [\n                '#20834a',\n                '#13a8a8',\n                '#1677ff',\n                '#7654c6',\n                '#ffc53d',\n                '#f49b23',\n                '#ef5350',\n                '#203329',\n              ],\n            },\n          ]\n        ).map((group, index) => (\n          // biome-ignore lint/suspicious/noArrayIndexKey: Preset groups are static descriptions supplied by the consumer.\n          <div className=\"leaf-color-picker__presets\" key={index}>\n            <div className=\"leaf-color-picker__preset-label\">{group.label}</div>\n            <div>\n              {[...new Set(group.colors)].map((preset) => (\n                <button\n                  type=\"button\"\n                  key={preset}\n                  className=\"leaf-color-picker__preset\"\n                  aria-label={preset}\n                  aria-pressed={\n                    new TinyColor(preset).toHex8String() === new TinyColor(activeHsv).toHex8String()\n                  }\n                  style={{\n                    background: preset,\n                    color: new TinyColor(preset).isLight() ? '#203329' : '#fff',\n                  }}\n                  onClick={() => change(new TinyColor(preset).toHsv(), true)}\n                >\n                  {new TinyColor(preset).toHex8String() ===\n                    new TinyColor(activeHsv).toHex8String() && (\n                    <Check size={12} aria-hidden=\"true\" />\n                  )}\n                </button>\n              ))}\n            </div>\n          </div>\n        ))}\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function ColorPicker(rawProps: ColorPickerProps) {\n  const props = useComponentProps('ColorPicker', rawProps);\n  return props.mode === 'gradient' || props.gradient ? (\n    <GradientColorPicker {...props} />\n  ) : (\n    <SolidColorPicker {...props} />\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","clamp","value","Math","SolidColorPicker","defaultValue","onChange","onChangeComplete","formatProp","defaultFormat","onFormatChange","disableAlpha","showText","allowClear","presets","size","statusProp","requiredProp","popupWidth","onOpenChange","gradient","_mode","controlledOpen","defaultOpen","popupClassName","popupStyle","popupRender","popupPlacement","getPopupContainer","readOnly","disabledProp","name","form","className","style","label","props","messages","useLeafConfig","field","useFormField","disabled","required","status","undefined","trigger","useRef","root","panel","current","setCurrent","useFieldValue","internalFormat","setFormat","useState","format","open","setOpen","usePopupState","id","useId","color","TinyColor","hsv","rememberedHue","setRememberedHue","coordinates","setCoordinates","activeHsv","serialize","next","normalized","display","input","setInput","invalid","setInvalid","latest","useEffect","close","useFloatingDismiss","change","complete","result","chooseText","areaChange","event","rect","areaKey","step","previewColor","hueColor","opaqueColor","clearable","Boolean","classes","X","FormValue","FloatingPanel","Number","group","index","Set","preset","Check","ColorPicker","rawProps","useComponentProps","GradientColorPicker"],"mappings":"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"}

package/dist/cjs/browser/modules/colorpicker/gradient.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/colorpicker.css');
 var __webpack_require__ = {};
 (()=>{
@@ -38,15 +39,16 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tinycolor_namespaceObject = require("@ctrl/tinycolor");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
-const external_inputnumber_index_cjs_namespaceObject = require("../inputnumber/index.cjs");
+const inputnumber_cjs_namespaceObject = require("../inputnumber/inputnumber.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
 const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-const external_slider_index_cjs_namespaceObject = require("../slider/index.cjs");
+const slider_cjs_namespaceObject = require("../slider/slider.cjs");
 const external_colorpicker_cjs_namespaceObject = require("./colorpicker.cjs");
 function gradientString({ angle, stops }) {
     return `linear-gradient(${angle}deg, ${[
@@ -88,6 +90,7 @@ const defaultGradient = {
 const initial = gradientString(defaultGradient);
 function GradientColorPicker({ value, defaultValue = initial, onChange, onChangeComplete, size = 'md', disabled: disabledProp, readOnly, allowClear = false, status: statusProp, format, defaultFormat, onFormatChange, disableAlpha, presets, gradient: _gradient, mode: _mode, name, form, required, open: controlledOpen, defaultOpen, onOpenChange, popupWidth = 300, popupClassName, popupStyle, popupRender, popupPlacement, getPopupContainer, showText, className, style, id, ...props }) {
     const field = (0, form_cjs_namespaceObject.useFormField)(), { messages } = (0, context_cjs_namespaceObject.useLeafConfig)(), t = (0, use_text_cjs_namespaceObject.useText)();
+    const formatText = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const disabled = disabledProp || field?.disabled;
     const status = statusProp ?? (field?.error ? 'error' : void 0);
     const trigger = (0, external_react_namespaceObject.useRef)(null), panel = (0, external_react_namespaceObject.useRef)(null), root = (0, external_react_namespaceObject.useRef)(null);
@@ -138,6 +141,18 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                 style: style,
                 "data-status": status,
                 "data-disabled": disabled || void 0,
+                "data-readonly": readOnly || void 0,
+                "data-open": open || void 0,
+                onMouseDown: (event)=>{
+                    if (!disabled && event.target === event.currentTarget) event.preventDefault();
+                },
+                onClick: (event)=>{
+                    if (disabled || event.defaultPrevented || event.target !== event.currentTarget) return;
+                    event.preventDefault();
+                    event.stopPropagation();
+                    trigger.current?.focus();
+                    trigger.current?.click();
+                },
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
                         ...props,
@@ -146,7 +161,7 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                         form: form,
                         id: id ?? field?.id,
                         disabled: disabled,
-                        "aria-label": props['aria-label'] ?? (field?.labelId ? void 0 : messages.color),
+                        "aria-label": props['aria-label'] ?? (field?.labelId ? void 0 : messages.colorPicker.label),
                         "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
                         "aria-describedby": [
                             props['aria-describedby'],
@@ -173,14 +188,14 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                             }),
                             showText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: "leaf-color-picker__text",
-                                children: 'function' == typeof showText ? showText(current) : current ? t('渐变', 'Gradient') : messages.color
+                                children: 'function' == typeof showText ? showText(current) : current ? t('colorPicker.gradient') : messages.colorPicker.label
                             })
                         ]
                     }),
                     allowClear && current && !disabled && !readOnly && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                         type: "button",
                         className: "leaf-color-picker__clear",
-                        "aria-label": messages.clearColor,
+                        "aria-label": messages.colorPicker.clear,
                         onClick: ()=>{
                             setCurrent('');
                             onChange?.('');
@@ -209,7 +224,7 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                 width: popupWidth,
                 id: panelId,
                 role: "dialog",
-                "aria-label": messages.color,
+                "aria-label": messages.colorPicker.label,
                 className: [
                     'leaf-floating',
                     'leaf-color-picker__gradient',
@@ -232,17 +247,19 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                             children: [
                                 model.stops.map((stop, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                                         type: "button",
-                                        "aria-label": `${t('色标', 'Color stop')} ${index + 1}`,
+                                        "aria-label": formatText('colorPicker.colorStop', {
+                                            index: index + 1
+                                        }),
                                         "aria-pressed": active === index,
                                         style: {
                                             background: stop.color
                                         },
                                         onClick: ()=>setActive(index)
                                     }, stop.key)),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                                     size: "sm",
                                     variant: "ghost",
-                                    "aria-label": t('增加色标', 'Add color stop'),
+                                    "aria-label": t('colorPicker.addColorStop'),
                                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
                                         size: 14
                                     }),
@@ -262,10 +279,10 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                                         setActive(model.stops.length);
                                     }
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                                     size: "sm",
                                     variant: "ghost",
-                                    "aria-label": t('删除色标', 'Remove color stop'),
+                                    "aria-label": t('colorPicker.removeColorStop'),
                                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                         size: 14
                                     }),
@@ -284,7 +301,7 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                             className: "leaf-color-picker__gradient-field",
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    children: t('颜色', 'Color')
+                                    children: t('colorPicker.color')
                                 }),
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_colorpicker_cjs_namespaceObject.SolidColorPicker, {
                                     value: selected.color,
@@ -307,10 +324,10 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                             className: "leaf-color-picker__gradient-field",
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    children: t('位置', 'Position')
+                                    children: t('colorPicker.position')
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_slider_index_cjs_namespaceObject.Slider, {
-                                    "aria-label": t('色标位置', 'Color stop position'),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(slider_cjs_namespaceObject.SliderControl, {
+                                    "aria-label": t('colorPicker.colorStopPosition'),
                                     value: selected.offset,
                                     onChange: (offset)=>changeStop({
                                             offset
@@ -323,10 +340,10 @@ function GradientColorPicker({ value, defaultValue = initial, onChange, onChange
                             className: "leaf-color-picker__gradient-field",
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    children: t('角度', 'Angle')
+                                    children: t('colorPicker.angle')
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_inputnumber_index_cjs_namespaceObject.InputNumber, {
-                                    "aria-label": t('渐变角度', 'Gradient angle'),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(inputnumber_cjs_namespaceObject.InputNumberControl, {
+                                    "aria-label": t('colorPicker.gradientAngle'),
                                     min: 0,
                                     max: 360,
                                     value: model.angle,