@fluentui/react-swatch-picker 0.0.0-nightly-20240517-0405.1

package/lib-commonjs/components/ColorSwatch/ColorSwatch.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ColorSwatch", {
+    enumerable: true,
+    get: function() {
+        return ColorSwatch;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useColorSwatch = require("./useColorSwatch");
+const _renderColorSwatch = require("./renderColorSwatch");
+const _useColorSwatchStylesstyles = require("./useColorSwatchStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const ColorSwatch = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useColorSwatch.useColorSwatch_unstable)(props, ref);
+    (0, _useColorSwatchStylesstyles.useColorSwatchStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useColorSwatchStyles_unstable')(state);
+    return (0, _renderColorSwatch.renderColorSwatch_unstable)(state);
+});
+ColorSwatch.displayName = 'ColorSwatch';

package/lib-commonjs/components/ColorSwatch/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ColorSwatch.js"],"sourcesContent":["import * as React from 'react';\nimport { useColorSwatch_unstable } from './useColorSwatch';\nimport { renderColorSwatch_unstable } from './renderColorSwatch';\nimport { useColorSwatchStyles_unstable } from './useColorSwatchStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ColorSwatch component is used to render a colors, icons and gradients.\n */ export const ColorSwatch = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useColorSwatch_unstable(props, ref);\n    useColorSwatchStyles_unstable(state);\n    useCustomStyleHook_unstable('useColorSwatchStyles_unstable')(state);\n    return renderColorSwatch_unstable(state);\n});\nColorSwatch.displayName = 'ColorSwatch';\n"],"names":["ColorSwatch","React","forwardRef","props","ref","state","useColorSwatch_unstable","useColorSwatchStyles_unstable","useCustomStyleHook_unstable","renderColorSwatch_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;gCACiB;mCACG;4CACG;qCACF;AAGjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC;AACAL,YAAYU,WAAW,GAAG"}

package/lib-commonjs/components/ColorSwatch/ColorSwatch.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/ColorSwatch/ColorSwatch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/ColorSwatch/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ColorSwatch"), exports);
+_export_star._(require("./ColorSwatch.types"), exports);
+_export_star._(require("./renderColorSwatch"), exports);
+_export_star._(require("./useColorSwatch"), exports);
+_export_star._(require("./useColorSwatchStyles.styles"), exports);

package/lib-commonjs/components/ColorSwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ColorSwatch';\nexport * from './ColorSwatch.types';\nexport * from './renderColorSwatch';\nexport * from './useColorSwatch';\nexport * from './useColorSwatchStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/ColorSwatch/renderColorSwatch.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderColorSwatch_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderColorSwatch_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderColorSwatch_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.root.children,
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.disabled && state.disabledIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.disabledIcon, {})
+        ]
+    });
+};

package/lib-commonjs/components/ColorSwatch/renderColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderColorSwatch.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of ColorSwatch\n */ export const renderColorSwatch_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.root.children,\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            state.disabled && state.disabledIcon && /*#__PURE__*/ _jsx(state.disabledIcon, {})\n        ]\n    });\n};\n"],"names":["renderColorSwatch_unstable","state","assertSlots","_jsxs","root","children","icon","_jsx","disabled","disabledIcon"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,IAAI,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;YAC9CL,MAAMO,QAAQ,IAAIP,MAAMQ,YAAY,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACN,MAAMQ,YAAY,EAAE,CAAC;SACnF;IACL;AACJ"}

