@arc-ui/components 12.0.0-beta.23 → 12.0.0-beta.24

package/lib/use-media-query/use-media-query.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useMediaQuery = require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
+var useMediaQuery = require('../_shared/cjs/use-media-query-DqZqShGX.cjs');
 require('react');
 
 

package/lib/use-media-query/use-media-query.mjs

@@ -1,2 +1,2 @@
-export { u as useMediaQuery } from '../_shared/esm/use-media-query-DmKuIDEM.mjs';
+export { u as useMediaQuery } from '../_shared/esm/use-media-query-BmsMeo2M.mjs';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.23",
+  "version": "12.0.0-beta.24",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./lib/index.cjs",
@@ -95,13 +95,14 @@
     "ts-jest": "^29.2.5",
     "tslib": "^2.8.1",
     "typescript": "5.6.3",
-    "@arc-ui/css-config": "^12.0.0-beta.23",
-    "@arc-ui/eslint-config": "^12.0.0-beta.23",
-    "@arc-ui/helpers": "^12.0.0-beta.23",
-    "@arc-ui/icons": "^12.0.0-beta.23",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.23",
-    "@arc-ui/typescript-config": "^12.0.0-beta.23",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.23"
+    "@arc-ui/eslint-config": "^11.24.1",
+    "@arc-ui/gradients": "^12.0.0-beta.24",
+    "@arc-ui/css-config": "^11.24.1",
+    "@arc-ui/helpers": "^12.0.0-beta.24",
+    "@arc-ui/icons": "^12.0.0-beta.24",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.24",
+    "@arc-ui/typescript-config": "^11.24.1",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.24"
   },
   "browserslist": [
     "defaults",

package/lib/_shared/cjs/Badge-CQVEPH9v.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
-
-/** Use `Badge` as a static, non-interactive way to provide short updates. */
-var Badge = function (_a) {
-    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = filterAttrs.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Badge", suffixModifier.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), filterAttrs.filterAttrs(props)), children));
-};
-
-exports.Badge = Badge;

package/lib/_shared/cjs/BannerImage-kdAKagG-.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var Image = require('./Image-C1pcrfnN.cjs');
-
-var BannerImage = function (_a) {
-    var sources = _a.sources, ariaHidden = _a.ariaHidden, props = filterAttrs.__rest(_a, ["sources", "ariaHidden"]);
-    return (React.createElement(Image.Image, filterAttrs.__assign({ "aria-hidden": ariaHidden, fadeOnLoad: true }, props), sources &&
-        sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); })));
-};
-
-exports.BannerImage = BannerImage;

package/lib/_shared/cjs/ButtonV2-Bta5SVVY.cjs

@@ -1,55 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var Icon = require('./Icon-CzhyKqMd.cjs');
-var Surface = require('./Surface-BFx1yNsq.cjs');
-var Spinner = require('./Spinner-bbrOwxv2.cjs');
-
-var ButtonV2 = React.forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, ariaControls = _a.ariaControls, ariaExpanded = _a.ariaExpanded, ariaHasPopup = _a.ariaHasPopup, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, isSpan = _a.isSpan, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = filterAttrs.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "ariaControls", "ariaExpanded", "ariaHasPopup", "isFullWidth", "isLoading", "isSpan", "onClick", "href", "id", "rel", "target", "type", "form"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var ButtonElement = isSpan ? "span" : "button";
-    var iconSizes = {
-        s: 16,
-        m: 32,
-        l: 40,
-    };
-    var ButtonV2Classes = index.classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
-        "arc-ButtonV2--onDarkSurface": surface === "dark",
-        "arc-ButtonV2--emptyLabel": !label,
-        "arc-ButtonV2--isLoading": isLoading,
-        "arc-ButtonV2--isFullWidth": isFullWidth,
-        "arc-ButtonV2--withIcon": icon || isLoading,
-        "arc-ButtonV2--withIconBeforeText": iconPosition === "beforeText" && (icon || isLoading),
-    });
-    var commonProps = filterAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterAttrs.filterAttrs(props));
-    var getIconColor = function (buttonStyle) {
-        switch (buttonStyle) {
-            case "compact":
-            case "secondary":
-            case "tertiary":
-                return "brand-alt";
-            default:
-                return "auto";
-        }
-    };
-    var buttonContent = (React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-            "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
-        }) },
-        label && React.createElement("span", { className: "arc-ButtonV2-label" }, label),
-        isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
-            React.createElement(Spinner.Spinner, { size: size }))),
-        icon && !isLoading && (React.createElement("span", { className: "arc-ButtonV2-icon" },
-            React.createElement(Icon.Icon, { color: getIconColor(buttonStyle), size: iconSizes[size], icon: icon })))));
-    if (href && !isLoading) {
-        return (React.createElement("a", filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, href: href, rel: rel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, target: target }), buttonContent));
-    }
-    return (React.createElement(ButtonElement, filterAttrs.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, "aria-haspopup": ariaHasPopup, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, disabled: isLoading, type: type, form: form }),
-        React.createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-                "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText",
-            }) }, buttonContent)));
-});
-
-exports.ButtonV2 = ButtonV2;

