@comet/admin-color-picker 8.17.1 → 9.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/ColorField.js +6 -12
  2. package/lib/ColorPicker.js +44 -51
  3. package/lib/ColorPicker.slots.d.ts +8 -27
  4. package/lib/ColorPicker.slots.d.ts.map +1 -1
  5. package/lib/ColorPicker.slots.js +31 -37
  6. package/lib/FinalFormColorPicker.js +4 -10
  7. package/lib/index.js +3 -26
  8. package/package.json +18 -14
package/lib/ColorField.js CHANGED
@@ -1,13 +1,4 @@
1
- "use strict";
2
-
3
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ColorField = void 0;
8
- var _admin = require("@comet/admin");
9
- var _FinalFormColorPicker = require("./FinalFormColorPicker");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
4
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -15,9 +6,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
15
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
7
  function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
17
8
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
- var ColorField = exports.ColorField = function ColorField(_ref) {
9
+ import { Field } from "@comet/admin";
10
+ import { FinalFormColorPicker } from "./FinalFormColorPicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
+ export var ColorField = function ColorField(_ref) {
19
13
  var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
20
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, _objectSpread({
21
- component: _FinalFormColorPicker.FinalFormColorPicker
14
+ return /*#__PURE__*/_jsx(Field, _objectSpread({
15
+ component: FinalFormColorPicker
22
16
  }, restProps));
23
17
  };
package/lib/ColorPicker.js CHANGED
@@ -1,23 +1,6 @@
1
- "use strict";
2
-
3
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ColorPicker = void 0;
8
- var _admin = require("@comet/admin");
9
- var _adminIcons = require("@comet/admin-icons");
10
- var _material = require("@mui/material");
11
- var _styles = require("@mui/material/styles");
12
- var _react = require("react");
13
- var _reactIntl = require("react-intl");
14
- var _tinycolor = _interopRequireDefault(require("tinycolor2"));
15
- var _useDebounce = require("use-debounce");
16
- var _ColorPicker = require("./ColorPicker.slots");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
2
  var _excluded = ["classes", "value", "colorFormat", "hidePicker", "hideHeader", "hideFooter", "colorPalette", "onChange", "startAdornment", "endAdornment", "onBlur", "required", "titleText", "clearButtonText", "components", "slotProps"],
19
3
  _excluded2 = ["ColorPickerColorPreview", "ColorPickerInvalidPreview", "ColorPickerEmptyPreview"];
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
21
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
6
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -31,10 +14,20 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
31
14
  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
32
15
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
33
16
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
17
+ import { ClearInputAdornment } from "@comet/admin";
18
+ import { Close } from "@comet/admin-icons";
19
+ import { Typography } from "@mui/material";
20
+ import { useThemeProps } from "@mui/material/styles";
21
+ import { useEffect, useState } from "react";
22
+ import { FormattedMessage } from "react-intl";
23
+ import tinycolor from "tinycolor2";
24
+ import { useDebouncedCallback } from "use-debounce";
25
+ import { ColorPalette, ColorPaletteItem, ColorPickerWrapper, Footer, FooterClearButton, Header, HeaderCloseButton, HeaderTitleText, HexColorPicker, InputAdornment, PopperRoot, Preview, PreviewIndicator, RgbaStringColorPicker, Root } from "./ColorPicker.slots";
26
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
34
27
  var DefaultColorPreviewIndicator = function DefaultColorPreviewIndicator(_ref) {
35
28
  var type = _ref.type,
36
29
  color = _ref.color;
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.PreviewIndicator, {
30
+ return /*#__PURE__*/_jsx(PreviewIndicator, {
38
31
  ownerState: {
39
32
  type: type,
40
33
  color: color
@@ -43,14 +36,14 @@ var DefaultColorPreviewIndicator = function DefaultColorPreviewIndicator(_ref) {
43
36
  };
44
37
  var DefaultNoColorPreviewIndicator = function DefaultNoColorPreviewIndicator(_ref2) {
45
38
  var type = _ref2.type;
46
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.PreviewIndicator, {
39
+ return /*#__PURE__*/_jsx(PreviewIndicator, {
47
40
  ownerState: {
48
41
  type: type
49
42
  }
50
43
  });
51
44
  };
52
- var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
53
- var _useThemeProps = (0, _styles.useThemeProps)({
45
+ export var ColorPicker = function ColorPicker(inProps) {
46
+ var _useThemeProps = useThemeProps({
54
47
  props: inProps,
55
48
  name: "CometAdminColorPicker"
56
49
  }),
@@ -68,12 +61,12 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
68
61
  _onBlur = _useThemeProps.onBlur,
69
62
  required = _useThemeProps.required,
70
63
  _useThemeProps$titleT = _useThemeProps.titleText,
71
- titleText = _useThemeProps$titleT === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
64
+ titleText = _useThemeProps$titleT === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
72
65
  id: "comet.colorPicker.title",
73
66
  defaultMessage: "Choose a color"
74
67
  }) : _useThemeProps$titleT,
75
68
  _useThemeProps$clearB = _useThemeProps.clearButtonText,
76
- clearButtonText = _useThemeProps$clearB === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
69
+ clearButtonText = _useThemeProps$clearB === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
77
70
  id: "comet.colorPicker.clearButton",
78
71
  defaultMessage: "clear color"
79
72
  }) : _useThemeProps$clearB,
@@ -88,12 +81,12 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
88
81
  _components$ColorPick3 = components.ColorPickerEmptyPreview,
89
82
  EmptyPreview = _components$ColorPick3 === void 0 ? DefaultNoColorPreviewIndicator : _components$ColorPick3,
90
83
  inputWithPopperComponents = _objectWithoutProperties(components, _excluded2);
91
- var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : ""),
84
+ var _useState = useState(value !== null && value !== void 0 ? value : ""),
92
85
  _useState2 = _slicedToArray(_useState, 2),
93
86
  displayValue = _useState2[0],
94
87
  setDisplayValue = _useState2[1];
95
- var previewColor = displayValue ? (0, _tinycolor["default"])(displayValue) : null;
96
- (0, _react.useEffect)(function () {
88
+ var previewColor = displayValue ? tinycolor(displayValue) : null;
89
+ useEffect(function () {
97
90
  setDisplayValue(value !== null && value !== void 0 ? value : "");
98
91
  }, [value, setDisplayValue]);
99
92
 
@@ -101,11 +94,11 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
101
94
  * When quickly sliding in the color-picker, multiple `onChange` events would be triggered every second.
102
95
  * Debouncing those events ensures the picker is always responsive and prevents it from sometimes crashing.
103
96
  */
104
- var debouncedOnChange = (0, _useDebounce.useDebouncedCallback)(function (color) {
97
+ var debouncedOnChange = useDebouncedCallback(function (color) {
105
98
  onChange === null || onChange === void 0 || onChange(color);
106
99
  }, 250);
107
100
  var onChangeColor = function onChangeColor(color) {
108
- var colorValue = (0, _tinycolor["default"])(color);
101
+ var colorValue = tinycolor(color);
109
102
  if (colorValue.isValid()) {
110
103
  var stringValue = colorFormat === "rgba" ? colorValue.toRgbString() : colorValue.toHexString();
111
104
  debouncedOnChange(stringValue);
@@ -115,27 +108,27 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
115
108
  setDisplayValue("");
116
109
  }
117
110
  };
118
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.Root, _objectSpread(_objectSpread(_objectSpread({
111
+ return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
119
112
  required: required,
120
- startAdornment: startAdornment ? startAdornment : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.InputAdornment, _objectSpread(_objectSpread({
113
+ startAdornment: startAdornment ? startAdornment : /*#__PURE__*/_jsx(InputAdornment, _objectSpread(_objectSpread({
121
114
  position: "start",
122
115
  disablePointerEvents: true
123
116
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputAdornment), {}, {
124
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.Preview, {
125
- children: previewColor ? previewColor.isValid() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorPreview, _objectSpread(_objectSpread({
117
+ children: /*#__PURE__*/_jsx(Preview, {
118
+ children: previewColor ? previewColor.isValid() ? /*#__PURE__*/_jsx(ColorPreview, _objectSpread(_objectSpread({
126
119
  type: "color",
127
120
  color: previewColor.toRgbString()
128
- }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicator), slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicatorColor)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InvalidPreview, _objectSpread(_objectSpread(_objectSpread({
121
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicator), slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicatorColor)) : /*#__PURE__*/_jsx(InvalidPreview, _objectSpread(_objectSpread(_objectSpread({
129
122
  type: "invalid"
130
123
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicator), slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicatorInvalid), {}, {
131
124
  children: "?"
132
- })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyPreview, _objectSpread(_objectSpread({
125
+ })) : /*#__PURE__*/_jsx(EmptyPreview, _objectSpread(_objectSpread({
133
126
  type: "empty"
134
127
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicator), slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicatorEmpty))
135
128
  })
136
129
  })),
137
- endAdornment: !required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
138
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ClearInputAdornment, {
130
+ endAdornment: !required ? /*#__PURE__*/_jsxs(_Fragment, {
131
+ children: [/*#__PURE__*/_jsx(ClearInputAdornment, {
139
132
  position: "end",
140
133
  hasClearableContent: Boolean(value),
141
134
  onClick: function onClick() {
@@ -154,28 +147,28 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
154
147
  components: inputWithPopperComponents
155
148
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
156
149
  children: function children(closePopper) {
157
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ColorPicker.PopperRoot, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.popperRoot), {}, {
158
- children: [!hideHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ColorPicker.Header, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.header), {}, {
159
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.HeaderTitleText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.headerTitleText), {}, {
150
+ return /*#__PURE__*/_jsxs(PopperRoot, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.popperRoot), {}, {
151
+ children: [!hideHeader && /*#__PURE__*/_jsxs(Header, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.header), {}, {
152
+ children: [/*#__PURE__*/_jsx(HeaderTitleText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.headerTitleText), {}, {
160
153
  children: titleText
161
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.HeaderCloseButton, _objectSpread(_objectSpread({
154
+ })), /*#__PURE__*/_jsx(HeaderCloseButton, _objectSpread(_objectSpread({
162
155
  onClick: function onClick() {
163
156
  return closePopper(true);
164
157
  }
165
158
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.headerCloseButton), {}, {
166
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Close, {})
159
+ children: /*#__PURE__*/_jsx(Close, {})
167
160
  }))]
168
- })), !hidePicker && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ColorPicker.ColorPickerWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.colorPickerWrapper), {}, {
169
- children: [colorFormat === "hex" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.HexColorPicker, _objectSpread({
161
+ })), !hidePicker && /*#__PURE__*/_jsxs(ColorPickerWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.colorPickerWrapper), {}, {
162
+ children: [colorFormat === "hex" && /*#__PURE__*/_jsx(HexColorPicker, _objectSpread({
170
163
  color: value !== null && value !== void 0 ? value : "",
171
164
  onChange: onChangeColor
172
- }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.hexColorPicker)), colorFormat === "rgba" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.RgbaStringColorPicker, _objectSpread({
165
+ }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.hexColorPicker)), colorFormat === "rgba" && /*#__PURE__*/_jsx(RgbaStringColorPicker, _objectSpread({
173
166
  color: value !== null && value !== void 0 ? value : "",
174
167
  onChange: onChangeColor
175
168
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.rgbaStringColorPicker))]
176
- })), (colorPalette === null || colorPalette === void 0 ? void 0 : colorPalette.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.ColorPalette, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.colorPalette), {}, {
169
+ })), (colorPalette === null || colorPalette === void 0 ? void 0 : colorPalette.length) && /*#__PURE__*/_jsx(ColorPalette, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.colorPalette), {}, {
177
170
  children: colorPalette.map(function (color, index) {
178
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.ColorPaletteItem, _objectSpread({
171
+ return /*#__PURE__*/_jsx(ColorPaletteItem, _objectSpread({
179
172
  onClick: function onClick() {
180
173
  onChangeColor(color);
181
174
  closePopper(true);
@@ -185,17 +178,17 @@ var ColorPicker = exports.ColorPicker = function ColorPicker(inProps) {
185
178
  }
186
179
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.colorPaletteItem), "".concat(index, "_").concat(color));
187
180
  })
188
- })), !hideFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.Footer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.footer), {}, {
189
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ColorPicker.FooterClearButton, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.footerClearButton), {}, {
181
+ })), !hideFooter && /*#__PURE__*/_jsx(Footer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.footer), {}, {
182
+ children: /*#__PURE__*/_jsxs(FooterClearButton, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.footerClearButton), {}, {
190
183
  onClick: function onClick() {
191
184
  onChangeColor("");
192
185
  closePopper(true);
193
186
  },
194
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.Preview, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.preview), {}, {
195
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyPreview, _objectSpread(_objectSpread({
187
+ children: [/*#__PURE__*/_jsx(Preview, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.preview), {}, {
188
+ children: /*#__PURE__*/_jsx(EmptyPreview, _objectSpread(_objectSpread({
196
189
  type: "empty"
197
190
  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicator), slotProps === null || slotProps === void 0 ? void 0 : slotProps.previewIndicatorEmpty))
198
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
191
+ })), /*#__PURE__*/_jsx(Typography, {
199
192
  children: clearButtonText
200
193
  })]
201
194
  }))
package/lib/ColorPicker.slots.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { InputWithPopper, type ThemedComponentBaseProps } from "@comet/admin";
2
2
  import { Box, ButtonBase, IconButton, Typography } from "@mui/material";
3
3
  import { type Theme } from "@mui/material/styles";
4
+ import type { ComponentProps, ComponentType } from "react";
4
5
  import { HexColorPicker as HexColorPickerBase, RgbaStringColorPicker as RgbaStringColorPickerBase } from "react-colorful";
5
6
  export type ColorPickerClassKey = "root" | "inputAdornment" | "popperRoot" | "popperSection" | "header" | "headerTitleText" | "headerCloseButton" | "colorPickerWrapper" | "colorPalette" | "colorPaletteItem" | "footer" | "footerClearButton" | "preview" | "previewIndicator" | "previewIndicatorColor" | "previewIndicatorEmpty" | "previewIndicatorInvalid" | "hexColorPicker" | "rgbaStringColorPicker";
6
7
  export type SlotProps = ThemedComponentBaseProps<{
@@ -29,9 +30,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<i
29
30
  className?: string;
30
31
  ownerState?: object;
31
32
  }, "ref"> & import("react").RefAttributes<unknown>>;
32
- export declare const InputAdornment: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
33
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
34
- }, "style" | "className" | "classes" | "children" | "disablePointerEvents" | "disableTypography" | "position" | "sx" | "variant">, "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "disablePointerEvents" | "disableTypography" | "position" | "sx" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
33
+ export declare const InputAdornment: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").InputAdornmentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "disablePointerEvents" | "disableTypography" | "position" | "sx" | "variant">, "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "disablePointerEvents" | "disableTypography" | "position" | "sx" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
35
34
  ownerState?: undefined;
36
35
  } & {
37
36
  className?: string;
@@ -49,17 +48,13 @@ export declare const Header: import("react").ForwardRefExoticComponent<Omit<Pick
49
48
  className?: string;
50
49
  ownerState?: object;
51
50
  }, "ref"> & import("react").RefAttributes<unknown>>;
52
- export declare const HeaderTitleText: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
53
- ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
54
- }, "p" | "style" | "className" | "classes" | "children" | "position" | "sx" | "variant" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "p" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "position" | "sx" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
51
+ export declare const HeaderTitleText: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "className" | "classes" | "children" | "position" | "sx" | "variant" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "p" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "position" | "sx" | "variant" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
55
52
  ownerState?: undefined;
56
53
  } & {
57
54
  className?: string;
58
55
  ownerState?: object;
59
56
  }, "ref"> & import("react").RefAttributes<unknown>>;
60
- export declare const HeaderCloseButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
61
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
62
- }, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "color" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator">, "form" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "name" | "size" | "type" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
57
+ export declare const HeaderCloseButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "color" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator">, "form" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "name" | "size" | "type" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
63
58
  ownerState?: undefined;
64
59
  } & {
65
60
  className?: string;
@@ -80,9 +75,7 @@ export declare const ColorPalette: import("react").ForwardRefExoticComponent<Omi
80
75
  type ColorPaletteItemProps = {
81
76
  colorValue: string;
82
77
  };
83
- export declare const ColorPaletteItem: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
84
- ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
85
- }, keyof import("@mui/system").BoxOwnProps<Theme>>, "slot" | "style" | "title" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
78
+ export declare const ColorPaletteItem: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/system").BoxOwnProps<Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<Theme>>, "slot" | "style" | "title" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
86
79
  ownerState: ColorPaletteItemProps;
87
80
  } & {
88
81
  className?: string;
@@ -94,9 +87,7 @@ export declare const Footer: import("react").ForwardRefExoticComponent<Omit<Pick
94
87
  className?: string;
95
88
  ownerState?: object;
96
89
  }, "ref"> & import("react").RefAttributes<unknown>>;
97
- export declare const FooterClearButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
98
- ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
99
- }, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "form" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "name" | "type" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
90
+ export declare const FooterClearButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "form" | "slot" | "style" | "title" | "className" | "classes" | "ref" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "name" | "type" | "value" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import("@mui/system").MUIStyledCommonProps<Theme> & {
100
91
  ownerState?: undefined;
101
92
  } & {
102
93
  className?: string;
@@ -126,17 +117,7 @@ export declare const PreviewIndicator: import("react").ForwardRefExoticComponent
126
117
  className?: string;
127
118
  ownerState?: object;
128
119
  }, "ref">) & import("react").RefAttributes<unknown>>;
129
- export declare const HexColorPicker: import("react").ForwardRefExoticComponent<Pick<Partial<import("react-colorful/dist/types").ColorPickerBaseProps<string>>, keyof import("react-colorful/dist/types").ColorPickerBaseProps<string>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
130
- ownerState?: undefined;
131
- } & {
132
- className?: string;
133
- ownerState?: object;
134
- } & import("react").RefAttributes<unknown>>;
135
- export declare const RgbaStringColorPicker: import("react").ForwardRefExoticComponent<Pick<Partial<import("react-colorful/dist/types").ColorPickerBaseProps<string>>, keyof import("react-colorful/dist/types").ColorPickerBaseProps<string>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
136
- ownerState?: undefined;
137
- } & {
138
- className?: string;
139
- ownerState?: object;
140
- } & import("react").RefAttributes<unknown>>;
120
+ export declare const HexColorPicker: ComponentType<ComponentProps<typeof HexColorPickerBase>>;
121
+ export declare const RgbaStringColorPicker: ComponentType<ComponentProps<typeof RgbaStringColorPickerBase>>;
141
122
  export {};
142
123
  //# sourceMappingURL=ColorPicker.slots.d.ts.map
package/lib/ColorPicker.slots.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.slots.d.ts","sourceRoot":"","sources":["../src/ColorPicker.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,eAAe,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAuC,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAO,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE1H,MAAM,MAAM,mBAAmB,GACzB,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,iBAAiB,GACjB,mBAAmB,GACnB,oBAAoB,GACpB,cAAc,GACd,kBAAkB,GAClB,QAAQ,GACR,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,uBAAuB,GACvB,uBAAuB,GACvB,yBAAyB,GACzB,gBAAgB,GAChB,uBAAuB,CAAC;AAE9B,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,UAAU,EAAE,KAAK,CAAC;IAClB,MAAM,EAAE,KAAK,CAAC;IACd,eAAe,EAAE,OAAO,UAAU,CAAC;IACnC,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,kBAAkB,EAAE,KAAK,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC;IACpB,gBAAgB,EAAE,OAAO,GAAG,CAAC;IAC7B,MAAM,EAAE,KAAK,CAAC;IACd,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC;IACf,gBAAgB,EAAE,KAAK,CAAC;IACxB,qBAAqB,EAAE,KAAK,CAAC;IAC7B,qBAAqB,EAAE,KAAK,CAAC;IAC7B,uBAAuB,EAAE,KAAK,CAAC;IAC/B,cAAc,EAAE,OAAO,kBAAkB,CAAC;IAC1C,qBAAqB,EAAE,OAAO,yBAAyB,CAAC;CAC3D,CAAC,CAAC,WAAW,CAAC,CAAC;AAUhB,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,cAAc;;;;;;;mDAGvB,CAAC;AAEL,eAAO,MAAM,UAAU;;;;;mDAKrB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;mDASlB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;mDAO3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;mDAU7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;mDA4C9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;mDAaxB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;mDAc5B,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;mDAWlB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;mDAS7B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;mDAQlB,CAAC;AAIH,MAAM,MAAM,mCAAmC,GAAG;IAC9C,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;oDAkD5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;2CAGvB,CAAC;AAEL,eAAO,MAAM,qBAAqB;;;;;2CAG9B,CAAC"}
1
+ {"version":3,"file":"ColorPicker.slots.d.ts","sourceRoot":"","sources":["../src/ColorPicker.slots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,eAAe,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAuC,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAO,KAAK,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,qBAAqB,IAAI,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE1H,MAAM,MAAM,mBAAmB,GACzB,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,iBAAiB,GACjB,mBAAmB,GACnB,oBAAoB,GACpB,cAAc,GACd,kBAAkB,GAClB,QAAQ,GACR,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,uBAAuB,GACvB,uBAAuB,GACvB,yBAAyB,GACzB,gBAAgB,GAChB,uBAAuB,CAAC;AAE9B,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;IAC7C,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,UAAU,EAAE,KAAK,CAAC;IAClB,MAAM,EAAE,KAAK,CAAC;IACd,eAAe,EAAE,OAAO,UAAU,CAAC;IACnC,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,kBAAkB,EAAE,KAAK,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC;IACpB,gBAAgB,EAAE,OAAO,GAAG,CAAC;IAC7B,MAAM,EAAE,KAAK,CAAC;IACd,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC;IACf,gBAAgB,EAAE,KAAK,CAAC;IACxB,qBAAqB,EAAE,KAAK,CAAC;IAC7B,qBAAqB,EAAE,KAAK,CAAC;IAC7B,uBAAuB,EAAE,KAAK,CAAC;IAC/B,cAAc,EAAE,OAAO,kBAAkB,CAAC;IAC1C,qBAAqB,EAAE,OAAO,yBAAyB,CAAC;CAC3D,CAAC,CAAC,WAAW,CAAC,CAAC;AAUhB,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,cAAc;;;;;mDAGvB,CAAC;AAEL,eAAO,MAAM,UAAU;;;;;mDAKrB,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;mDASlB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;mDAO3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;mDAU7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;mDA4C9B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;mDAaxB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;mDAc5B,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;mDAWlB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;mDAS7B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;mDAQlB,CAAC;AAIH,MAAM,MAAM,mCAAmC,GAAG;IAC9C,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;oDAkD5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAGhF,CAAC;AAEL,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,CAAC,OAAO,yBAAyB,CAAC,CAK9F,CAAC"}
package/lib/ColorPicker.slots.js CHANGED
@@ -1,52 +1,46 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Root = exports.RgbaStringColorPicker = exports.PreviewIndicator = exports.Preview = exports.PopperRoot = exports.InputAdornment = exports.HexColorPicker = exports.HeaderTitleText = exports.HeaderCloseButton = exports.Header = exports.FooterClearButton = exports.Footer = exports.ColorPickerWrapper = exports.ColorPaletteItem = exports.ColorPalette = void 0;
7
- var _admin = require("@comet/admin");
8
- var _material = require("@mui/material");
9
- var _styles = require("@mui/material/styles");
10
- var _reactColorful = require("react-colorful");
11
1
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
12
2
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
+ import { createComponentSlot, InputWithPopper } from "@comet/admin";
4
+ import { Box, ButtonBase, IconButton, InputAdornment as MuiInputAdornment, Typography } from "@mui/material";
5
+ import { css } from "@mui/material/styles";
6
+ import { HexColorPicker as HexColorPickerBase, RgbaStringColorPicker as RgbaStringColorPickerBase } from "react-colorful";
13
7
  var getPopperSectionStyles = function getPopperSectionStyles(theme) {
14
- return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n\n &:not(:last-child) {\n border-bottom: thin solid ", ";\n }\n"])), theme.spacing(3), theme.palette.grey[100]);
8
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n\n &:not(:last-child) {\n border-bottom: thin solid ", ";\n }\n"])), theme.spacing(3), theme.palette.grey[100]);
15
9
  };
16
- var Root = exports.Root = (0, _admin.createComponentSlot)(_admin.InputWithPopper)({
10
+ export var Root = createComponentSlot(InputWithPopper)({
17
11
  componentName: "ColorPicker",
18
12
  slotName: "root"
19
13
  })();
20
- var InputAdornment = exports.InputAdornment = (0, _admin.createComponentSlot)(_material.InputAdornment)({
14
+ export var InputAdornment = createComponentSlot(MuiInputAdornment)({
21
15
  componentName: "ColorPicker",
22
16
  slotName: "inputAdornment"
23
17
  })();
24
- var PopperRoot = exports.PopperRoot = (0, _admin.createComponentSlot)("div")({
18
+ export var PopperRoot = createComponentSlot("div")({
25
19
  componentName: "ColorPicker",
26
20
  slotName: "popperRoot"
27
- })((0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 300px;\n"]))));
28
- var Header = exports.Header = (0, _admin.createComponentSlot)("div")({
21
+ })(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 300px;\n"]))));
22
+ export var Header = createComponentSlot("div")({
29
23
  componentName: "ColorPicker",
30
24
  slotName: "header"
31
25
  })(function (_ref) {
32
26
  var theme = _ref.theme;
33
- return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n position: relative;\n padding-right: 40px;\n "])), getPopperSectionStyles(theme));
27
+ return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n position: relative;\n padding-right: 40px;\n "])), getPopperSectionStyles(theme));
34
28
  });
35
- var HeaderTitleText = exports.HeaderTitleText = (0, _admin.createComponentSlot)(_material.Typography)({
29
+ export var HeaderTitleText = createComponentSlot(Typography)({
36
30
  componentName: "ColorPicker",
37
31
  slotName: "headerTitleText"
38
32
  })(function (_ref2) {
39
33
  var theme = _ref2.theme;
40
- return (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-weight: ", ";\n "])), theme.typography.fontWeightBold);
34
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-weight: ", ";\n "])), theme.typography.fontWeightBold);
41
35
  });
42
- var HeaderCloseButton = exports.HeaderCloseButton = (0, _admin.createComponentSlot)(_material.IconButton)({
36
+ export var HeaderCloseButton = createComponentSlot(IconButton)({
43
37
  componentName: "ColorPicker",
44
38
  slotName: "headerCloseButton"
45
39
  })(function (_ref3) {
46
40
  var theme = _ref3.theme;
47
- return (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: ", ";\n "])), theme.spacing(2));
41
+ return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: ", ";\n "])), theme.spacing(2));
48
42
  });
49
- var ColorPickerWrapper = exports.ColorPickerWrapper = (0, _admin.createComponentSlot)("div")({
43
+ export var ColorPickerWrapper = createComponentSlot("div")({
50
44
  componentName: "ColorPicker",
51
45
  slotName: "colorPickerWrapper",
52
46
  classesResolver: function classesResolver() {
@@ -54,9 +48,9 @@ var ColorPickerWrapper = exports.ColorPickerWrapper = (0, _admin.createComponent
54
48
  }
55
49
  })(function (_ref4) {
56
50
  var theme = _ref4.theme;
57
- return (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n\n .react-colorful {\n width: 100%;\n height: auto;\n\n &__pointer {\n width: 30px;\n height: 30px;\n }\n\n &__saturation,\n &__hue,\n &__alpha {\n border-radius: 0;\n\n &:not(:last-child) {\n margin-bottom: ", ";\n }\n }\n\n &__saturation {\n border-bottom: none;\n height: 270px;\n }\n\n &__hue,\n &__alpha {\n height: 20px;\n }\n\n &__alpha-gradient {\n box-shadow: none;\n }\n }\n "])), getPopperSectionStyles(theme), theme.spacing(3));
51
+ return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n\n .react-colorful {\n width: 100%;\n height: auto;\n\n &__pointer {\n width: 30px;\n height: 30px;\n }\n\n &__saturation,\n &__hue,\n &__alpha {\n border-radius: 0;\n\n &:not(:last-child) {\n margin-bottom: ", ";\n }\n }\n\n &__saturation {\n border-bottom: none;\n height: 270px;\n }\n\n &__hue,\n &__alpha {\n height: 20px;\n }\n\n &__alpha-gradient {\n box-shadow: none;\n }\n }\n "])), getPopperSectionStyles(theme), theme.spacing(3));
58
52
  });
59
- var ColorPalette = exports.ColorPalette = (0, _admin.createComponentSlot)("div")({
53
+ export var ColorPalette = createComponentSlot("div")({
60
54
  componentName: "ColorPicker",
61
55
  slotName: "colorPalette",
62
56
  classesResolver: function classesResolver() {
@@ -64,17 +58,17 @@ var ColorPalette = exports.ColorPalette = (0, _admin.createComponentSlot)("div")
64
58
  }
65
59
  })(function (_ref5) {
66
60
  var theme = _ref5.theme;
67
- return (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n display: flex;\n flex-wrap: wrap;\n gap: ", ";\n "])), getPopperSectionStyles(theme), theme.spacing(1));
61
+ return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n display: flex;\n flex-wrap: wrap;\n gap: ", ";\n "])), getPopperSectionStyles(theme), theme.spacing(1));
68
62
  });
69
- var ColorPaletteItem = exports.ColorPaletteItem = (0, _admin.createComponentSlot)(_material.Box)({
63
+ export var ColorPaletteItem = createComponentSlot(Box)({
70
64
  componentName: "ColorPicker",
71
65
  slotName: "colorPaletteItem"
72
66
  })(function (_ref6) {
73
67
  var theme = _ref6.theme,
74
68
  ownerState = _ref6.ownerState;
75
- return (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n border: thin solid ", ";\n border-radius: ", ";\n box-sizing: border-box;\n background-color: ", ";\n "])), theme.palette.grey[100], theme.shape.borderRadius, ownerState.colorValue);
69
+ return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n cursor: pointer;\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n border: thin solid ", ";\n border-radius: ", ";\n box-sizing: border-box;\n background-color: ", ";\n "])), theme.palette.grey[100], theme.shape.borderRadius, ownerState.colorValue);
76
70
  });
77
- var Footer = exports.Footer = (0, _admin.createComponentSlot)("div")({
71
+ export var Footer = createComponentSlot("div")({
78
72
  componentName: "ColorPicker",
79
73
  slotName: "footer",
80
74
  classesResolver: function classesResolver() {
@@ -82,20 +76,20 @@ var Footer = exports.Footer = (0, _admin.createComponentSlot)("div")({
82
76
  }
83
77
  })(function (_ref7) {
84
78
  var theme = _ref7.theme;
85
- return (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", "\n padding: ", ";\n "])), getPopperSectionStyles(theme), theme.spacing(1));
79
+ return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", "\n padding: ", ";\n "])), getPopperSectionStyles(theme), theme.spacing(1));
86
80
  });
87
- var FooterClearButton = exports.FooterClearButton = (0, _admin.createComponentSlot)(_material.ButtonBase)({
81
+ export var FooterClearButton = createComponentSlot(ButtonBase)({
88
82
  componentName: "ColorPicker",
89
83
  slotName: "footerClearButton"
90
84
  })(function (_ref8) {
91
85
  var theme = _ref8.theme;
92
- return (0, _styles.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n padding: ", ";\n border-radius: ", ";\n gap: 8px;\n "])), theme.spacing(2), theme.shape.borderRadius);
86
+ return css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n padding: ", ";\n border-radius: ", ";\n gap: 8px;\n "])), theme.spacing(2), theme.shape.borderRadius);
93
87
  });
94
- var Preview = exports.Preview = (0, _admin.createComponentSlot)("div")({
88
+ export var Preview = createComponentSlot("div")({
95
89
  componentName: "ColorPicker",
96
90
  slotName: "preview"
97
- })((0, _styles.css)(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n width: 24px;\n height: 24px;\n"]))));
98
- var PreviewIndicator = exports.PreviewIndicator = (0, _admin.createComponentSlot)("div")({
91
+ })(css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n width: 24px;\n height: 24px;\n"]))));
92
+ export var PreviewIndicator = createComponentSlot("div")({
99
93
  componentName: "ColorPicker",
100
94
  slotName: "previewIndicator",
101
95
  classesResolver: function classesResolver(_ref9) {
@@ -105,13 +99,13 @@ var PreviewIndicator = exports.PreviewIndicator = (0, _admin.createComponentSlot
105
99
  })(function (_ref0) {
106
100
  var theme = _ref0.theme,
107
101
  ownerState = _ref0.ownerState;
108
- return (0, _styles.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border: thin solid ", ";\n border-radius: ", ";\n\n ", "\n\n ", "\n\n ", "\n "])), theme.palette.divider, theme.shape.borderRadius, ownerState.type === "color" && (0, _styles.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), ownerState.color), ownerState.type === "empty" && (0, _styles.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:before {\n content: \"\";\n display: block;\n background-color: #f62929;\n width: 1px;\n height: calc(100% - 4px);\n transform: rotate(45deg);\n }\n "]))), ownerState.type === "invalid" && (0, _styles.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: ", ";\n color: ", ";\n text-align: center;\n "])), theme.typography.fontWeightBold, theme.palette.text.secondary));
102
+ return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border: thin solid ", ";\n border-radius: ", ";\n\n ", "\n\n ", "\n\n ", "\n "])), theme.palette.divider, theme.shape.borderRadius, ownerState.type === "color" && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), ownerState.color), ownerState.type === "empty" && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:before {\n content: \"\";\n display: block;\n background-color: #f62929;\n width: 1px;\n height: calc(100% - 4px);\n transform: rotate(45deg);\n }\n "]))), ownerState.type === "invalid" && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: ", ";\n color: ", ";\n text-align: center;\n "])), theme.typography.fontWeightBold, theme.palette.text.secondary));
109
103
  });
110
- var HexColorPicker = exports.HexColorPicker = (0, _admin.createComponentSlot)(_reactColorful.HexColorPicker)({
104
+ export var HexColorPicker = createComponentSlot(HexColorPickerBase)({
111
105
  componentName: "ColorPicker",
112
106
  slotName: "hexColorPicker"
113
107
  })();
114
- var RgbaStringColorPicker = exports.RgbaStringColorPicker = (0, _admin.createComponentSlot)(_reactColorful.RgbaStringColorPicker)({
108
+ export var RgbaStringColorPicker = createComponentSlot(RgbaStringColorPickerBase)({
115
109
  componentName: "ColorPicker",
116
110
  slotName: "rgbaStringColorPicker"
117
111
  })();
package/lib/FinalFormColorPicker.js CHANGED
@@ -1,12 +1,4 @@
1
- "use strict";
2
-
3
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.FinalFormColorPicker = void 0;
8
- var _ColorPicker = require("./ColorPicker");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
2
  var _excluded = ["meta", "input"];
11
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -15,14 +7,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
15
7
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
16
8
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
17
9
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
+ import { ColorPicker } from "./ColorPicker";
11
+ import { jsx as _jsx } from "react/jsx-runtime";
18
12
  /**
19
13
  * Final Form-compatible ColorPicker component.
20
14
  *
21
15
  * @see {@link ColorField} – preferred for typical form use. Use this only if no Field wrapper is needed.
22
16
  */
23
- var FinalFormColorPicker = exports.FinalFormColorPicker = function FinalFormColorPicker(_ref) {
17
+ export var FinalFormColorPicker = function FinalFormColorPicker(_ref) {
24
18
  var meta = _ref.meta,
25
19
  input = _ref.input,
26
20
  restProps = _objectWithoutProperties(_ref, _excluded);
27
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.ColorPicker, _objectSpread(_objectSpread({}, input), restProps));
21
+ return /*#__PURE__*/_jsx(ColorPicker, _objectSpread(_objectSpread({}, input), restProps));
28
22
  };
package/lib/index.js CHANGED
@@ -1,26 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "ColorField", {
7
- enumerable: true,
8
- get: function get() {
9
- return _ColorField.ColorField;
10
- }
11
- });
12
- Object.defineProperty(exports, "ColorPicker", {
13
- enumerable: true,
14
- get: function get() {
15
- return _ColorPicker.ColorPicker;
16
- }
17
- });
18
- Object.defineProperty(exports, "FinalFormColorPicker", {
19
- enumerable: true,
20
- get: function get() {
21
- return _FinalFormColorPicker.FinalFormColorPicker;
22
- }
23
- });
24
- var _ColorField = require("./ColorField");
25
- var _ColorPicker = require("./ColorPicker");
26
- var _FinalFormColorPicker = require("./FinalFormColorPicker");
1
+ export { ColorField } from "./ColorField";
2
+ export { ColorPicker } from "./ColorPicker";
3
+ export { FinalFormColorPicker } from "./FinalFormColorPicker";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@comet/admin-color-picker",
3
- "version": "8.17.1",
3
+ "version": "9.0.0-beta.0",
4
4
  "description": "Comet Admin Color Picker component",
5
5
  "repository": {
6
6
  "directory": "packages/admin/admin-color-picker",
@@ -8,9 +8,13 @@
8
8
  "url": "https://github.com/vivid-planet/comet"
9
9
  },
10
10
  "license": "BSD-2-Clause",
11
- "type": "commonjs",
12
- "main": "lib/index.js",
13
- "types": "lib/index.d.ts",
11
+ "type": "module",
12
+ "exports": {
13
+ ".": {
14
+ "import": "./lib/index.js",
15
+ "types": "./lib/index.d.ts"
16
+ }
17
+ },
14
18
  "files": [
15
19
  "lib"
16
20
  ],
@@ -18,33 +22,33 @@
18
22
  "react-colorful": "^5.6.1",
19
23
  "tinycolor2": "^1.6.0",
20
24
  "use-debounce": "^10.0.6",
21
- "@comet/admin": "8.17.1",
22
- "@comet/admin-icons": "8.17.1"
25
+ "@comet/admin": "9.0.0-beta.0",
26
+ "@comet/admin-icons": "9.0.0-beta.0"
23
27
  },
24
28
  "devDependencies": {
25
29
  "@babel/cli": "^7.28.6",
26
30
  "@babel/core": "^7.28.6",
27
31
  "@mui/material": "^7.3.7",
28
- "@types/react": "^18.3.27",
29
- "@types/react-dom": "^18.3.7",
32
+ "@types/react": "^19.2.10",
33
+ "@types/react-dom": "^19.2.3",
30
34
  "@types/tinycolor2": "^1.4.6",
31
35
  "eslint": "^9.39.2",
32
36
  "final-form": "^4.20.10",
33
37
  "npm-run-all2": "^8.0.4",
34
38
  "prettier": "^3.6.2",
35
- "react": "^18.3.1",
36
- "react-dom": "^18.3.1",
39
+ "react": "^19.2.4",
40
+ "react-dom": "^19.2.4",
37
41
  "react-final-form": "^6.5.9",
38
42
  "react-intl": "^7.1.11",
39
43
  "rimraf": "^6.1.2",
40
44
  "typescript": "^5.9.3",
41
- "@comet/admin-babel-preset": "8.17.1",
42
- "@comet/eslint-config": "8.17.1"
45
+ "@comet/admin-babel-preset": "9.0.0-beta.0",
46
+ "@comet/eslint-config": "9.0.0-beta.0"
43
47
  },
44
48
  "peerDependencies": {
45
49
  "@mui/material": "^7.0.0",
46
- "react": "^17.0.0 || ^18.0.0",
47
- "react-dom": "^17.0.0 || ^18.0.0",
50
+ "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
51
+ "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
48
52
  "react-final-form": "^6.3.1",
49
53
  "react-intl": "^5.0.0 || ^6.0.0 || ^7.0.0"
50
54
  },