package/lib-commonjs/components/ColorSwatch/useColorSwatch.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useColorSwatch_unstable", {
+    enumerable: true,
+    get: function() {
+        return useColorSwatch_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _swatchPicker = require("../../contexts/swatchPicker");
+const _useColorSwatchStylesstyles = require("./useColorSwatchStyles.styles");
+const _reacticons = require("@fluentui/react-icons");
+const _reacttheme = require("@fluentui/react-theme");
+const useColorSwatch_unstable = (props, ref)=>{
+    const { borderColor, color, disabled, disabledIcon, icon, value, onClick, size, shape, style, ...rest } = props;
+    const _size = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.size);
+    const _shape = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.shape);
+    const isGrid = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.isGrid);
+    const requestSelectionChange = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.requestSelectionChange);
+    const selected = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.selectedValue === value);
+    const onColorSwatchClick = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(onClick, (event)=>requestSelectionChange(event, {
+            selectedValue: value,
+            selectedSwatch: color
+        })));
+    const rootVariables = {
+        [_useColorSwatchStylesstyles.swatchCSSVars.color]: color,
+        [_useColorSwatchStylesstyles.swatchCSSVars.borderColor]: borderColor !== null && borderColor !== void 0 ? borderColor : _reacttheme.tokens.colorTransparentStroke
+    };
+    const role = isGrid ? 'gridcell' : 'radio';
+    const ariaSelected = isGrid ? {
+        'aria-selected': selected
+    } : {
+        'aria-checked': selected
+    };
+    const iconShorthand = _reactutilities.slot.optional(icon, {
+        elementType: 'span'
+    });
+    const disabledIconShorthand = _reactutilities.slot.optional(disabledIcon, {
+        defaultProps: {
+            children: /*#__PURE__*/ _react.createElement(_reacticons.ProhibitedFilled, null)
+        },
+        renderByDefault: true,
+        elementType: 'span'
+    });
+    return {
+        components: {
+            root: 'button',
+            icon: 'span',
+            disabledIcon: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('button', {
+            ref,
+            role,
+            ...ariaSelected,
+            onClick: onColorSwatchClick,
+            type: 'button',
+            disabled,
+            ...rest,
+            style: {
+                ...rootVariables,
+                ...style
+            }
+        }), {
+            elementType: 'button'
+        }),
+        icon: iconShorthand,
+        disabledIcon: disabledIconShorthand,
+        disabled,
+        size: size !== null && size !== void 0 ? size : _size,
+        shape: shape !== null && shape !== void 0 ? shape : _shape,
+        selected,
+        color,
+        value
+    };
+};