package/lib/_shared/cjs/GridRow-BW2ZGtND.cjs

@@ -1,44 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
-
-/**
- * Use `Grid` to compose layouts on a 12-column grid.
- */
-var Grid = function (_a) {
-    var children = _a.children, isFluid = _a.isFluid, isDebugVisible = _a.isDebugVisible, isGutterless = _a.isGutterless, _b = _a.isExtended, isExtended = _b === void 0 ? false : _b, props = filterAttrs.__rest(_a, ["children", "isFluid", "isDebugVisible", "isGutterless", "isExtended"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Grid", {
-            "arc-Grid--regular": !isExtended,
-            "arc-Grid--extended": isExtended,
-            "arc-Grid--fluid": isFluid,
-            "arc-Grid--debugVisible": isDebugVisible,
-            "arc-Grid--gutterless": isGutterless,
-        }) }, filterAttrs.filterAttrs(props)),
-        React.createElement("div", { className: "arc-Grid-inner" }, children)));
-};
-
-var BREAKPOINTS = ["xs", "s", "m", "l", "xl", "xxl", "xxxl"];
-
-var GridCol = function (_a) {
-    var order = _a.order, offset = _a.offset, align = _a.align, children = _a.children, props = filterAttrs.__rest(_a, ["order", "offset", "align", "children"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Grid-col", BREAKPOINTS.reduce(function (acc, bp) {
-            var _a;
-            var sizeValue = props === null || props === void 0 ? void 0 : props[bp];
-            var orderValue = order === null || order === void 0 ? void 0 : order[bp];
-            var offsetValue = offset === null || offset === void 0 ? void 0 : offset[bp];
-            var alignValue = align === null || align === void 0 ? void 0 : align[bp];
-            return filterAttrs.__assign(filterAttrs.__assign({}, acc), (_a = {}, _a["arc-Grid-col--".concat(bp).concat(sizeValue)] = sizeValue !== undefined, _a["arc-Grid-order--".concat(bp).concat(orderValue)] = orderValue !== undefined, _a["arc-Grid-offset--".concat(bp).concat(offsetValue)] = offsetValue !== undefined, _a["arc-Grid-align--".concat(bp).concat(alignValue)] = alignValue !== undefined, _a));
-        }, {})) }, filterAttrs.filterAttrs(props)), children));
-};
-
-var GridRow = function (_a) {
-    var _b = _a.direction, direction = _b === void 0 ? "row" : _b, _c = _a.align, align = _c === void 0 ? "normal" : _c, _d = _a.justify, justify = _d === void 0 ? "normal" : _d, children = _a.children, props = filterAttrs.__rest(_a, ["direction", "align", "justify", "children"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: index.classNames("arc-Grid-row", "".concat(suffixModifier.suffixModifier("arc-Grid-row--direction", direction)), "".concat(suffixModifier.suffixModifier("arc-Grid-row--justify", justify)), "".concat(suffixModifier.suffixModifier("arc-Grid-row--align", align))) }, filterAttrs.filterAttrs(props)), children));
-};
-
-exports.Grid = Grid;
-exports.GridCol = GridCol;
-exports.GridRow = GridRow;

package/lib/_shared/cjs/Spinner-bbrOwxv2.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-
-/**
- * Use `Spinner` to display a loading state.
- */
-var Spinner = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "m" : _b, color = _a.color, props = filterAttrs.__rest(_a, ["size", "color"]);
-    return (React.createElement("svg", filterAttrs.__assign({ className: index.classNames("arc-Spinner", "arc-Spinner-".concat(color), "arc-Spinner-size--".concat(size)), width: typeof size === "number" ? "".concat(size, "px") : undefined, "data-testid": "arc-Spinner", "aria-label": "loading", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, filterAttrs.filterAttrs(props)),
-        React.createElement("circle", { cx: "24", cy: "24", fill: "none", r: "22", strokeWidth: "4", strokeLinecap: "round" })));
-};
-
-exports.Spinner = Spinner;

