@fluentui/react-color-picker 9.3.2 → 9.3.3

package/lib-commonjs/index.cjs

@@ -5,86 +5,86 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    AlphaSlider: function() {
+    get AlphaSlider () {
         return _AlphaSlider.AlphaSlider;
     },
-    ColorArea: function() {
+    get ColorArea () {
         return _ColorArea.ColorArea;
     },
-    ColorPicker: function() {
+    get ColorPicker () {
         return _ColorPicker.ColorPicker;
     },
-    ColorSlider: function() {
+    get ColorSlider () {
         return _ColorSlider.ColorSlider;
     },
-    alphaSliderClassNames: function() {
+    get alphaSliderClassNames () {
         return _AlphaSlider.alphaSliderClassNames;
     },
-    colorAreaClassNames: function() {
+    get colorAreaClassNames () {
         return _ColorArea.colorAreaClassNames;
     },
-    colorPickerClassNames: function() {
+    get colorPickerClassNames () {
         return _ColorPicker.colorPickerClassNames;
     },
-    colorSliderClassNames: function() {
+    get colorSliderClassNames () {
         return _ColorSlider.colorSliderClassNames;
     },
-    renderAlphaSlider_unstable: function() {
+    get renderAlphaSlider_unstable () {
         return _AlphaSlider.renderAlphaSlider_unstable;
     },
-    renderColorArea_unstable: function() {
+    get renderColorArea_unstable () {
         return _ColorArea.renderColorArea_unstable;
     },
-    renderColorPicker_unstable: function() {
+    get renderColorPicker_unstable () {
         return _ColorPicker.renderColorPicker_unstable;
     },
-    renderColorSlider_unstable: function() {
+    get renderColorSlider_unstable () {
         return _ColorSlider.renderColorSlider_unstable;
     },
-    useAlphaSliderBase_unstable: function() {
+    get useAlphaSliderBase_unstable () {
         return _AlphaSlider.useAlphaSliderBase_unstable;
     },
-    useAlphaSliderStyles_unstable: function() {
+    get useAlphaSliderStyles_unstable () {
         return _AlphaSlider.useAlphaSliderStyles_unstable;
     },
-    useAlphaSlider_unstable: function() {
+    get useAlphaSlider_unstable () {
         return _AlphaSlider.useAlphaSlider_unstable;
     },
-    useColorAreaBase_unstable: function() {
+    get useColorAreaBase_unstable () {
         return _ColorArea.useColorAreaBase_unstable;
     },
-    useColorAreaStyles_unstable: function() {
+    get useColorAreaStyles_unstable () {
         return _ColorArea.useColorAreaStyles_unstable;
     },
-    useColorArea_unstable: function() {
+    get useColorArea_unstable () {
         return _ColorArea.useColorArea_unstable;
     },
-    useColorPickerBase_unstable: function() {
+    get useColorPickerBase_unstable () {
         return _ColorPicker.useColorPickerBase_unstable;
     },
-    useColorPickerContextValue_unstable: function() {
+    get useColorPickerContextValue_unstable () {
         return _colorPicker.useColorPickerContextValue_unstable;
     },
-    useColorPickerContextValues: function() {
+    get useColorPickerContextValues () {
         return _ColorPicker.useColorPickerContextValues;
     },
-    useColorPickerStyles_unstable: function() {
+    get useColorPickerStyles_unstable () {
         return _ColorPicker.useColorPickerStyles_unstable;
     },
-    useColorPicker_unstable: function() {
+    get useColorPicker_unstable () {
         return _ColorPicker.useColorPicker_unstable;
     },
-    useColorSliderBase_unstable: function() {
+    get useColorSliderBase_unstable () {
         return _ColorSlider.useColorSliderBase_unstable;
     },
-    useColorSliderStyles_unstable: function() {
+    get useColorSliderStyles_unstable () {
         return _ColorSlider.useColorSliderStyles_unstable;
     },
-    useColorSlider_unstable: function() {
+    get useColorSlider_unstable () {
         return _ColorSlider.useColorSlider_unstable;
     }
 });

package/lib-commonjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type {\n  ColorChannel,\n  ColorSliderBaseProps,\n  ColorSliderBaseState,\n  ColorSliderProps,\n  ColorSliderSlots,\n  ColorSliderState,\n} from './ColorSlider';\nexport {\n  ColorSlider,\n  colorSliderClassNames,\n  renderColorSlider_unstable,\n  useColorSliderBase_unstable,\n  useColorSliderStyles_unstable,\n  useColorSlider_unstable,\n} from './ColorSlider';\nexport type {\n  ColorPickerBaseProps,\n  ColorPickerBaseState,\n  ColorPickerProps,\n  ColorPickerSlots,\n  ColorPickerState,\n} from './ColorPicker';\nexport {\n  ColorPicker,\n  colorPickerClassNames,\n  renderColorPicker_unstable,\n  useColorPickerBase_unstable,\n  useColorPickerContextValues,\n  useColorPickerStyles_unstable,\n  useColorPicker_unstable,\n} from './ColorPicker';\nexport type {\n  ColorAreaBaseProps,\n  ColorAreaBaseState,\n  ColorAreaProps,\n  ColorAreaSlots,\n  ColorAreaState,\n} from './ColorArea';\nexport {\n  ColorArea,\n  colorAreaClassNames,\n  renderColorArea_unstable,\n  useColorAreaBase_unstable,\n  useColorAreaStyles_unstable,\n  useColorArea_unstable,\n} from './ColorArea';\nexport type {\n  AlphaSliderBaseProps,\n  AlphaSliderBaseState,\n  AlphaSliderProps,\n  AlphaSliderSlots,\n  AlphaSliderState,\n} from './AlphaSlider';\nexport {\n  AlphaSlider,\n  alphaSliderClassNames,\n  renderAlphaSlider_unstable,\n  useAlphaSliderBase_unstable,\n  useAlphaSliderStyles_unstable,\n  useAlphaSlider_unstable,\n} from './AlphaSlider';\nexport type { ColorPickerContextValue, ColorPickerContextValues } from './contexts/colorPicker';\nexport { useColorPickerContextValue_unstable } from './contexts/colorPicker';\n"],"names":["ColorSlider","colorSliderClassNames","renderColorSlider_unstable","useColorSliderBase_unstable","useColorSliderStyles_unstable","useColorSlider_unstable","ColorPicker","colorPickerClassNames","renderColorPicker_unstable","useColorPickerBase_unstable","useColorPickerContextValues","useColorPickerStyles_unstable","useColorPicker_unstable","ColorArea","colorAreaClassNames","renderColorArea_unstable","useColorAreaBase_unstable","useColorAreaStyles_unstable","useColorArea_unstable","AlphaSlider","alphaSliderClassNames","renderAlphaSlider_unstable","useAlphaSliderBase_unstable","useAlphaSliderStyles_unstable","useAlphaSlider_unstable","useColorPickerContextValue_unstable"],"mappings":";;;;;;;;;;;IAuDEmB;uCAAW;;aAfF;eAATN;;eAhBW;eAAXP;;;eAfAN,wBAAW;;;eA+CXoB,kCAAqB;;;eAfrBN,8BAAmB;;;eAhBnBP,kCAAqB;;;eAfrBN,kCAAqB;;;eA+CrBoB,uCAA0B;;;eAf1BN,mCAAwB;;;eAhBxBP,uCAA0B;;;eAf1BN,uCAA0B;;;eA+C1BoB,wCAA2B;;;eAC3BC,0CAA6B;;IAC7BC,uBAAuB;;;;eAjBvBR,oCAAyB;;;eACzBC,sCAA2B;;;eAC3BC,gCAAqB;;;eAlBrBT,wCAA2B;;uCAoCe;eAAnCgB;;;eAnCPf,wCAA2B;;;eAC3BC,0CAA6B;;IAC7BC,uBAAuB;;;IAlBvBT;uDAA2B;;;eAC3BC,0CAA6B;;;eAC7BC,oCAAuB;;;6BAClB,mBAAgB;6BAgBhB,mBAAgB;2BAehB,iBAAc;6BAed,mBAAgB;6BAE6B,4BAAyB"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type {\n  ColorChannel,\n  ColorSliderBaseProps,\n  ColorSliderBaseState,\n  ColorSliderProps,\n  ColorSliderSlots,\n  ColorSliderState,\n} from './ColorSlider';\nexport {\n  ColorSlider,\n  colorSliderClassNames,\n  renderColorSlider_unstable,\n  useColorSliderBase_unstable,\n  useColorSliderStyles_unstable,\n  useColorSlider_unstable,\n} from './ColorSlider';\nexport type {\n  ColorPickerBaseProps,\n  ColorPickerBaseState,\n  ColorPickerProps,\n  ColorPickerSlots,\n  ColorPickerState,\n} from './ColorPicker';\nexport {\n  ColorPicker,\n  colorPickerClassNames,\n  renderColorPicker_unstable,\n  useColorPickerBase_unstable,\n  useColorPickerContextValues,\n  useColorPickerStyles_unstable,\n  useColorPicker_unstable,\n} from './ColorPicker';\nexport type {\n  ColorAreaBaseProps,\n  ColorAreaBaseState,\n  ColorAreaProps,\n  ColorAreaSlots,\n  ColorAreaState,\n} from './ColorArea';\nexport {\n  ColorArea,\n  colorAreaClassNames,\n  renderColorArea_unstable,\n  useColorAreaBase_unstable,\n  useColorAreaStyles_unstable,\n  useColorArea_unstable,\n} from './ColorArea';\nexport type {\n  AlphaSliderBaseProps,\n  AlphaSliderBaseState,\n  AlphaSliderProps,\n  AlphaSliderSlots,\n  AlphaSliderState,\n} from './AlphaSlider';\nexport {\n  AlphaSlider,\n  alphaSliderClassNames,\n  renderAlphaSlider_unstable,\n  useAlphaSliderBase_unstable,\n  useAlphaSliderStyles_unstable,\n  useAlphaSlider_unstable,\n} from './AlphaSlider';\nexport type { ColorPickerContextValue, ColorPickerContextValues } from './contexts/colorPicker';\nexport { useColorPickerContextValue_unstable } from './contexts/colorPicker';\n"],"names":["ColorSlider","colorSliderClassNames","renderColorSlider_unstable","useColorSliderBase_unstable","useColorSliderStyles_unstable","useColorSlider_unstable","ColorPicker","colorPickerClassNames","renderColorPicker_unstable","useColorPickerBase_unstable","useColorPickerContextValues","useColorPickerStyles_unstable","useColorPicker_unstable","ColorArea","colorAreaClassNames","renderColorArea_unstable","useColorAreaBase_unstable","useColorAreaStyles_unstable","useColorArea_unstable","AlphaSlider","alphaSliderClassNames","renderAlphaSlider_unstable","useAlphaSliderBase_unstable","useAlphaSliderStyles_unstable","useAlphaSlider_unstable","useColorPickerContextValue_unstable"],"mappings":";;;;;;;;;;;QAuDEmB;uCAAW;;QAfXN;mCAAS;;;eAhBTP,wBAAW;;;eAfXN,wBAAW;;;eA+CXoB,kCAAqB;;;eAfrBN,8BAAmB;;;eAhBnBP,kCAAqB;;;eAfrBN,kCAAqB;;QA+CrBoB;sDAA0B;;;eAf1BN,mCAAwB;;;eAhBxBP,uCAA0B;;;eAf1BN,uCAA0B;;;eA+C1BoB,wCAA2B;;;eAC3BC,0CAA6B;;QAC7BC;mDAAuB;;;eAjBvBR,oCAAyB;;;eACzBC,sCAA2B;;;eAC3BC,gCAAqB;;QAlBrBT;uDAA2B;;;eAoCpBgB,gDAAmC;;;eAnC1Cf,wCAA2B;;;eAC3BC,0CAA6B;;QAC7BC;mDAAuB;;;eAlBvBT,wCAA2B;;;eAC3BC,0CAA6B;;;eAC7BC,oCAAuB;;;6BAClB,mBAAgB;6BAgBhB,mBAAgB;2BAehB,iBAAc;6BAed,mBAAgB;6BAE6B,4BAAyB"}

package/lib-commonjs/types/color.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/color.ts"],"sourcesContent":["export type HsvColor = {\n  h: number;\n  s: number;\n  v: number;\n  a?: number;\n};\n\nexport type HslColor = {\n  h: number;\n  s: number;\n  l: number;\n  a?: number;\n};\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/types/color.ts"],"sourcesContent":["export type HsvColor = {\n  h: number;\n  s: number;\n  v: number;\n  a?: number;\n};\n\nexport type HslColor = {\n  h: number;\n  s: number;\n  l: number;\n  a?: number;\n};\n"],"names":[],"mappings":""}

package/lib-commonjs/utils/adjustChannel.cjs

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    adjustChannel: function() {
+    get adjustChannel () {
         return adjustChannel;
     },
-    clampValue: function() {
+    get clampValue () {
         return clampValue;
     }
 });

package/lib-commonjs/utils/adjustChannel.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/adjustChannel.ts"],"sourcesContent":["import type { ColorChannel } from '../components/ColorSlider/ColorSlider.types';\nimport { MIN, HUE_MAX, MAX as COLOR_MAX } from './constants';\nimport { clamp } from '@fluentui/react-utilities';\n\n/**\n * Clamps a given value to the valid range for a specified color channel.\n *\n * @param value - The numeric value to be clamped.\n * @param channel - The color channel to use for clamping. Defaults to 'hue'.\n * @returns The clamped value within the range defined by the color channel.\n */\nexport function clampValue(value: number, channel: ColorChannel = 'hue'): number {\n  const MAX = channel === 'hue' ? HUE_MAX : COLOR_MAX;\n  return clamp(value, MIN, MAX);\n}\n\nexport type ChannelActions<T> = {\n  hue: T;\n  saturation: T;\n  value: T;\n};\n\n/**\n * Adjusts the specified color channel using the provided actions.\n *\n * @template T - The type of the result returned by the actions.\n * @param {ColorChannel} channel - The color channel to adjust.\n * @param {ChannelActions<T>} actions - An object containing actions for each color channel.\n * @returns {T} - The result of the action corresponding to the specified channel, or the hue action if the channel is not found.\n */\nexport function adjustChannel<T>(channel: ColorChannel, actions: ChannelActions<T>): T {\n  return actions[channel] ?? actions.hue;\n}\n"],"names":["MIN","HUE_MAX","MAX","COLOR_MAX","clamp","clampValue","value","channel","adjustChannel","actions","hue"],"mappings":";;;;;;;;;;;iBA8BgBQ;;;cAnBAH;;;;2BAV+B,iBAAc;gCACvC,4BAA4B;AAS3C,SAASA,WAAWC,KAAa,EAAEC,UAAwB,KAAK;IACrE,MAAML,MAAMK,YAAY,QAAQN,kBAAAA,GAAUE,cAAAA;IAC1C,WAAOC,qBAAAA,EAAME,OAAON,cAAAA,EAAKE;AAC3B;AAgBO,SAASM,cAAiBD,OAAqB,EAAEE,OAA0B;QACzEA;IAAP,OAAOA,CAAAA,mBAAAA,OAAO,CAACF,QAAAA,AAAQ,MAAA,QAAhBE,qBAAAA,KAAAA,IAAAA,mBAAoBA,QAAQC,GAAG;AACxC"}
+{"version":3,"sources":["../../src/utils/adjustChannel.ts"],"sourcesContent":["import type { ColorChannel } from '../components/ColorSlider/ColorSlider.types';\nimport { MIN, HUE_MAX, MAX as COLOR_MAX } from './constants';\nimport { clamp } from '@fluentui/react-utilities';\n\n/**\n * Clamps a given value to the valid range for a specified color channel.\n *\n * @param value - The numeric value to be clamped.\n * @param channel - The color channel to use for clamping. Defaults to 'hue'.\n * @returns The clamped value within the range defined by the color channel.\n */\nexport function clampValue(value: number, channel: ColorChannel = 'hue'): number {\n  const MAX = channel === 'hue' ? HUE_MAX : COLOR_MAX;\n  return clamp(value, MIN, MAX);\n}\n\nexport type ChannelActions<T> = {\n  hue: T;\n  saturation: T;\n  value: T;\n};\n\n/**\n * Adjusts the specified color channel using the provided actions.\n *\n * @template T - The type of the result returned by the actions.\n * @param {ColorChannel} channel - The color channel to adjust.\n * @param {ChannelActions<T>} actions - An object containing actions for each color channel.\n * @returns {T} - The result of the action corresponding to the specified channel, or the hue action if the channel is not found.\n */\nexport function adjustChannel<T>(channel: ColorChannel, actions: ChannelActions<T>): T {\n  return actions[channel] ?? actions.hue;\n}\n"],"names":["MIN","HUE_MAX","MAX","COLOR_MAX","clamp","clampValue","value","channel","adjustChannel","actions","hue"],"mappings":";;;;;;;;;;;;;;;;;;2BAC+C,iBAAc;gCACvC,4BAA4B;AAS3C,SAASK,WAAWC,KAAa,EAAEC,UAAwB,KAAK;IACrE,MAAML,MAAMK,YAAY,QAAQN,kBAAAA,GAAUE,cAAAA;IAC1C,WAAOC,qBAAAA,EAAME,OAAON,cAAAA,EAAKE;AAC3B;AAgBO,SAASM,cAAiBD,OAAqB,EAAEE,OAA0B;QACzEA;IAAP,OAAA,CAAOA,mBAAAA,OAAO,CAACF,QAAAA,AAAQ,MAAA,QAAhBE,qBAAAA,KAAAA,IAAAA,mBAAoBA,QAAQC,GAAG;AACxC"}

package/lib-commonjs/utils/constants.cjs

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    HUE_MAX: function() {
+    get HUE_MAX () {
         return HUE_MAX;
     },
-    INITIAL_COLOR: function() {
+    get INITIAL_COLOR () {
         return INITIAL_COLOR;
     },
-    INITIAL_COLOR_HSV: function() {
+    get INITIAL_COLOR_HSV () {
         return INITIAL_COLOR_HSV;
     },
-    MAX: function() {
+    get MAX () {
         return MAX;
     },
-    MIN: function() {
+    get MIN () {
         return MIN;
     }
 });

package/lib-commonjs/utils/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/constants.ts"],"sourcesContent":["export const MIN = 0;\nexport const MAX = 100;\nexport const HUE_MAX = 360;\nexport const INITIAL_COLOR = '#FFF';\nexport const INITIAL_COLOR_HSV = { h: 0, s: 0, v: 1, a: 1 };\n"],"names":["MIN","MAX","HUE_MAX","INITIAL_COLOR","INITIAL_COLOR_HSV","h","s","v","a"],"mappings":";;;;;;;;;;;WAEaE;;;iBACAC;;;qBACAC;;;OAHAH;;;OADAD;;;;AAAN,MAAMA,MAAM,EAAE;AACd,MAAMC,MAAM,IAAI;AAChB,MAAMC,UAAU,IAAI;AACpB,MAAMC,gBAAgB,OAAO;AAC7B,MAAMC,oBAAoB;IAAEC,GAAG;IAAGC,GAAG;IAAGC,GAAG;IAAGC,GAAG;AAAE,EAAE"}
+{"version":3,"sources":["../../src/utils/constants.ts"],"sourcesContent":["export const MIN = 0;\nexport const MAX = 100;\nexport const HUE_MAX = 360;\nexport const INITIAL_COLOR = '#FFF';\nexport const INITIAL_COLOR_HSV = { h: 0, s: 0, v: 1, a: 1 };\n"],"names":["MIN","MAX","HUE_MAX","INITIAL_COLOR","INITIAL_COLOR_HSV","h","s","v","a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,MAAMA,MAAM,EAAE;AACd,MAAMC,MAAM,IAAI;AAChB,MAAMC,UAAU,IAAI;AACpB,MAAMC,gBAAgB,OAAO;AAC7B,MAAMC,oBAAoB;IAAEC,GAAG;IAAGC,GAAG;IAAGC,GAAG;IAAGC,GAAG;AAAE,EAAE"}

package/lib-commonjs/utils/createHslColor.cjs

@@ -11,14 +11,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    createHslColor: function() {
+    get createHslColor () {
         return createHslColor;
     },
-    createHslColorString: function() {
+    get createHslColorString () {
         return createHslColorString;
     }
 });

package/lib-commonjs/utils/createHslColor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/createHslColor.ts"],"sourcesContent":["import type { HslColor, HsvColor } from '../types/color';\n\n/**\n *\n * Creates an HSL color object from a given HSV color object.\n *\n * @param color - HSV color object to convert to HSL.\n * @returns HSL color object with the same hue and alpha values, and converted saturation and lightness values.\n */\nexport function createHslColor(color: Partial<HsvColor> = {}): HslColor {\n  const { h = 0, s = 0, v = 0, a = 1 } = color;\n  const l = v * (1 - s / 2);\n  const hslSaturation = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);\n\n  return { h, s: hslSaturation, l, a };\n}\n\n/**\n * Creates an HSL color string from a given HSV color object.\n *\n * @param color - HSV color object to convert to HSL string.\n * @returns - HSL color string in the format of \"hsla(h, s%, l%, a)\".\n */\nexport function createHslColorString(color: Partial<HsvColor> = {}): string {\n  const hslColor = createHslColor(color);\n  const saturation = Number((hslColor.s * 100).toFixed(2));\n  const lightness = Number((hslColor.l * 100).toFixed(2));\n\n  return `hsla(${hslColor.h}, ${saturation}%, ${lightness}%, ${hslColor.a})`;\n}\n"],"names":["createHslColor","color","h","s","v","a","l","hslSaturation","Math","min","createHslColorString","hslColor","saturation","Number","toFixed","lightness"],"mappings":"AAEA;;;;;;CAMC,GACD;;;;;;;;;;;kBAAgBA;;;IAcAU,oBAAAA;;;;AAdT,SAASV,eAAeC,QAA2B,CAAC,CAAC;IAC1D,MAAM,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAE,GAAGJ;IACvC,MAAMK,IAAIF,IAAK,KAAID,KAAI,CAAA;IACvB,MAAMI,gBAAgBD,MAAM,KAAKA,MAAM,IAAI,IAAKF,CAAAA,KAAIE,CAAAA,GAAKE,KAAKC,GAAG,CAACH,GAAG,IAAIA;IAEzE,OAAO;QAAEJ;QAAGC,GAAGI;QAAeD;QAAGD;IAAE;AACrC;AAQO,8BAA8BJ,QAA2B,CAAC,CAAC;IAChE,MAAMU,WAAWX,eAAeC;IAChC,MAAMW,aAAaC,OAAQF,CAAAA,SAASR,CAAC,GAAG,GAAA,CAAE,CAAGW,OAAO,CAAC;IACrD,MAAMC,YAAYF,OAAQF,CAAAA,SAASL,CAAC,GAAG,GAAA,CAAE,CAAGQ,OAAO,CAAC;IAEpD,OAAO,CAAC,KAAK,EAAEH,SAAST,CAAC,CAAC,EAAE,EAAEU,WAAW,GAAG,EAAEG,UAAU,GAAG,EAAEJ,SAASN,CAAC,CAAC,CAAC,CAAC;AAC5E"}
+{"version":3,"sources":["../../src/utils/createHslColor.ts"],"sourcesContent":["import type { HslColor, HsvColor } from '../types/color';\n\n/**\n *\n * Creates an HSL color object from a given HSV color object.\n *\n * @param color - HSV color object to convert to HSL.\n * @returns HSL color object with the same hue and alpha values, and converted saturation and lightness values.\n */\nexport function createHslColor(color: Partial<HsvColor> = {}): HslColor {\n  const { h = 0, s = 0, v = 0, a = 1 } = color;\n  const l = v * (1 - s / 2);\n  const hslSaturation = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);\n\n  return { h, s: hslSaturation, l, a };\n}\n\n/**\n * Creates an HSL color string from a given HSV color object.\n *\n * @param color - HSV color object to convert to HSL string.\n * @returns - HSL color string in the format of \"hsla(h, s%, l%, a)\".\n */\nexport function createHslColorString(color: Partial<HsvColor> = {}): string {\n  const hslColor = createHslColor(color);\n  const saturation = Number((hslColor.s * 100).toFixed(2));\n  const lightness = Number((hslColor.l * 100).toFixed(2));\n\n  return `hsla(${hslColor.h}, ${saturation}%, ${lightness}%, ${hslColor.a})`;\n}\n"],"names":["createHslColor","color","h","s","v","a","l","hslSaturation","Math","min","createHslColorString","hslColor","saturation","Number","toFixed","lightness"],"mappings":"AAEA;;;;;;CAMC,GACD;;;;;;;;;;;;;;;eAcgBU;;;AAdT,SAASV,eAAeC,QAA2B,CAAC,CAAC;IAC1D,MAAM,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAE,GAAGJ;IACvC,MAAMK,IAAIF,IAAK,CAAA,IAAID,KAAI,CAAA;IACvB,MAAMI,gBAAgBD,MAAM,KAAKA,MAAM,IAAI,IAAKF,CAAAA,KAAIE,CAAAA,GAAKE,KAAKC,GAAG,CAACH,GAAG,IAAIA;IAEzE,OAAO;QAAEJ;QAAGC,GAAGI;QAAeD;QAAGD;IAAE;AACrC;AAQO,8BAA8BJ,QAA2B,CAAC,CAAC;IAChE,MAAMU,WAAWX,eAAeC;IAChC,MAAMW,aAAaC,OAAQF,CAAAA,SAASR,CAAC,GAAG,GAAA,CAAE,CAAGW,OAAO,CAAC;IACrD,MAAMC,YAAYF,OAAQF,UAASL,CAAC,GAAG,GAAA,CAAE,CAAGQ,OAAO,CAAC;IAEpD,OAAO,CAAC,KAAK,EAAEH,SAAST,CAAC,CAAC,EAAE,EAAEU,WAAW,GAAG,EAAEG,UAAU,GAAG,EAAEJ,SAASN,CAAC,CAAC,CAAC,CAAC;AAC5E"}

package/lib-commonjs/utils/createHsvColor.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/createHsvColor.ts"],"sourcesContent":["import type { HsvColor } from '../types/color';\n\n/**\n * Creates an HSV color object with optional hue, saturation, value, and alpha components.\n *\n * @param {Partial<HsvColor>} param0 - An object containing optional HSV color components:\n *  - `h` (number): The hue component, default is 0.\n *  - `s` (number): The saturation component, default is 0.\n *  - `v` (number): The value component, default is 0.\n *  - `a` (number): The alpha component, default is 1.\n * @returns {HsvColor} The resulting HSV color object.\n */\nexport function createHsvColor({ h = 0, s = 0, v = 0, a = 1 }: Partial<HsvColor>): HsvColor {\n  return { h, s, v, a };\n}\n"],"names":["createHsvColor","h","s","v","a"],"mappings":"AAEA;;;;;;;;;CASC,GACD;;;;;;;;;;AAAO,SAASA,eAAe,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAqB;IAC9E,OAAO;QAAEH;QAAGC;QAAGC;QAAGC;IAAE;AACtB"}
+{"version":3,"sources":["../../src/utils/createHsvColor.ts"],"sourcesContent":["import type { HsvColor } from '../types/color';\n\n/**\n * Creates an HSV color object with optional hue, saturation, value, and alpha components.\n *\n * @param {Partial<HsvColor>} param0 - An object containing optional HSV color components:\n *  - `h` (number): The hue component, default is 0.\n *  - `s` (number): The saturation component, default is 0.\n *  - `v` (number): The value component, default is 0.\n *  - `a` (number): The alpha component, default is 1.\n * @returns {HsvColor} The resulting HSV color object.\n */\nexport function createHsvColor({ h = 0, s = 0, v = 0, a = 1 }: Partial<HsvColor>): HsvColor {\n  return { h, s, v, a };\n}\n"],"names":["createHsvColor","h","s","v","a"],"mappings":"AAEA;;;;;;;;;CASC,GACD;;;;;;;;;;AAAO,SAASA,eAAe,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAqB;IAC9E,OAAO;QAAEH;QAAGC;QAAGC;QAAGC;IAAE;AACtB"}

package/lib-commonjs/utils/getCoordinates.cjs

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getCoordinates: function() {
+    get getCoordinates () {
         return getCoordinates;
     },
-    roundTwoDecimal: function() {
+    get roundTwoDecimal () {
         return roundTwoDecimal;
     }
 });

package/lib-commonjs/utils/getCoordinates.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/getCoordinates.ts"],"sourcesContent":["import { clamp } from '@fluentui/react-utilities';\n\n/**\n * Calculates the normalized coordinates of a mouse event relative to a given HTML element.\n *\n * @param element - The HTML element to calculate the coordinates relative to.\n * @param event - The mouse event containing the clientX and clientY properties.\n * @returns An object containing the normalized x and y coordinates, clamped between 0 and 1.\n */\nexport function getCoordinates(element: HTMLElement, event: PointerEvent): { x: number; y: number } {\n  const rect = element.getBoundingClientRect();\n\n  const newX = roundTwoDecimal((event.clientX - rect.left) / rect.width);\n  const newY = roundTwoDecimal(1 - (event.clientY - rect.top) / rect.height);\n\n  return {\n    x: clamp(newX, 0, 1),\n    y: clamp(newY, 0, 1),\n  };\n}\n\n/**\n * Rounds a given number to two decimal places.\n *\n * @param num - The number to be rounded.\n * @returns The number rounded to two decimal places.\n */\nexport function roundTwoDecimal(num: number): number {\n  return Math.round(num * 100) / 100;\n}\n"],"names":["clamp","getCoordinates","element","event","rect","getBoundingClientRect","newX","roundTwoDecimal","clientX","left","width","newY","clientY","top","height","x","y","num","Math","round"],"mappings":";;;;;;;;;;;IASgBC,cAAAA;;;mBAkBAM;;;;gCA3BM,4BAA4B;AAS3C,wBAAwBL,OAAoB,EAAEC,KAAmB;IACtE,MAAMC,OAAOF,QAAQG,qBAAqB;IAE1C,MAAMC,OAAOC,gBAAiBJ,CAAAA,MAAMK,OAAO,GAAGJ,KAAKK,IAAG,AAAHA,IAAQL,KAAKM,KAAK;IACrE,MAAMC,OAAOJ,gBAAgB,IAAKJ,CAAAA,MAAMS,OAAO,GAAGR,KAAKS,GAAAA,AAAE,IAAKT,KAAKU,MAAM;IAEzE,OAAO;QACLC,OAAGf,qBAAAA,EAAMM,MAAM,GAAG;QAClBU,OAAGhB,qBAAAA,EAAMW,MAAM,GAAG;IACpB;AACF;AAQO,SAASJ,gBAAgBU,GAAW;IACzC,OAAOC,KAAKC,KAAK,CAACF,MAAM,OAAO;AACjC"}
+{"version":3,"sources":["../../src/utils/getCoordinates.ts"],"sourcesContent":["import { clamp } from '@fluentui/react-utilities';\n\n/**\n * Calculates the normalized coordinates of a mouse event relative to a given HTML element.\n *\n * @param element - The HTML element to calculate the coordinates relative to.\n * @param event - The mouse event containing the clientX and clientY properties.\n * @returns An object containing the normalized x and y coordinates, clamped between 0 and 1.\n */\nexport function getCoordinates(element: HTMLElement, event: PointerEvent): { x: number; y: number } {\n  const rect = element.getBoundingClientRect();\n\n  const newX = roundTwoDecimal((event.clientX - rect.left) / rect.width);\n  const newY = roundTwoDecimal(1 - (event.clientY - rect.top) / rect.height);\n\n  return {\n    x: clamp(newX, 0, 1),\n    y: clamp(newY, 0, 1),\n  };\n}\n\n/**\n * Rounds a given number to two decimal places.\n *\n * @param num - The number to be rounded.\n * @returns The number rounded to two decimal places.\n */\nexport function roundTwoDecimal(num: number): number {\n  return Math.round(num * 100) / 100;\n}\n"],"names":["clamp","getCoordinates","element","event","rect","getBoundingClientRect","newX","roundTwoDecimal","clientX","left","width","newY","clientY","top","height","x","y","num","Math","round"],"mappings":";;;;;;;;;;;QASgBC;;;;;;;gCATM,4BAA4B;AAS3C,wBAAwBC,OAAoB,EAAEC,KAAmB;IACtE,MAAMC,OAAOF,QAAQG,qBAAqB;IAE1C,MAAMC,OAAOC,gBAAiBJ,OAAMK,OAAO,GAAGJ,KAAKK,IAAAA,AAAG,IAAKL,KAAKM,KAAK;IACrE,MAAMC,OAAOJ,gBAAgB,IAAKJ,CAAAA,MAAMS,OAAO,GAAGR,KAAKS,GAAE,AAAFA,IAAOT,KAAKU,MAAM;IAEzE,OAAO;QACLC,OAAGf,qBAAAA,EAAMM,MAAM,GAAG;QAClBU,OAAGhB,qBAAAA,EAAMW,MAAM,GAAG;IACpB;AACF;AAQO,SAASJ,gBAAgBU,GAAW;IACzC,OAAOC,KAAKC,KAAK,CAACF,MAAM,OAAO;AACjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-color-picker",
-  "version": "9.3.2",
+  "version": "9.3.3",
   "description": "ColorPicker component for Fluent UI React.",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",

package/lib/utils/getPercent.js

@@ -1,11 +0,0 @@
-/**
- * Calculates the percentage of a value within a given range.
- *
- * @param value - The value to be converted to a percentage.
- * @param min - The minimum value of the range.
- * @param max - The maximum value of the range.
- * @returns The percentage representation of the value within the range [min, max].
- *          Returns 0 if `min` is equal to `max`.
- */ export const getPercent = (value, min, max)=>{
-    return max === min ? 0 : (value - min) / (max - min) * 100;
-};

package/lib/utils/getPercent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/getPercent.ts"],"sourcesContent":["/**\n * Calculates the percentage of a value within a given range.\n *\n * @param value - The value to be converted to a percentage.\n * @param min - The minimum value of the range.\n * @param max - The maximum value of the range.\n * @returns The percentage representation of the value within the range [min, max].\n *          Returns 0 if `min` is equal to `max`.\n */\nexport const getPercent = (value: number, min: number, max: number): number => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n"],"names":["getPercent","value","min","max"],"mappings":"AAAA;;;;;;;;CAQC,GACD,OAAO,MAAMA,aAAa,CAACC,OAAeC,KAAaC;IACrD,OAAOA,QAAQD,MAAM,IAAI,AAAED,CAAAA,QAAQC,GAAE,IAAMC,CAAAA,MAAMD,GAAE,IAAM;AAC3D,EAAE"}

package/lib-commonjs/utils/getPercent.cjs

@@ -1,21 +0,0 @@
-/**
- * Calculates the percentage of a value within a given range.
- *
- * @param value - The value to be converted to a percentage.
- * @param min - The minimum value of the range.
- * @param max - The maximum value of the range.
- * @returns The percentage representation of the value within the range [min, max].
- *          Returns 0 if `min` is equal to `max`.
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getPercent", {
-    enumerable: true,
-    get: function() {
-        return getPercent;
-    }
-});
-const getPercent = (value, min, max)=>{
-    return max === min ? 0 : (value - min) / (max - min) * 100;
-};

package/lib-commonjs/utils/getPercent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/getPercent.ts"],"sourcesContent":["/**\n * Calculates the percentage of a value within a given range.\n *\n * @param value - The value to be converted to a percentage.\n * @param min - The minimum value of the range.\n * @param max - The maximum value of the range.\n * @returns The percentage representation of the value within the range [min, max].\n *          Returns 0 if `min` is equal to `max`.\n */\nexport const getPercent = (value: number, min: number, max: number): number => {\n  return max === min ? 0 : ((value - min) / (max - min)) * 100;\n};\n"],"names":["getPercent","value","min","max"],"mappings":"AAAA;;;;;;;;CAQC,GACD;;;;;;;;;;AAAO,MAAMA,aAAa,CAACC,OAAeC,KAAaC;IACrD,OAAOA,QAAQD,MAAM,IAAMD,CAAAA,QAAQC,GAAAA,CAAE,IAAMC,MAAMD,GAAAA,CAAE,GAAM;AAC3D,EAAE"}