package/lib-commonjs/components/ColorSwatch/useColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useColorSwatch.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useEventCallback, getIntrinsicElementProps, mergeCallbacks } from '@fluentui/react-utilities';\nimport { useSwatchPickerContextValue_unstable } from '../../contexts/swatchPicker';\nimport { swatchCSSVars } from './useColorSwatchStyles.styles';\nimport { ProhibitedFilled } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Create the state required to render ColorSwatch.\n *\n * The returned state can be modified with hooks such as useColorSwatchStyles_unstable,\n * before being passed to renderColorSwatch_unstable.\n *\n * @param props - props from this instance of ColorSwatch\n * @param ref - reference to root HTMLButtonElement of ColorSwatch\n */ export const useColorSwatch_unstable = (props, ref)=>{\n    const { borderColor, color, disabled, disabledIcon, icon, value, onClick, size, shape, style, ...rest } = props;\n    const _size = useSwatchPickerContextValue_unstable((ctx)=>ctx.size);\n    const _shape = useSwatchPickerContextValue_unstable((ctx)=>ctx.shape);\n    const isGrid = useSwatchPickerContextValue_unstable((ctx)=>ctx.isGrid);\n    const requestSelectionChange = useSwatchPickerContextValue_unstable((ctx)=>ctx.requestSelectionChange);\n    const selected = useSwatchPickerContextValue_unstable((ctx)=>ctx.selectedValue === value);\n    const onColorSwatchClick = useEventCallback(mergeCallbacks(onClick, (event)=>requestSelectionChange(event, {\n            selectedValue: value,\n            selectedSwatch: color\n        })));\n    const rootVariables = {\n        [swatchCSSVars.color]: color,\n        [swatchCSSVars.borderColor]: borderColor !== null && borderColor !== void 0 ? borderColor : tokens.colorTransparentStroke\n    };\n    const role = isGrid ? 'gridcell' : 'radio';\n    const ariaSelected = isGrid ? {\n        'aria-selected': selected\n    } : {\n        'aria-checked': selected\n    };\n    const iconShorthand = slot.optional(icon, {\n        elementType: 'span'\n    });\n    const disabledIconShorthand = slot.optional(disabledIcon, {\n        defaultProps: {\n            children: /*#__PURE__*/ React.createElement(ProhibitedFilled, null)\n        },\n        renderByDefault: true,\n        elementType: 'span'\n    });\n    return {\n        components: {\n            root: 'button',\n            icon: 'span',\n            disabledIcon: 'span'\n        },\n        root: slot.always(getIntrinsicElementProps('button', {\n            ref,\n            role,\n            ...ariaSelected,\n            onClick: onColorSwatchClick,\n            type: 'button',\n            disabled,\n            ...rest,\n            style: {\n                ...rootVariables,\n                ...style\n            }\n        }), {\n            elementType: 'button'\n        }),\n        icon: iconShorthand,\n        disabledIcon: disabledIconShorthand,\n        disabled,\n        size: size !== null && size !== void 0 ? size : _size,\n        shape: shape !== null && shape !== void 0 ? shape : _shape,\n        selected,\n        color,\n        value\n    };\n};\n"],"names":["useColorSwatch_unstable","props","ref","borderColor","color","disabled","disabledIcon","icon","value","onClick","size","shape","style","rest","_size","useSwatchPickerContextValue_unstable","ctx","_shape","isGrid","requestSelectionChange","selected","selectedValue","onColorSwatchClick","useEventCallback","mergeCallbacks","event","selectedSwatch","rootVariables","swatchCSSVars","tokens","colorTransparentStroke","role","ariaSelected","iconShorthand","slot","optional","elementType","disabledIconShorthand","defaultProps","children","React","createElement","ProhibitedFilled","renderByDefault","components","root","always","getIntrinsicElementProps","type"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCAC0D;8BAC5B;4CACvB;4BACG;4BACV;AASZ,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,WAAW,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGZ;IAC1G,MAAMa,QAAQC,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIN,IAAI;IAClE,MAAMO,SAASF,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIL,KAAK;IACpE,MAAMO,SAASH,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIE,MAAM;IACrE,MAAMC,yBAAyBJ,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIG,sBAAsB;IACrG,MAAMC,WAAWL,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIK,aAAa,KAAKb;IACnF,MAAMc,qBAAqBC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACf,SAAS,CAACgB,QAAQN,uBAAuBM,OAAO;YACnGJ,eAAeb;YACfkB,gBAAgBtB;QACpB;IACJ,MAAMuB,gBAAgB;QAClB,CAACC,yCAAa,CAACxB,KAAK,CAAC,EAAEA;QACvB,CAACwB,yCAAa,CAACzB,WAAW,CAAC,EAAEA,gBAAgB,QAAQA,gBAAgB,KAAK,IAAIA,cAAc0B,kBAAM,CAACC,sBAAsB;IAC7H;IACA,MAAMC,OAAOb,SAAS,aAAa;IACnC,MAAMc,eAAed,SAAS;QAC1B,iBAAiBE;IACrB,IAAI;QACA,gBAAgBA;IACpB;IACA,MAAMa,gBAAgBC,oBAAI,CAACC,QAAQ,CAAC5B,MAAM;QACtC6B,aAAa;IACjB;IACA,MAAMC,wBAAwBH,oBAAI,CAACC,QAAQ,CAAC7B,cAAc;QACtDgC,cAAc;YACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,4BAAgB,EAAE;QAClE;QACAC,iBAAiB;QACjBP,aAAa;IACjB;IACA,OAAO;QACHQ,YAAY;YACRC,MAAM;YACNtC,MAAM;YACND,cAAc;QAClB;QACAuC,MAAMX,oBAAI,CAACY,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjD7C;YACA6B;YACA,GAAGC,YAAY;YACfvB,SAASa;YACT0B,MAAM;YACN3C;YACA,GAAGQ,IAAI;YACPD,OAAO;gBACH,GAAGe,aAAa;gBAChB,GAAGf,KAAK;YACZ;QACJ,IAAI;YACAwB,aAAa;QACjB;QACA7B,MAAM0B;QACN3B,cAAc+B;QACdhC;QACAK,MAAMA,SAAS,QAAQA,SAAS,KAAK,IAAIA,OAAOI;QAChDH,OAAOA,UAAU,QAAQA,UAAU,KAAK,IAAIA,QAAQM;QACpDG;QACAhB;QACAI;IACJ;AACJ"}

package/lib-commonjs/components/ColorSwatch/useColorSwatchStyles.styles.js