package/lib/_shared/cjs/VisuallyHidden-B4XCvPYP.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-
-/**
- * Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
- */
-var VisuallyHidden = function (_a) {
-    var children = _a.children, props = filterAttrs.__rest(_a, ["children"]);
-    return (React.createElement("span", filterAttrs.__assign({ "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, filterAttrs.filterAttrs(props)), children));
-};
-
-exports.VisuallyHidden = VisuallyHidden;

package/lib/_shared/cjs/index-CqYNiqix.cjs

@@ -1,137 +0,0 @@
-'use strict';
-
-var index = require('./index-CTlXMLug.cjs');
-
-var shorterCssColorNames;
-var hasRequiredShorterCssColorNames;
-
-function requireShorterCssColorNames () {
-	if (hasRequiredShorterCssColorNames) return shorterCssColorNames;
-	hasRequiredShorterCssColorNames = 1;
-	shorterCssColorNames = {
-	  aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
-	  azure: /#f0ffff(ff)?(?!\w)/gi,
-	  beige: /#f5f5dc(ff)?(?!\w)/gi,
-	  bisque: /#ffe4c4(ff)?(?!\w)/gi,
-	  black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
-	  blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
-	  brown: /#a52a2a(ff)?(?!\w)/gi,
-	  coral: /#ff7f50(ff)?(?!\w)/gi,
-	  cornsilk: /#fff8dc(ff)?(?!\w)/gi,
-	  crimson: /#dc143c(ff)?(?!\w)/gi,
-	  cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
-	  darkblue: /#00008b(ff)?(?!\w)/gi,
-	  darkcyan: /#008b8b(ff)?(?!\w)/gi,
-	  darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
-	  darkred: /#8b0000(ff)?(?!\w)/gi,
-	  deeppink: /#ff1493(ff)?(?!\w)/gi,
-	  dimgrey: /#696969(ff)?(?!\w)/gi,
-	  gold: /#ffd700(ff)?(?!\w)/gi,
-	  green: /#008000(ff)?(?!\w)/gi,
-	  grey: /#808080(ff)?(?!\w)/gi,
-	  honeydew: /#f0fff0(ff)?(?!\w)/gi,
-	  hotpink: /#ff69b4(ff)?(?!\w)/gi,
-	  indigo: /#4b0082(ff)?(?!\w)/gi,
-	  ivory: /#fffff0(ff)?(?!\w)/gi,
-	  khaki: /#f0e68c(ff)?(?!\w)/gi,
-	  lavender: /#e6e6fa(ff)?(?!\w)/gi,
-	  lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
-	  linen: /#faf0e6(ff)?(?!\w)/gi,
-	  maroon: /#800000(ff)?(?!\w)/gi,
-	  moccasin: /#ffe4b5(ff)?(?!\w)/gi,
-	  navy: /#000080(ff)?(?!\w)/gi,
-	  oldlace: /#fdf5e6(ff)?(?!\w)/gi,
-	  olive: /#808000(ff)?(?!\w)/gi,
-	  orange: /#ffa500(ff)?(?!\w)/gi,
-	  orchid: /#da70d6(ff)?(?!\w)/gi,
-	  peru: /#cd853f(ff)?(?!\w)/gi,
-	  pink: /#ffc0cb(ff)?(?!\w)/gi,
-	  plum: /#dda0dd(ff)?(?!\w)/gi,
-	  purple: /#800080(ff)?(?!\w)/gi,
-	  red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
-	  salmon: /#fa8072(ff)?(?!\w)/gi,
-	  seagreen: /#2e8b57(ff)?(?!\w)/gi,
-	  seashell: /#fff5ee(ff)?(?!\w)/gi,
-	  sienna: /#a0522d(ff)?(?!\w)/gi,
-	  silver: /#c0c0c0(ff)?(?!\w)/gi,
-	  skyblue: /#87ceeb(ff)?(?!\w)/gi,
-	  snow: /#fffafa(ff)?(?!\w)/gi,
-	  tan: /#d2b48c(ff)?(?!\w)/gi,
-	  teal: /#008080(ff)?(?!\w)/gi,
-	  thistle: /#d8bfd8(ff)?(?!\w)/gi,
-	  tomato: /#ff6347(ff)?(?!\w)/gi,
-	  violet: /#ee82ee(ff)?(?!\w)/gi,
-	  wheat: /#f5deb3(ff)?(?!\w)/gi,
-	  white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi,
-	};
-	return shorterCssColorNames;
-}
-
-var miniSvgDataUri;
-var hasRequiredMiniSvgDataUri;
-
-function requireMiniSvgDataUri () {
-	if (hasRequiredMiniSvgDataUri) return miniSvgDataUri;
-	hasRequiredMiniSvgDataUri = 1;
-	var shorterNames = requireShorterCssColorNames();
-	var REGEX = {
-	  whitespace: /\s+/g,
-	  urlHexPairs: /%[\dA-F]{2}/g,
-	  quotes: /"/g,
-	};
-
-	function collapseWhitespace(str) {
-	  return str.trim().replace(REGEX.whitespace, ' ');
-	}
-
-	function dataURIPayload(string) {
-	  return encodeURIComponent(string)
-	    .replace(REGEX.urlHexPairs, specialHexEncode);
-	}
-
-	// `#` gets converted to `%23`, so quite a few CSS named colors are shorter than
-	// their equivalent URL-encoded hex codes.
-	function colorCodeToShorterNames(string) {
-	  Object.keys(shorterNames).forEach(function(key) {
-	    if (shorterNames[key].test(string)) {
-	      string = string.replace(shorterNames[key], key);
-	    }
-	  });
-
-	  return string;
-	}
-
-	function specialHexEncode(match) {
-	  switch (match) { // Browsers tolerate these characters, and they're frequent
-	    case '%20': return ' ';
-	    case '%3D': return '=';
-	    case '%3A': return ':';
-	    case '%2F': return '/';
-	    default: return match.toLowerCase(); // compresses better
-	  }
-	}
-
-	function svgToTinyDataUri(svgString) {
-	  if (typeof svgString !== 'string') {
-	    throw new TypeError('Expected a string, but received ' + typeof svgString);
-	  }
-	  // Strip the Byte-Order Mark if the SVG has one
-	  if (svgString.charCodeAt(0) === 0xfeff) { svgString = svgString.slice(1); }
-
-	  var body = colorCodeToShorterNames(collapseWhitespace(svgString))
-	    .replace(REGEX.quotes, "'");
-	  return 'data:image/svg+xml,' + dataURIPayload(body);
-	}
-
-	svgToTinyDataUri.toSrcset = function toSrcset(svgString) {
-	  return svgToTinyDataUri(svgString).replace(/ /g, '%20');
-	};
-
-	miniSvgDataUri = svgToTinyDataUri;
-	return miniSvgDataUri;
-}
-
-var miniSvgDataUriExports = requireMiniSvgDataUri();
-var svgToMiniDataURI = /*@__PURE__*/index.getDefaultExportFromCjs(miniSvgDataUriExports);
-
-exports.svgToMiniDataURI = svgToMiniDataURI;

package/lib/_shared/cjs/use-media-query-BsUfHjPZ.cjs

@@ -1,41 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * @typedef MediaQueryOutputs
- * @param {boolean} matches - does the document match the media query?
- */
-/**
- * Handle with care!
- *
- * If you need to change something in the browser based on @media query, you
- * probably don’t need this hook. Use CSS media queries instead.
- *
- * Sometimes UI requirements are not achievable with CSS media queries alone. In
- * these rare cases, use this hook to make media query matches available
- * to React JavaScript code.
- *
- * @param {string} mediaQuery - the media query to parse
- * @returns {MediaQueryOutputs}
- */
-var useMediaQuery = function (mediaQuery) {
-    var mediaQueryList = typeof window !== "undefined" ? window.matchMedia(mediaQuery) : undefined;
-    var _a = React.useState(false), matches = _a[0], setMatches = _a[1];
-    React.useEffect(function () {
-        setMatches(typeof window !== "undefined"
-            ? window.matchMedia(mediaQuery).matches
-            : false);
-    }, [mediaQuery]);
-    React.useEffect(function () {
-        var onMatchMedia = function (event) { return setMatches(event.matches); };
-        // Using deprecated addListener methods here for IE & Safari 13 support
-        if (mediaQueryList) {
-            mediaQueryList.addListener(onMatchMedia);
-        }
-        return function () { return mediaQueryList && mediaQueryList.removeListener(onMatchMedia); };
-    }, [mediaQueryList]);
-    return matches;
-};
-
-exports.useMediaQuery = useMediaQuery;

package/lib/_shared/esm/index-CL6dwOYV.mjs

@@ -1,135 +0,0 @@
-import { g as getDefaultExportFromCjs } from './index-5C0-U8cc.mjs';
-
-var shorterCssColorNames;
-var hasRequiredShorterCssColorNames;
-
-function requireShorterCssColorNames () {
-	if (hasRequiredShorterCssColorNames) return shorterCssColorNames;
-	hasRequiredShorterCssColorNames = 1;
-	shorterCssColorNames = {
-	  aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
-	  azure: /#f0ffff(ff)?(?!\w)/gi,
-	  beige: /#f5f5dc(ff)?(?!\w)/gi,
-	  bisque: /#ffe4c4(ff)?(?!\w)/gi,
-	  black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
-	  blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
-	  brown: /#a52a2a(ff)?(?!\w)/gi,
-	  coral: /#ff7f50(ff)?(?!\w)/gi,
-	  cornsilk: /#fff8dc(ff)?(?!\w)/gi,
-	  crimson: /#dc143c(ff)?(?!\w)/gi,
-	  cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
-	  darkblue: /#00008b(ff)?(?!\w)/gi,
-	  darkcyan: /#008b8b(ff)?(?!\w)/gi,
-	  darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
-	  darkred: /#8b0000(ff)?(?!\w)/gi,
-	  deeppink: /#ff1493(ff)?(?!\w)/gi,
-	  dimgrey: /#696969(ff)?(?!\w)/gi,
-	  gold: /#ffd700(ff)?(?!\w)/gi,
-	  green: /#008000(ff)?(?!\w)/gi,
-	  grey: /#808080(ff)?(?!\w)/gi,
-	  honeydew: /#f0fff0(ff)?(?!\w)/gi,
-	  hotpink: /#ff69b4(ff)?(?!\w)/gi,
-	  indigo: /#4b0082(ff)?(?!\w)/gi,
-	  ivory: /#fffff0(ff)?(?!\w)/gi,
-	  khaki: /#f0e68c(ff)?(?!\w)/gi,
-	  lavender: /#e6e6fa(ff)?(?!\w)/gi,
-	  lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
-	  linen: /#faf0e6(ff)?(?!\w)/gi,
-	  maroon: /#800000(ff)?(?!\w)/gi,
-	  moccasin: /#ffe4b5(ff)?(?!\w)/gi,
-	  navy: /#000080(ff)?(?!\w)/gi,
-	  oldlace: /#fdf5e6(ff)?(?!\w)/gi,
-	  olive: /#808000(ff)?(?!\w)/gi,
-	  orange: /#ffa500(ff)?(?!\w)/gi,
-	  orchid: /#da70d6(ff)?(?!\w)/gi,
-	  peru: /#cd853f(ff)?(?!\w)/gi,
-	  pink: /#ffc0cb(ff)?(?!\w)/gi,
-	  plum: /#dda0dd(ff)?(?!\w)/gi,
-	  purple: /#800080(ff)?(?!\w)/gi,
-	  red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
-	  salmon: /#fa8072(ff)?(?!\w)/gi,
-	  seagreen: /#2e8b57(ff)?(?!\w)/gi,
-	  seashell: /#fff5ee(ff)?(?!\w)/gi,
-	  sienna: /#a0522d(ff)?(?!\w)/gi,
-	  silver: /#c0c0c0(ff)?(?!\w)/gi,
-	  skyblue: /#87ceeb(ff)?(?!\w)/gi,
-	  snow: /#fffafa(ff)?(?!\w)/gi,
-	  tan: /#d2b48c(ff)?(?!\w)/gi,
-	  teal: /#008080(ff)?(?!\w)/gi,
-	  thistle: /#d8bfd8(ff)?(?!\w)/gi,
-	  tomato: /#ff6347(ff)?(?!\w)/gi,
-	  violet: /#ee82ee(ff)?(?!\w)/gi,
-	  wheat: /#f5deb3(ff)?(?!\w)/gi,
-	  white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi,
-	};
-	return shorterCssColorNames;
-}
-
-var miniSvgDataUri;
-var hasRequiredMiniSvgDataUri;
-
-function requireMiniSvgDataUri () {
-	if (hasRequiredMiniSvgDataUri) return miniSvgDataUri;
-	hasRequiredMiniSvgDataUri = 1;
-	var shorterNames = requireShorterCssColorNames();
-	var REGEX = {
-	  whitespace: /\s+/g,
-	  urlHexPairs: /%[\dA-F]{2}/g,
-	  quotes: /"/g,
-	};
-
-	function collapseWhitespace(str) {
-	  return str.trim().replace(REGEX.whitespace, ' ');
-	}
-
-	function dataURIPayload(string) {
-	  return encodeURIComponent(string)
-	    .replace(REGEX.urlHexPairs, specialHexEncode);
-	}
-
-	// `#` gets converted to `%23`, so quite a few CSS named colors are shorter than
-	// their equivalent URL-encoded hex codes.
-	function colorCodeToShorterNames(string) {
-	  Object.keys(shorterNames).forEach(function(key) {
-	    if (shorterNames[key].test(string)) {
-	      string = string.replace(shorterNames[key], key);
-	    }
-	  });
-
-	  return string;
-	}
-
-	function specialHexEncode(match) {
-	  switch (match) { // Browsers tolerate these characters, and they're frequent
-	    case '%20': return ' ';
-	    case '%3D': return '=';
-	    case '%3A': return ':';
-	    case '%2F': return '/';
-	    default: return match.toLowerCase(); // compresses better
-	  }
-	}
-
-	function svgToTinyDataUri(svgString) {
-	  if (typeof svgString !== 'string') {
-	    throw new TypeError('Expected a string, but received ' + typeof svgString);
-	  }
-	  // Strip the Byte-Order Mark if the SVG has one
-	  if (svgString.charCodeAt(0) === 0xfeff) { svgString = svgString.slice(1); }
-
-	  var body = colorCodeToShorterNames(collapseWhitespace(svgString))
-	    .replace(REGEX.quotes, "'");
-	  return 'data:image/svg+xml,' + dataURIPayload(body);
-	}
-
-	svgToTinyDataUri.toSrcset = function toSrcset(svgString) {
-	  return svgToTinyDataUri(svgString).replace(/ /g, '%20');
-	};
-
-	miniSvgDataUri = svgToTinyDataUri;
-	return miniSvgDataUri;
-}
-
-var miniSvgDataUriExports = requireMiniSvgDataUri();
-var svgToMiniDataURI = /*@__PURE__*/getDefaultExportFromCjs(miniSvgDataUriExports);
-
-export { svgToMiniDataURI as s };

package/lib/_shared/esm/use-media-query-DmKuIDEM.mjs

@@ -1,39 +0,0 @@
-import { useState, useEffect } from 'react';
-
-/**
- * @typedef MediaQueryOutputs
- * @param {boolean} matches - does the document match the media query?
- */
-/**
- * Handle with care!
- *
- * If you need to change something in the browser based on @media query, you
- * probably don’t need this hook. Use CSS media queries instead.
- *
- * Sometimes UI requirements are not achievable with CSS media queries alone. In
- * these rare cases, use this hook to make media query matches available
- * to React JavaScript code.
- *
- * @param {string} mediaQuery - the media query to parse
- * @returns {MediaQueryOutputs}
- */
-var useMediaQuery = function (mediaQuery) {
-    var mediaQueryList = typeof window !== "undefined" ? window.matchMedia(mediaQuery) : undefined;
-    var _a = useState(false), matches = _a[0], setMatches = _a[1];
-    useEffect(function () {
-        setMatches(typeof window !== "undefined"
-            ? window.matchMedia(mediaQuery).matches
-            : false);
-    }, [mediaQuery]);
-    useEffect(function () {
-        var onMatchMedia = function (event) { return setMatches(event.matches); };
-        // Using deprecated addListener methods here for IE & Safari 13 support
-        if (mediaQueryList) {
-            mediaQueryList.addListener(onMatchMedia);
-        }
-        return function () { return mediaQueryList && mediaQueryList.removeListener(onMatchMedia); };
-    }, [mediaQueryList]);
-    return matches;
-};
-
-export { useMediaQuery as u };