@progress/kendo-react-inputs 15.2.0-develop.1 → 15.2.0-develop.2

package/colors/ColorPicker.mjs

@@ -6,133 +6,133 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as t from "react";
-import o from "prop-types";
-import { validatePackage as $e, getLicenseMessage as Ge, usePropsContext as Ze, useAdaptiveModeContext as je, useWebMcpRegister as qe, canUseDOM as Je, Navigation as Qe, getActiveElement as Xe, keepFocusInContainer as z, focusFirstFocusableChild as ve, WatermarkOverlay as Ye, useDir as et, getTabIndex as tt, classNames as q, kendoThemeMaps as ge, IconWrap as nt, createPropsContext as at, svgIconPropType as ot } from "@progress/kendo-react-common";
-import { packageMetadata as ke } from "../package-metadata.mjs";
-import { Picker as rt } from "./Picker.mjs";
-import { ColorGradient as it } from "./ColorGradient.mjs";
-import { DEFAULT_TILE_SIZE as lt, DEFAULT_PRESET as st, ColorPalette as ct } from "./ColorPalette.mjs";
-import { FlatColorPicker as D } from "./FlatColorPicker.mjs";
-import { Button as ut } from "@progress/kendo-react-buttons";
-import { chevronDownIcon as dt } from "@progress/kendo-svg-icons";
-import { colorPickerAdaptiveTitle as Ee, messages as x, flatColorPickerApplyBtn as Ce, flatColorPickerCancelBtn as be, colorPickerDropdownButtonAriaLabel as we } from "../messages/index.mjs";
-import { useLocalization as pt } from "@progress/kendo-react-intl";
-import { AdaptiveMode as ft } from "../common/AdaptiveMode.mjs";
-import { ActionSheetContent as mt } from "@progress/kendo-react-layout";
+import r from "prop-types";
+import { validatePackage as Ge, getLicenseMessage as Ze, usePropsContext as je, useAdaptiveModeContext as qe, useWebMcpRegister as Je, canUseDOM as Qe, Navigation as Xe, getActiveElement as Ye, keepFocusInContainer as N, focusFirstFocusableChild as ve, WatermarkOverlay as et, useDir as tt, getTabIndex as nt, classNames as J, kendoThemeMaps as ke, IconWrap as at, createPropsContext as rt, svgIconPropType as ot } from "@progress/kendo-react-common";
+import { packageMetadata as be } from "../package-metadata.mjs";
+import { Picker as it } from "./Picker.mjs";
+import { ColorGradient as lt } from "./ColorGradient.mjs";
+import { DEFAULT_TILE_SIZE as ct, DEFAULT_PRESET as st, ColorPalette as ut } from "./ColorPalette.mjs";
+import { FlatColorPicker as O } from "./FlatColorPicker.mjs";
+import { Button as dt } from "@progress/kendo-react-buttons";
+import { chevronDownIcon as pt } from "@progress/kendo-svg-icons";
+import { colorPickerAdaptiveTitle as Ce, messages as v, flatColorPickerAriaLabel as k, flatColorPickerApplyBtn as Ee, flatColorPickerCancelBtn as we, colorPickerDropdownButtonAriaLabel as Se } from "../messages/index.mjs";
+import { useLocalization as ft } from "@progress/kendo-react-intl";
+import { AdaptiveMode as mt } from "../common/AdaptiveMode.mjs";
+import { ActionSheetContent as gt } from "@progress/kendo-react-layout";
 const vt = {
   opacity: !0
-}, gt = {
+}, kt = {
   palette: st,
-  tileSize: lt
-}, J = (N) => N !== void 0, kt = at(), Se = t.forwardRef((N, he) => {
-  var ce, ue;
-  const ye = !$e(ke, { component: "ColorPicker" }), _e = Ge(ke), r = Ze(kt, N), S = pt(), Q = je(), {
-    size: u = E.size,
-    rounded: v = E.rounded,
-    fillMode: O = E.fillMode,
-    gradientSettings: C = E.gradientSettings,
-    paletteSettings: h = E.paletteSettings,
-    flatColorPickerSettings: y,
-    view: p = r.views ? void 0 : E.view,
-    views: c = p ? void 0 : E.views,
-    activeView: X,
-    popupSettings: g,
-    valid: Te,
-    disabled: F,
-    tabIndex: Pe,
-    icon: V,
-    svgIcon: H,
-    iconClassName: P,
-    onChange: W,
-    onFocus: M,
-    onBlur: U,
-    onActiveColorClick: K,
-    className: Re,
+  tileSize: ct
+}, Q = (F) => F !== void 0, bt = rt(), he = t.forwardRef((F, ye) => {
+  var ue, de;
+  const Pe = !Ge(be, { component: "ColorPicker" }), Te = Ze(be), o = je(bt, F), p = ft(), X = qe(), {
+    size: u = w.size,
+    rounded: b = w.rounded,
+    fillMode: V = w.fillMode,
+    gradientSettings: S = w.gradientSettings,
+    paletteSettings: P = w.paletteSettings,
+    flatColorPickerSettings: T,
+    view: f = o.views ? void 0 : w.view,
+    views: s = f ? void 0 : w.views,
+    activeView: Y,
+    popupSettings: C,
+    valid: Re,
+    disabled: _,
+    tabIndex: Le,
+    icon: H,
+    svgIcon: W,
+    iconClassName: A,
+    onChange: M,
+    onFocus: U,
+    onBlur: K,
+    onActiveColorClick: $,
+    className: _e,
     adaptive: Ae,
-    adaptiveTitle: Y = S.toLanguageString(Ee, x[Ee]),
-    adaptiveSubtitle: ee,
-    showButtons: b = !0
-  } = r, l = t.useRef(null), _ = t.useRef(null), R = t.useRef(null), m = t.useRef(null), w = t.useRef(void 0), te = t.useRef(null), [Ie, ne] = t.useState(!1), [Be, Le] = t.useState(r.defaultValue || void 0), [ze, De] = t.useState(!1), [A, xe] = t.useState(), $ = J(r.value), k = J(r.open), i = $ ? r.value : Be, d = k ? r.open : ze, ae = t.useRef(i), I = t.useCallback(() => {
+    adaptiveTitle: ee = p.toLanguageString(Ce, v[Ce]),
+    adaptiveSubtitle: te,
+    showButtons: h = !0
+  } = o, l = t.useRef(null), R = t.useRef(null), I = t.useRef(null), g = t.useRef(null), y = t.useRef(void 0), ne = t.useRef(null), [Ie, ae] = t.useState(!1), [Be, ze] = t.useState(o.defaultValue || void 0), [De, xe] = t.useState(!1), [B, Ne] = t.useState(), G = Q(o.value), E = Q(o.open), i = G ? o.value : Be, d = E ? o.open : De, re = t.useRef(i), z = t.useCallback(() => {
     l.current && l.current.focus();
   }, []);
   t.useImperativeHandle(
-    he,
+    ye,
     () => ({
       // we agreed that each element will have focus method exposed
       element: l.current,
-      actionElement: te.current,
+      actionElement: ne.current,
       value: i,
-      focus: I
+      focus: z
     }),
-    [i, I]
+    [i, z]
   );
   const oe = t.useRef(null);
   t.useImperativeHandle(
     oe,
     () => ({
       element: l.current,
-      actionElement: te.current,
+      actionElement: ne.current,
       value: i,
-      focus: I
+      focus: z
     }),
-    [i, I]
-  ), qe("colorpicker", oe, r, r.webMcp);
-  const G = !!(A && Q && A <= Q.medium && Ae);
+    [i, z]
+  ), Je("colorpicker", oe, o, o.webMcp);
+  const Z = !!(B && X && B <= X.medium && Ae);
   t.useEffect(() => {
-    const e = Je && window.ResizeObserver && new window.ResizeObserver(Ue.bind(void 0));
+    const e = Qe && window.ResizeObserver && new window.ResizeObserver(Ke.bind(void 0));
     return document != null && document.body && e && e.observe(document.body), () => {
       document != null && document.body && e && e.disconnect();
     };
   }, []);
   const a = t.useCallback(
-    (e, s) => {
-      k || (!e && !s && l && l.current && l.current.focus(), De(e));
+    (e, c) => {
+      E || (!e && !c && l && l.current && l.current.focus(), xe(e));
     },
-    [k]
-  ), re = t.useMemo(() => new Qe({
+    [E]
+  ), ie = t.useMemo(() => new Xe({
     root: l,
     selectors: [".k-colorpicker", ".k-color-picker-popup"],
     tabIndex: 0,
     keyboardEvents: {
       keydown: {
-        Escape: (e, s, n) => {
+        Escape: (e, c, n) => {
           a(!1);
         },
-        Enter: (e, s, n) => {
-          !k && e === l.current && (n.preventDefault(), n.stopPropagation(), a(!0));
+        Enter: (e, c, n) => {
+          !E && e === l.current && (n.preventDefault(), n.stopPropagation(), a(!0));
         },
-        ArrowDown: (e, s, n) => {
+        ArrowDown: (e, c, n) => {
           n.altKey && (n.preventDefault(), n.stopPropagation(), a(!0));
         },
-        ArrowUp: (e, s, n) => {
+        ArrowUp: (e, c, n) => {
           n.altKey && (n.preventDefault(), n.stopPropagation(), a(!1));
         },
-        Tab: (e, s, n) => {
-          var T, de, pe;
-          if (Xe(document) !== l.current) {
-            const fe = (T = R.current) == null ? void 0 : T.wrapperRef.current, L = (de = _.current) == null ? void 0 : de.wrapperRef.current, me = (pe = m.current) == null ? void 0 : pe.element;
-            p === "palette" && fe ? z(n, fe) : p === "gradient" && L ? z(n, L) : p === "combo" && L ? z(n, L.parentElement) : c && me && z(n, me);
+        Tab: (e, c, n) => {
+          var L, pe, fe;
+          if (Ye(document) !== l.current) {
+            const me = (L = I.current) == null ? void 0 : L.wrapperRef.current, x = (pe = R.current) == null ? void 0 : pe.wrapperRef.current, ge = (fe = g.current) == null ? void 0 : fe.element;
+            f === "palette" && me ? N(n, me) : f === "gradient" && x ? N(n, x) : f === "combo" && x ? N(n, x.parentElement) : s && ge && N(n, ge);
           }
         }
       }
     }
-  }), [a, k]), Ne = t.useCallback(re.triggerKeyboardEvent.bind(re), []), Oe = t.useCallback(() => {
-    k || (_.current && _.current.wrapperRef.current ? ve(_.current.wrapperRef.current) : R.current ? R.current.focus() : m.current && m.current.element && ve(m.current.element));
-  }, [k]), B = (e) => ae.current = e, ie = t.useCallback(
+  }), [a, E]), Oe = t.useCallback(ie.triggerKeyboardEvent.bind(ie), []), Fe = t.useCallback(() => {
+    E || (R.current && R.current.wrapperRef.current ? ve(R.current.wrapperRef.current) : I.current ? I.current.focus() : g.current && g.current.element && ve(g.current.element));
+  }, [E]), D = (e) => re.current = e, le = t.useCallback(
     (e) => {
-      const s = {
-        value: ae.current,
+      const c = {
+        value: re.current,
         nativeEvent: e.nativeEvent,
         syntheticEvent: e
       };
-      f(s), a(!d, !0);
+      m(c), a(!d, !0);
     },
     [d]
-  ), Z = t.useCallback(() => {
+  ), j = t.useCallback(() => {
     a(!1, !0);
-  }, [a]), Fe = t.useCallback(
+  }, [a]), Ve = t.useCallback(
     (e) => {
-      K && K.call(void 0, {
+      $ && $.call(void 0, {
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         value: i,
@@ -142,30 +142,30 @@ const vt = {
         }
       });
     },
-    [K, i]
-  ), Ve = t.useCallback(
+    [$, i]
+  ), He = t.useCallback(
     (e) => {
-      w.current ? (clearTimeout(w.current), w.current = void 0) : (ne(!0), G && !d && a(!0)), M && M.call(void 0, {
+      y.current ? (clearTimeout(y.current), y.current = void 0) : (ae(!0), Z && !d && a(!0)), U && U.call(void 0, {
         nativeEvent: e.nativeEvent,
         syntheticEvent: e
       });
     },
-    [G, M, d, a]
-  ), He = t.useCallback(() => {
-    a(!1, !0), ne(!1), w.current = void 0;
-  }, []), We = t.useCallback(
+    [Z, U, d, a]
+  ), We = t.useCallback(() => {
+    a(!1, !0), ae(!1), y.current = void 0;
+  }, []), Me = t.useCallback(
     (e) => {
-      clearTimeout(w.current), w.current = window.setTimeout(He), U && U.call(void 0, {
+      clearTimeout(y.current), y.current = window.setTimeout(We), K && K.call(void 0, {
         nativeEvent: e.nativeEvent,
         syntheticEvent: e
       });
     },
-    [U]
-  ), f = t.useCallback(
-    (e, s) => {
-      var T;
-      const n = s ? e.rgbaValue || "" : (T = e.value) != null ? T : "";
-      $ || Le(n), W && W.call(void 0, {
+    [K]
+  ), m = t.useCallback(
+    (e, c) => {
+      var L;
+      const n = c ? e.rgbaValue || "" : (L = e.value) != null ? L : "";
+      G || ze(n), M && M.call(void 0, {
         value: n,
         nativeEvent: e.nativeEvent,
         syntheticEvent: e.syntheticEvent,
@@ -175,250 +175,258 @@ const vt = {
         }
       }), a(!1);
     },
-    [$, W]
-  ), le = t.useCallback(
-    (e) => f(e, !0),
-    [J, f]
-  ), j = t.useCallback(
-    (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, (p === "combo" || p === "gradient") && /* @__PURE__ */ t.createElement(
-      it,
+    [G, M]
+  ), ce = t.useCallback(
+    (e) => m(e, !0),
+    [Q, m]
+  ), q = t.useCallback(
+    (e) => /* @__PURE__ */ t.createElement(t.Fragment, null, (f === "combo" || f === "gradient") && /* @__PURE__ */ t.createElement(
+      lt,
       {
-        ...C,
+        ...S,
         _adaptive: e,
-        ref: _,
+        ref: R,
         isInsidePopup: !0,
         role: "none",
         ariaLabel: void 0,
         size: e ? "large" : u,
         value: i,
-        onChange: f
+        onChange: m
       }
-    ), (p === "combo" || p === "palette") && /* @__PURE__ */ t.createElement(
-      ct,
+    ), (f === "combo" || f === "palette") && /* @__PURE__ */ t.createElement(
+      ut,
       {
-        ...h,
-        ref: R,
+        ...P,
+        ref: I,
         size: e ? "large" : u,
         value: i,
-        onChange: le
+        onChange: ce
       }
-    ), c && c[0] === "gradient" && c[1] === "palette" && /* @__PURE__ */ t.createElement(
-      D,
+    ), s && s[0] === "gradient" && s[1] === "palette" && /* @__PURE__ */ t.createElement(
+      O,
       {
-        ...y,
-        _paletteSettings: h,
-        _gradientSettings: { _adaptive: e, ...C },
-        ref: m,
+        ariaLabel: p.toLanguageString(k, v[k]),
+        ...T,
+        paletteSettings: P,
+        gradientSettings: { _adaptive: e, ...S },
+        ref: g,
         size: e ? "large" : u,
-        rounded: v,
+        rounded: b,
         views: ["gradient", "palette"],
-        activeView: X,
+        activeView: Y,
         setOpen: a,
-        showButtons: e ? !1 : b,
+        showButtons: e ? !1 : h,
         value: i,
-        onChange: f,
-        setAdaptiveModeValue: B
+        onChange: m,
+        setAdaptiveModeValue: D
       }
-    ), c && c[0] === "palette" && c[1] === "gradient" && /* @__PURE__ */ t.createElement(
-      D,
+    ), s && s[0] === "palette" && s[1] === "gradient" && /* @__PURE__ */ t.createElement(
+      O,
       {
-        ...y,
-        _paletteSettings: h,
-        _gradientSettings: { _adaptive: e, ...C },
-        ref: m,
+        ariaLabel: p.toLanguageString(k, v[k]),
+        ...T,
+        paletteSettings: P,
+        gradientSettings: { _adaptive: e, ...S },
+        ref: g,
         size: e ? "large" : u,
-        rounded: v,
+        rounded: b,
         views: ["palette", "gradient"],
         setOpen: a,
-        showButtons: e ? !1 : b,
+        showButtons: e ? !1 : h,
         value: i,
-        onChange: f,
-        setAdaptiveModeValue: B
+        onChange: m,
+        setAdaptiveModeValue: D
       }
-    ), c && c.includes("gradient") && !c.includes("palette") && /* @__PURE__ */ t.createElement(
-      D,
+    ), s && s.includes("gradient") && !s.includes("palette") && /* @__PURE__ */ t.createElement(
+      O,
       {
-        ...y,
-        _gradientSettings: { _adaptive: e, ...C },
-        ref: m,
+        ariaLabel: p.toLanguageString(k, v[k]),
+        ...T,
+        gradientSettings: { _adaptive: e, ...S },
+        ref: g,
         size: e ? "large" : u,
-        rounded: v,
+        rounded: b,
         views: ["gradient"],
-        showButtons: e ? !1 : b,
+        showButtons: e ? !1 : h,
         setOpen: a,
         value: i,
-        onChange: f,
-        setAdaptiveModeValue: B
+        onChange: m,
+        setAdaptiveModeValue: D
       }
-    ), c && c.includes("palette") && !c.includes("gradient") && /* @__PURE__ */ t.createElement(
-      D,
+    ), s && s.includes("palette") && !s.includes("gradient") && /* @__PURE__ */ t.createElement(
+      O,
       {
-        ...y,
-        _paletteSettings: h,
-        _gradientSettings: { _adaptive: e, ...C },
-        ref: m,
+        ariaLabel: p.toLanguageString(k, v[k]),
+        ...T,
+        paletteSettings: P,
+        gradientSettings: { _adaptive: e, ...S },
+        ref: g,
         size: e ? "large" : u,
-        rounded: v,
+        rounded: b,
         views: ["palette"],
-        showButtons: e ? !1 : b,
+        showButtons: e ? !1 : h,
         setOpen: a,
         value: i,
-        onChange: f,
-        setAdaptiveModeValue: B
+        onChange: m,
+        setAdaptiveModeValue: D
       }
-    ), ye && /* @__PURE__ */ t.createElement(Ye, { message: _e })),
+    ), Pe && /* @__PURE__ */ t.createElement(et, { message: Te })),
     [
-      X,
-      O,
-      y,
-      C,
-      f,
-      le,
-      h,
+      Y,
+      V,
+      T,
+      S,
+      m,
+      ce,
+      P,
       a,
       u,
       i,
-      p,
-      c
+      f,
+      s
     ]
-  ), Me = t.useCallback(() => {
-    var s;
+  ), Ue = t.useCallback(() => {
+    var c;
     const e = {
-      animation: !!((s = g == null ? void 0 : g.animate) == null || s),
-      title: Y,
-      subTitle: ee,
+      animation: !!((c = C == null ? void 0 : C.animate) == null || c),
+      title: ee,
+      subTitle: te,
       expand: d,
-      onClose: Z,
-      windowWidth: A,
-      footer: b ? {
-        cancelText: S.toLanguageString(
-          be,
-          x[be]
+      onClose: j,
+      windowWidth: B,
+      footer: h ? {
+        cancelText: p.toLanguageString(
+          we,
+          v[we]
+        ),
+        onCancel: j,
+        applyText: p.toLanguageString(
+          Ee,
+          v[Ee]
         ),
-        onCancel: Z,
-        applyText: S.toLanguageString(Ce, x[Ce]),
-        onApply: ie
+        onApply: le
       } : void 0
     };
-    return /* @__PURE__ */ t.createElement(ft, { ...e }, /* @__PURE__ */ t.createElement(mt, null, j(!0)));
+    return /* @__PURE__ */ t.createElement(mt, { ...e }, /* @__PURE__ */ t.createElement(gt, null, q(!0)));
   }, [
-    g == null ? void 0 : g.animate,
-    Y,
+    C == null ? void 0 : C.animate,
     ee,
+    te,
     d,
-    Z,
-    A,
-    b,
-    S,
-    ie,
-    j
-  ]), Ue = t.useCallback((e) => {
-    for (const s of e)
-      xe(s.target.clientWidth);
-  }, []), se = et(l, r.dir), Ke = Te !== !1;
+    j,
+    B,
+    h,
+    p,
+    le,
+    q
+  ]), Ke = t.useCallback((e) => {
+    for (const c of e)
+      Ne(c.target.clientWidth);
+  }, []), se = tt(l, o.dir), $e = Re !== !1;
   return /* @__PURE__ */ t.createElement(
     "span",
     {
-      id: r.id,
+      id: o.id,
       role: "combobox",
-      "aria-label": r.ariaLabel,
-      "aria-labelledby": r.ariaLabelledBy,
-      "aria-describedby": r.ariaDescribedBy,
+      "aria-label": o.ariaLabel,
+      "aria-labelledby": o.ariaLabelledBy,
+      "aria-describedby": o.ariaDescribedBy,
       "aria-haspopup": "dialog",
       "aria-expanded": d,
-      "aria-controls": d ? `k-colorpicker-popup-${(ce = r.id) != null ? ce : 0}` : void 0,
-      "aria-disabled": F ? "true" : void 0,
-      className: q("k-colorpicker", "k-picker", "k-icon-picker", {
-        [`k-picker-${ge.sizeMap[u] || u}`]: u,
-        [`k-picker-${O}`]: O,
-        [`k-rounded-${ge.roundedMap[v] || v}`]: v,
-        "k-invalid": !Ke,
-        "k-disabled": F,
+      "aria-controls": d ? `k-colorpicker-popup-${(ue = o.id) != null ? ue : 0}` : void 0,
+      "aria-disabled": _ ? "true" : void 0,
+      className: J("k-colorpicker", "k-picker", "k-icon-picker", {
+        [`k-picker-${ke.sizeMap[u] || u}`]: u,
+        [`k-picker-${V}`]: V,
+        [`k-rounded-${ke.roundedMap[b] || b}`]: b,
+        "k-invalid": !$e,
+        "k-disabled": _,
         "k-focus": Ie,
-        className: Re
+        className: _e
       }),
       ref: l,
-      tabIndex: tt(Pe, F),
-      title: r.title,
-      onKeyDown: Ne,
-      onFocus: Ve,
-      onBlur: We,
+      tabIndex: nt(Le, _),
+      title: o.title,
+      onKeyDown: Oe,
+      onFocus: He,
+      onBlur: Me,
       dir: se
     },
     /* @__PURE__ */ t.createElement(
-      rt,
+      it,
       {
         dir: se,
         open: d,
-        onOpen: Oe,
+        onOpen: Fe,
         popupAnchor: l.current || void 0,
-        popupSettings: { id: `k-colorpicker-popup-${(ue = r.id) != null ? ue : 0}`, ...g },
-        input: /* @__PURE__ */ t.createElement("span", { onClick: Fe, className: "k-input-inner" }, /* @__PURE__ */ t.createElement(
+        popupSettings: { id: `k-colorpicker-popup-${(de = o.id) != null ? de : 0}`, ...C },
+        input: /* @__PURE__ */ t.createElement("span", { onClick: Ve, className: "k-input-inner" }, /* @__PURE__ */ t.createElement(
           "span",
           {
-            className: q("k-value-icon", "k-color-preview", {
+            className: J("k-value-icon", "k-color-preview", {
               "k-no-color": !i,
-              "k-icon-color-preview": V || H || P
+              "k-icon-color-preview": H || W || A
             })
           },
-          P && /* @__PURE__ */ t.createElement("span", { className: q("k-color-preview-icon", P) }),
-          !P && (V || H) && /* @__PURE__ */ t.createElement(nt, { name: V, icon: H }),
+          A && /* @__PURE__ */ t.createElement("span", { className: J("k-color-preview-icon", A) }),
+          !A && (H || W) && /* @__PURE__ */ t.createElement(at, { name: H, icon: W }),
           /* @__PURE__ */ t.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: i } })
         )),
         button: /* @__PURE__ */ t.createElement(
-          ut,
+          dt,
           {
             tabIndex: -1,
             type: "button",
             onClick: () => a(!d),
             className: "k-input-button",
+            disabled: _,
             icon: "chevron-down",
-            svgIcon: dt,
+            svgIcon: pt,
             size: u,
-            "aria-label": S.toLanguageString(
-              we,
-              x[we]
+            "aria-label": p.toLanguageString(
+              Se,
+              v[Se]
             )
           }
         ),
-        content: j(!1),
-        _mobileMode: G,
-        _actionSheet: Me()
+        content: q(!1),
+        _mobileMode: Z,
+        _actionSheet: Ue()
       }
     )
   );
 });
-Se.propTypes = {
-  value: o.string,
-  defaultValue: o.string,
-  disabled: o.bool,
-  view: o.oneOf(["gradient", "palette", "combo"]),
-  views: o.arrayOf(o.oneOf(["gradient", "palette"])),
-  dir: o.string,
-  id: o.string,
-  icon: o.string,
+he.propTypes = {
+  value: r.string,
+  defaultValue: r.string,
+  disabled: r.bool,
+  view: r.oneOf(["gradient", "palette", "combo"]),
+  views: r.arrayOf(r.oneOf(["gradient", "palette"])),
+  dir: r.string,
+  id: r.string,
+  icon: r.string,
   svgIcon: ot,
-  ariaLabelledBy: o.string,
-  ariaDescribedBy: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  rounded: o.oneOf(["small", "medium", "large", "full", "none"]),
-  fillMode: o.oneOf(["solid", "flat", "outline"]),
-  className: o.string,
-  adaptive: o.bool,
-  adaptiveTitle: o.string,
-  adaptiveSubtitle: o.string
+  ariaLabelledBy: r.string,
+  ariaDescribedBy: r.string,
+  size: r.oneOf(["small", "medium", "large"]),
+  rounded: r.oneOf(["small", "medium", "large", "full", "none"]),
+  fillMode: r.oneOf(["solid", "flat", "outline"]),
+  className: r.string,
+  adaptive: r.bool,
+  adaptiveTitle: r.string,
+  adaptiveSubtitle: r.string
 };
-const E = {
+const w = {
   size: void 0,
   rounded: void 0,
   fillMode: void 0,
   view: "palette",
   views: ["gradient", "palette"],
   gradientSettings: vt,
-  paletteSettings: gt
+  paletteSettings: kt
 };
-Se.displayName = "KendoColorPicker";
+he.displayName = "KendoColorPicker";
 export {
-  Se as ColorPicker,
-  kt as ColorPickerPropsContext
+  he as ColorPicker,
+  bt as ColorPickerPropsContext
 };