@@ -0,0 +1,303 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    colorSwatchClassNames: function() {
+        return colorSwatchClassNames;
+    },
+    swatchCSSVars: function() {
+        return swatchCSSVars;
+    },
+    useColorSwatchStyles_unstable: function() {
+        return useColorSwatchStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const colorSwatchClassNames = {
+    root: 'fui-ColorSwatch',
+    icon: 'fui-ColorSwatch__icon',
+    disabledIcon: 'fui-ColorSwatch__disabledIcon'
+};
+const swatchCSSVars = {
+    color: `--fui-SwatchPicker--color`,
+    borderColor: `--fui-SwatchPicker--borderColor`
+};
+const { color, borderColor } = swatchCSSVars;
+/**
+ * Styles for the root slot
+ */ const useResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rwl4y25", null, {
+    r: [
+        ".rwl4y25{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--fui-SwatchPicker--borderColor);background:var(--fui-SwatchPicker--color);overflow:hidden;padding:0;}",
+        ".rwl4y25:hover{cursor:pointer;border:none;box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorBrandStroke1),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}",
+        ".rwl4y25:hover:active{border:none;box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke1),inset 0 0 0 var(--strokeWidthThickest) var(--colorStrokeFocus1);}",
+        ".rwl4y25:focus{outline:none;}",
+        ".rwl4y25:focus-visible{outline:none;}",
+        ".rwl4y25[data-fui-focus-visible]{border:none;outline:none;box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}"
+    ],
+    s: [
+        "@media (forced-colors: active){.rwl4y25{forced-color-adjust:none;}.rwl4y25:hover{box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorBrandStroke2Hover),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}.rwl4y25:hover:active{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke2Pressed),inset 0 0 0 var(--strokeWidthThickest) var(--colorStrokeFocus1);}}"
+    ]
+});
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    disabled: {
+        eoavqd: "fphbwmw",
+        Bvxd0ez: "f1q3txrk"
+    },
+    selected: {
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        E5pizo: "f8ps3yo",
+        Bvxd0ez: "f1txz9o1",
+        vajtyg: "f1frtkom",
+        j6ew2k: "f16jq8vy",
+        Bspt33j: "f18nq7tj"
+    }
+}, {
+    h: [
+        ".fphbwmw:hover{cursor:not-allowed;}",
+        ".f1q3txrk:hover{box-shadow:none;}",
+        ".f1txz9o1:hover{box-shadow:inset 0 0 0 var(--strokeWidthThickest) var(--colorBrandStroke1),inset 0 0 0 6px var(--colorStrokeFocus1);}",
+        ".f1frtkom:hover:active{box-shadow:inset 0 0 0 var(--strokeWidthThickest) var(--colorBrandStroke1),inset 0 0 0 7px var(--colorStrokeFocus1);}"
+    ],
+    d: [
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".f8ps3yo{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke1),inset 0 0 0 5px var(--colorStrokeFocus1);}",
+        ".f16jq8vy[data-fui-focus-visible]{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus2),inset 0 0 0 5px var(--colorStrokeFocus1);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.f18nq7tj{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke2Pressed),inset 0 0 0 5px var(--colorStrokeFocus1);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
+    ]
+});
+const useSizeStyles = /*#__PURE__*/ (0, _react.__styles)({
+    "extra-small": {
+        a9b677: "f64fuq3",
+        Bqenvij: "fjamq6b"
+    },
+    small: {
+        a9b677: "fq4mcun",
+        Bqenvij: "frvgh55"
+    },
+    medium: {
+        a9b677: "f1w9dchk",
+        Bqenvij: "fxldao9"
+    },
+    large: {
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10"
+    }
+}, {
+    d: [
+        ".f64fuq3{width:20px;}",
+        ".fjamq6b{height:20px;}",
+        ".fq4mcun{width:24px;}",
+        ".frvgh55{height:24px;}",
+        ".f1w9dchk{width:28px;}",
+        ".fxldao9{height:28px;}",
+        ".f1szoe96{width:32px;}",
+        ".f1d2rq10{height:32px;}"
+    ]
+});
+const useShapeStyles = /*#__PURE__*/ (0, _react.__styles)({
+    rounded: {
+        Bbmb7ep: [
+            "f1aa9q02",
+            "f16jpd5f"
+        ],
+        Beyfa6y: [
+            "f16jpd5f",
+            "f1aa9q02"
+        ],
+        B7oj6ja: [
+            "f1jar5jt",
+            "fyu767a"
+        ],
+        Btl43ni: [
+            "fyu767a",
+            "f1jar5jt"
+        ],
+        kdpuga: [
+            "f1o2ludy",
+            "f1kjnpwc"
+        ],
+        Bw81rd7: [
+            "f1kjnpwc",
+            "f1o2ludy"
+        ],
+        B6xbmo0: [
+            "fxmnebo",
+            "f1witrsb"
+        ],
+        dm238s: [
+            "f1witrsb",
+            "fxmnebo"
+        ]
+    },
+    circular: {
+        Bbmb7ep: [
+            "f8fbkgy",
+            "f1nfllo7"
+        ],
+        Beyfa6y: [
+            "f1nfllo7",
+            "f8fbkgy"
+        ],
+        B7oj6ja: [
+            "f1djnp8u",
+            "f1s8kh49"
+        ],
+        Btl43ni: [
+            "f1s8kh49",
+            "f1djnp8u"
+        ],
+        kdpuga: [
+            "fanj13w",
+            "f1gou5sz"
+        ],
+        Bw81rd7: [
+            "f1gou5sz",
+            "fanj13w"
+        ],
+        B6xbmo0: [
+            "fulf6x3",
+            "foeb2x"
+        ],
+        dm238s: [
+            "foeb2x",
+            "fulf6x3"
+        ]
+    },
+    square: {
+        Bbmb7ep: [
+            "fzi6hpg",
+            "fyowgf4"
+        ],
+        Beyfa6y: [
+            "fyowgf4",
+            "fzi6hpg"
+        ],
+        B7oj6ja: [
+            "f3fg2lr",
+            "f13av6d4"
+        ],
+        Btl43ni: [
+            "f13av6d4",
+            "f3fg2lr"
+        ],
+        kdpuga: [
+            "f1ndz5i7",
+            "f1co4qro"
+        ],
+        Bw81rd7: [
+            "f1co4qro",
+            "f1ndz5i7"
+        ],
+        B6xbmo0: [
+            "f146y5a9",
+            "f1k2ftg"
+        ],
+        dm238s: [
+            "f1k2ftg",
+            "f146y5a9"
+        ]
+    }
+}, {
+    d: [
+        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}",
+        ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}",
+        ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}",
+        ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}",
+        ".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}",
+        ".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}",
+        ".fulf6x3[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusCircular);}",
+        ".foeb2x[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusCircular);}",
+        ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
+        ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
+        ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
+        ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
+        ".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}",
+        ".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}",
+        ".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}",
+        ".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}"
+    ]
+});
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
+    disabledIcon: {
+        sj55zd: "fqpbvvt",
+        Bhu2qc9: "f14y0k3d"
+    },
+    icon: {
+        qhf8xq: "f1euv43f",
+        mc9l5x: "f22iagw",
+        qb2dma: "f7nlbp4"
+    },
+    "extra-small": {
+        Be2twd7: "f4ybsrx"
+    },
+    small: {
+        Be2twd7: "f4ybsrx"
+    },
+    medium: {
+        Be2twd7: "fe5j1ua"
+    },
+    large: {
+        Be2twd7: "f1rt2boy"
+    }
+}, {
+    d: [
+        ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}",
+        ".f14y0k3d{filter:drop-shadow(0 1px 1px rgb(0 0 0 / 1));}",
+        ".f1euv43f{position:absolute;}",
+        ".f22iagw{display:flex;}",
+        ".f7nlbp4{align-self:center;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".f1rt2boy{font-size:24px;}"
+    ]
+});
+const useColorSwatchStyles_unstable = (state)=>{
+    const resetStyles = useResetStyles();
+    const styles = useStyles();
+    const sizeStyles = useSizeStyles();
+    const shapeStyles = useShapeStyles();
+    const iconStyles = useIconStyles();
+    const { size = 'medium', shape = 'square' } = state;
+    state.root.className = (0, _react.mergeClasses)(colorSwatchClassNames.root, resetStyles, sizeStyles[size], shapeStyles[shape], state.selected && styles.selected, state.disabled && styles.disabled, state.root.className);
+    if (state.disabled && state.disabledIcon) {
+        state.disabledIcon.className = (0, _react.mergeClasses)(iconStyles.icon, iconStyles[size], iconStyles.disabledIcon, state.disabledIcon.className);
+    }
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(iconStyles.icon, iconStyles[size], state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useColorSwatchStyles.styles.js.map

package/lib-commonjs/components/ColorSwatch/useColorSwatchStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useColorSwatchStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const colorSwatchClassNames = {\n  root: 'fui-ColorSwatch',\n  icon: 'fui-ColorSwatch__icon',\n  disabledIcon: 'fui-ColorSwatch__disabledIcon'\n};\nexport const swatchCSSVars = {\n  color: `--fui-SwatchPicker--color`,\n  borderColor: `--fui-SwatchPicker--borderColor`\n};\nconst {\n  color,\n  borderColor\n} = swatchCSSVars;\n/**\n * Styles for the root slot\n */\nconst useResetStyles = /*#__PURE__*/__resetStyles(\"rwl4y25\", null, {\n  r: [\".rwl4y25{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--fui-SwatchPicker--borderColor);background:var(--fui-SwatchPicker--color);overflow:hidden;padding:0;}\", \".rwl4y25:hover{cursor:pointer;border:none;box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorBrandStroke1),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}\", \".rwl4y25:hover:active{border:none;box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke1),inset 0 0 0 var(--strokeWidthThickest) var(--colorStrokeFocus1);}\", \".rwl4y25:focus{outline:none;}\", \".rwl4y25:focus-visible{outline:none;}\", \".rwl4y25[data-fui-focus-visible]{border:none;outline:none;box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorStrokeFocus2),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}\"],\n  s: [\"@media (forced-colors: active){.rwl4y25{forced-color-adjust:none;}.rwl4y25:hover{box-shadow:inset 0 0 0 var(--strokeWidthThick) var(--colorBrandStroke2Hover),inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus1);}.rwl4y25:hover:active{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke2Pressed),inset 0 0 0 var(--strokeWidthThickest) var(--colorStrokeFocus1);}}\"]\n});\nconst useStyles = /*#__PURE__*/__styles({\n  disabled: {\n    eoavqd: \"fphbwmw\",\n    Bvxd0ez: \"f1q3txrk\"\n  },\n  selected: {\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    E5pizo: \"f8ps3yo\",\n    Bvxd0ez: \"f1txz9o1\",\n    vajtyg: \"f1frtkom\",\n    j6ew2k: \"f16jq8vy\",\n    Bspt33j: \"f18nq7tj\"\n  }\n}, {\n  h: [\".fphbwmw:hover{cursor:not-allowed;}\", \".f1q3txrk:hover{box-shadow:none;}\", \".f1txz9o1:hover{box-shadow:inset 0 0 0 var(--strokeWidthThickest) var(--colorBrandStroke1),inset 0 0 0 6px var(--colorStrokeFocus1);}\", \".f1frtkom:hover:active{box-shadow:inset 0 0 0 var(--strokeWidthThickest) var(--colorBrandStroke1),inset 0 0 0 7px var(--colorStrokeFocus1);}\"],\n  d: [\".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f8ps3yo{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke1),inset 0 0 0 5px var(--colorStrokeFocus1);}\", \".f16jq8vy[data-fui-focus-visible]{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorStrokeFocus2),inset 0 0 0 5px var(--colorStrokeFocus1);}\"],\n  m: [[\"@media (forced-colors: active){.f18nq7tj{box-shadow:inset 0 0 0 var(--strokeWidthThicker) var(--colorBrandStroke2Pressed),inset 0 0 0 5px var(--colorStrokeFocus1);}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useSizeStyles = /*#__PURE__*/__styles({\n  \"extra-small\": {\n    a9b677: \"f64fuq3\",\n    Bqenvij: \"fjamq6b\"\n  },\n  small: {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\"\n  },\n  medium: {\n    a9b677: \"f1w9dchk\",\n    Bqenvij: \"fxldao9\"\n  },\n  large: {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\"\n  }\n}, {\n  d: [\".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\"]\n});\nconst useShapeStyles = /*#__PURE__*/__styles({\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  },\n  circular: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"],\n    kdpuga: [\"fanj13w\", \"f1gou5sz\"],\n    Bw81rd7: [\"f1gou5sz\", \"fanj13w\"],\n    B6xbmo0: [\"fulf6x3\", \"foeb2x\"],\n    dm238s: [\"foeb2x\", \"fulf6x3\"]\n  },\n  square: {\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"],\n    kdpuga: [\"f1ndz5i7\", \"f1co4qro\"],\n    Bw81rd7: [\"f1co4qro\", \"f1ndz5i7\"],\n    B6xbmo0: [\"f146y5a9\", \"f1k2ftg\"],\n    dm238s: [\"f1k2ftg\", \"f146y5a9\"]\n  }\n}, {\n  d: [\".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fulf6x3[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusCircular);}\", \".foeb2x[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusCircular);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}\", \".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  disabledIcon: {\n    sj55zd: \"fqpbvvt\",\n    Bhu2qc9: \"f14y0k3d\"\n  },\n  icon: {\n    qhf8xq: \"f1euv43f\",\n    mc9l5x: \"f22iagw\",\n    qb2dma: \"f7nlbp4\"\n  },\n  \"extra-small\": {\n    Be2twd7: \"f4ybsrx\"\n  },\n  small: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  medium: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  large: {\n    Be2twd7: \"f1rt2boy\"\n  }\n}, {\n  d: [\".fqpbvvt{color:var(--colorNeutralForegroundInverted);}\", \".f14y0k3d{filter:drop-shadow(0 1px 1px rgb(0 0 0 / 1));}\", \".f1euv43f{position:absolute;}\", \".f22iagw{display:flex;}\", \".f7nlbp4{align-self:center;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\"]\n});\n/**\n * Apply styling to the ColorSwatch slots based on the state\n */\nexport const useColorSwatchStyles_unstable = state => {\n  const resetStyles = useResetStyles();\n  const styles = useStyles();\n  const sizeStyles = useSizeStyles();\n  const shapeStyles = useShapeStyles();\n  const iconStyles = useIconStyles();\n  const {\n    size = 'medium',\n    shape = 'square'\n  } = state;\n  state.root.className = mergeClasses(colorSwatchClassNames.root, resetStyles, sizeStyles[size], shapeStyles[shape], state.selected && styles.selected, state.disabled && styles.disabled, state.root.className);\n  if (state.disabled && state.disabledIcon) {\n    state.disabledIcon.className = mergeClasses(iconStyles.icon, iconStyles[size], iconStyles.disabledIcon, state.disabledIcon.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(iconStyles.icon, iconStyles[size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useColorSwatchStyles.styles.js.map"],"names":["colorSwatchClassNames","swatchCSSVars","useColorSwatchStyles_unstable","root","icon","disabledIcon","color","borderColor","useResetStyles","__resetStyles","r","s","useStyles","__styles","disabled","eoavqd","Bvxd0ez","selected","icvyot","vrafjx","oivjwe","wvpqe5","E5pizo","vajtyg","j6ew2k","Bspt33j","h","d","m","useSizeStyles","a9b677","Bqenvij","small","medium","large","useShapeStyles","rounded","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","kdpuga","Bw81rd7","B6xbmo0","dm238s","circular","square","useIconStyles","sj55zd","Bhu2qc9","qhf8xq","mc9l5x","qb2dma","Be2twd7","state","resetStyles","styles","sizeStyles","shapeStyles","iconStyles","size","shape","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/EmptySwatch/EmptySwatch.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EmptySwatch", {
+    enumerable: true,
+    get: function() {
+        return EmptySwatch;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useEmptySwatch = require("./useEmptySwatch");
+const _renderEmptySwatch = require("./renderEmptySwatch");
+const _useEmptySwatchStylesstyles = require("./useEmptySwatchStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const EmptySwatch = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useEmptySwatch.useEmptySwatch_unstable)(props, ref);
+    (0, _useEmptySwatchStylesstyles.useEmptySwatchStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useEmptySwatchStyles_unstable')(state);
+    return (0, _renderEmptySwatch.renderEmptySwatch_unstable)(state);
+});
+EmptySwatch.displayName = 'EmptySwatch';

package/lib-commonjs/components/EmptySwatch/EmptySwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EmptySwatch.js"],"sourcesContent":["import * as React from 'react';\nimport { useEmptySwatch_unstable } from './useEmptySwatch';\nimport { renderEmptySwatch_unstable } from './renderEmptySwatch';\nimport { useEmptySwatchStyles_unstable } from './useEmptySwatchStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * EmptySwatch component is used for adding new color swatches.\n */ export const EmptySwatch = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useEmptySwatch_unstable(props, ref);\n    useEmptySwatchStyles_unstable(state);\n    useCustomStyleHook_unstable('useEmptySwatchStyles_unstable')(state);\n    return renderEmptySwatch_unstable(state);\n});\nEmptySwatch.displayName = 'EmptySwatch';\n"],"names":["EmptySwatch","React","forwardRef","props","ref","state","useEmptySwatch_unstable","useEmptySwatchStyles_unstable","useCustomStyleHook_unstable","renderEmptySwatch_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;gCACiB;mCACG;4CACG;qCACF;AAGjC,MAAMA,cAAc,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,yDAA6B,EAACF;IAC9BG,IAAAA,gDAA2B,EAAC,iCAAiCH;IAC7D,OAAOI,IAAAA,6CAA0B,EAACJ;AACtC;AACAL,YAAYU,WAAW,GAAG"}

package/lib-commonjs/components/EmptySwatch/EmptySwatch.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/EmptySwatch/EmptySwatch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/EmptySwatch/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./EmptySwatch"), exports);
+_export_star._(require("./EmptySwatch.types"), exports);
+_export_star._(require("./renderEmptySwatch"), exports);
+_export_star._(require("./useEmptySwatch"), exports);
+_export_star._(require("./useEmptySwatchStyles.styles"), exports);

package/lib-commonjs/components/EmptySwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './EmptySwatch';\nexport * from './EmptySwatch.types';\nexport * from './renderEmptySwatch';\nexport * from './useEmptySwatch';\nexport * from './useEmptySwatchStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/EmptySwatch/renderEmptySwatch.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderEmptySwatch_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderEmptySwatch_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderEmptySwatch_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/EmptySwatch/renderEmptySwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderEmptySwatch.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of EmptySwatch\n */ export const renderEmptySwatch_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderEmptySwatch_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,6BAA6B,CAACC;IAC3CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/EmptySwatch/useEmptySwatch.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useEmptySwatch_unstable", {
+    enumerable: true,
+    get: function() {
+        return useEmptySwatch_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _swatchPicker = require("../../contexts/swatchPicker");
+const useEmptySwatch_unstable = (props, ref)=>{
+    const { size, shape, ...rest } = props;
+    const _size = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.size);
+    const _shape = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.shape);
+    const isGrid = (0, _swatchPicker.useSwatchPickerContextValue_unstable)((ctx)=>ctx.isGrid);
+    const role = isGrid ? 'gridcell' : 'radio';
+    const a11yProps = isGrid ? {} : {
+        'aria-checked': false
+    };
+    return {
+        components: {
+            root: 'button'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('button', {
+            ref,
+            role,
+            ...a11yProps,
+            ...rest
+        }), {
+            elementType: 'button'
+        }),
+        size: size !== null && size !== void 0 ? size : _size,
+        shape: shape !== null && shape !== void 0 ? shape : _shape
+    };
+};

package/lib-commonjs/components/EmptySwatch/useEmptySwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEmptySwatch.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSwatchPickerContextValue_unstable } from '../../contexts/swatchPicker';\n/**\n * Create the state required to render EmptySwatch.\n *\n * The returned state can be modified with hooks such as useEmptySwatchStyles_unstable,\n * before being passed to renderEmptySwatch_unstable.\n *\n * @param props - props from this instance of EmptySwatch\n * @param ref - reference to root HTMLDivElement of EmptySwatch\n */ export const useEmptySwatch_unstable = (props, ref)=>{\n    const { size, shape, ...rest } = props;\n    const _size = useSwatchPickerContextValue_unstable((ctx)=>ctx.size);\n    const _shape = useSwatchPickerContextValue_unstable((ctx)=>ctx.shape);\n    const isGrid = useSwatchPickerContextValue_unstable((ctx)=>ctx.isGrid);\n    const role = isGrid ? 'gridcell' : 'radio';\n    const a11yProps = isGrid ? {} : {\n        'aria-checked': false\n    };\n    return {\n        components: {\n            root: 'button'\n        },\n        root: slot.always(getIntrinsicElementProps('button', {\n            ref,\n            role,\n            ...a11yProps,\n            ...rest\n        }), {\n            elementType: 'button'\n        }),\n        size: size !== null && size !== void 0 ? size : _size,\n        shape: shape !== null && shape !== void 0 ? shape : _shape\n    };\n};\n"],"names":["useEmptySwatch_unstable","props","ref","size","shape","rest","_size","useSwatchPickerContextValue_unstable","ctx","_shape","isGrid","role","a11yProps","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;8BACM;AAS1C,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IACjC,MAAMK,QAAQC,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIL,IAAI;IAClE,MAAMM,SAASF,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIJ,KAAK;IACpE,MAAMM,SAASH,IAAAA,kDAAoC,EAAC,CAACC,MAAMA,IAAIE,MAAM;IACrE,MAAMC,OAAOD,SAAS,aAAa;IACnC,MAAME,YAAYF,SAAS,CAAC,IAAI;QAC5B,gBAAgB;IACpB;IACA,OAAO;QACHG,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjDf;YACAS;YACA,GAAGC,SAAS;YACZ,GAAGP,IAAI;QACX,IAAI;YACAa,aAAa;QACjB;QACAf,MAAMA,SAAS,QAAQA,SAAS,KAAK,IAAIA,OAAOG;QAChDF,OAAOA,UAAU,QAAQA,UAAU,KAAK,IAAIA,QAAQK;IACxD;AACJ"}