@arc-ui/components 10.0.3 → 10.2.0

package/dist/_shared/index-e3c83626.js

@@ -0,0 +1,208 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+var camelcase = {exports: {}};
+
+const UPPERCASE = /[\p{Lu}]/u;
+const LOWERCASE = /[\p{Ll}]/u;
+const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
+const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+const SEPARATORS = /[_.\- ]+/;
+
+const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
+const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
+const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
+
+const preserveCamelCase = (string, locale) => {
+	let isLastCharLower = false;
+	let isLastCharUpper = false;
+	let isLastLastCharUpper = false;
+
+	for (let i = 0; i < string.length; i++) {
+		const character = string[i];
+
+		if (isLastCharLower && UPPERCASE.test(character)) {
+			string = string.slice(0, i) + '-' + string.slice(i);
+			isLastCharLower = false;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = true;
+			i++;
+		} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
+			string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = false;
+			isLastCharLower = true;
+		} else {
+			isLastCharLower = character.toLocaleLowerCase(locale) === character && character.toLocaleUpperCase(locale) !== character;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = character.toLocaleUpperCase(locale) === character && character.toLocaleLowerCase(locale) !== character;
+		}
+	}
+
+	return string;
+};
+
+const preserveConsecutiveUppercase = input => {
+	LEADING_CAPITAL.lastIndex = 0;
+
+	return input.replace(LEADING_CAPITAL, m1 => m1.toLowerCase());
+};
+
+const postProcess = (input, options) => {
+	SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
+	NUMBERS_AND_IDENTIFIER.lastIndex = 0;
+
+	return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => identifier.toLocaleUpperCase(options.locale))
+		.replace(NUMBERS_AND_IDENTIFIER, m => m.toLocaleUpperCase(options.locale));
+};
+
+const camelCase = (input, options) => {
+	if (!(typeof input === 'string' || Array.isArray(input))) {
+		throw new TypeError('Expected the input to be `string | string[]`');
+	}
+
+	options = {
+		pascalCase: false,
+		preserveConsecutiveUppercase: false,
+		...options
+	};
+
+	if (Array.isArray(input)) {
+		input = input.map(x => x.trim())
+			.filter(x => x.length)
+			.join('-');
+	} else {
+		input = input.trim();
+	}
+
+	if (input.length === 0) {
+		return '';
+	}
+
+	if (input.length === 1) {
+		return options.pascalCase ? input.toLocaleUpperCase(options.locale) : input.toLocaleLowerCase(options.locale);
+	}
+
+	const hasUpperCase = input !== input.toLocaleLowerCase(options.locale);
+
+	if (hasUpperCase) {
+		input = preserveCamelCase(input, options.locale);
+	}
+
+	input = input.replace(LEADING_SEPARATORS, '');
+
+	if (options.preserveConsecutiveUppercase) {
+		input = preserveConsecutiveUppercase(input);
+	} else {
+		input = input.toLocaleLowerCase();
+	}
+
+	if (options.pascalCase) {
+		input = input.charAt(0).toLocaleUpperCase(options.locale) + input.slice(1);
+	}
+
+	return postProcess(input, options);
+};
+
+camelcase.exports = camelCase;
+// TODO: Remove this for the next major release
+camelcase.exports.default = camelCase;
+
+var camelCase$1 = camelcase.exports;
+
+export { __rest as _, __assign as a, __spreadArray as b, camelCase$1 as c, __awaiter as d, __generator as e, filterDataAttrs as f };

package/dist/_shared/index.es-f5886c3a.js

@@ -0,0 +1,284 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+const ArcBreakpointM = 768;
+const ArcBreakpointL = 1024;
+const iconsSelected = [
+  "bt3GFill",
+  "bt4GFill",
+  "bt5GFill",
+  "btAccessibilityFill",
+  "btAddFill",
+  "btAlertFill",
+  "btAlertTriangleFill",
+  "btAnswerPointFill",
+  "btArchitectureFill",
+  "btArchiveFill",
+  "btArrowAltDownFill",
+  "btArrowAltLeftFill",
+  "btArrowAltLeftRightFill",
+  "btArrowAltRightFill",
+  "btArrowAltUpFill",
+  "btArrowDownFill",
+  "btArrowLeftFill",
+  "btArrowLeftRightFill",
+  "btArrowRightFill",
+  "btArrowUpFill",
+  "btAttachmentAltFill",
+  "btAttachmentFill",
+  "btBagFill",
+  "btBasketFill",
+  "btBinFill",
+  "btBlockedNumberFill",
+  "btBoatFill",
+  "btBroadbandFill",
+  "btBuildingFill",
+  "btBurgerMenuFill",
+  "btCakeFill",
+  "btCalenderAcceptedFill",
+  "btCalenderAddEventFill",
+  "btCalenderFill",
+  "btCalenderPaymentPlanAltFill",
+  "btCalenderPaymentPlanFill",
+  "btCalenderSpecialDateFill",
+  "btCallRoutingFill",
+  "btCallerIdFill",
+  "btChatFill",
+  "btChatMessageFill",
+  "btChatTypingFill",
+  "btClipboardFill",
+  "btClipboardTickFill",
+  "btClockFill",
+  "btCloudAlertFill",
+  "btCloudDesktopFill",
+  "btCloudFill",
+  "btCloudLinkFill",
+  "btCloudMeetingFill",
+  "btCloudPhoneFill",
+  "btCloudSecurityFill",
+  "btCloudUploadFill",
+  "btCloudUserFill",
+  "btCollapseFill",
+  "btCompareFill",
+  "btComputerChipFill",
+  "btConnectedCareFill",
+  "btContactDetailsFill",
+  "btContactNoDetailsFill",
+  "btContactsFill",
+  "btCreditCardFill",
+  "btCrossAlt2pxFill",
+  "btCrossAltFill",
+  "btCrossFill",
+  "btDashboardFill",
+  "btDepositFill",
+  "btDesignFill",
+  "btDeskPhoneFill",
+  "btDetailsFill",
+  "btDetailsGroupFill",
+  "btDexterityFill",
+  "btDialPadFill",
+  "btDialPadWithHandFill",
+  "btDialledNumberDestinationFill",
+  "btDigitalCollaborationFill",
+  "btDisabilityFill",
+  "btDiscountFill",
+  "btDivertOnBusyFill",
+  "btDocumentAndPencilFill",
+  "btDocumentArticleFill",
+  "btDocumentBillsFill",
+  "btDocumentDownloadFill",
+  "btDocumentFill",
+  "btDocumentPdfFill",
+  "btDocumentWithCopyCrossedOutFill",
+  "btDocumentWithCopyFill",
+  "btDynamicCollaborationFill",
+  "btEducationFill",
+  "btEmailReadFill",
+  "btEmailUnreadFill",
+  "btEngagedFill",
+  "btEthernetFill",
+  "btFaceHappyFill",
+  "btFaceNeutralFill",
+  "btFaceSadFill",
+  "btFaceVeryHappyFill",
+  "btFirstAidFill",
+  "btFolderFill",
+  "btGamingFill",
+  "btGenderFemaleAndMaleFill",
+  "btGenderFemaleFill",
+  "btGenderMaleFill",
+  "btGenderNeutralFill",
+  "btGiftFill",
+  "btGlobalConnectivityFill",
+  "btGlobeFill",
+  "btGlossaryFill",
+  "btGondolaFill",
+  "btGraphBarAndPlotFill",
+  "btGraphBarChartFill",
+  "btGraphDownFill",
+  "btGraphUpAndDownFill",
+  "btGraphUpFill",
+  "btHeadsetFill",
+  "btHeartBrokenFill",
+  "btHeartCareFill",
+  "btHeartFill",
+  "btHoldingHeartFill",
+  "btHomeFill",
+  "btHomeTechExpertFill",
+  "btHometownFill",
+  "btHubAndMobileFill",
+  "btHubFill",
+  "btHubOldFill",
+  "btIpFill",
+  "btIPv6Fill",
+  "btIdeaFill",
+  "btInfoFill",
+  "btJsonFill",
+  "btJigsawFill",
+  "btJourneyFill",
+  "btKeyFill",
+  "btKnifeAndForkFill",
+  "btLanFill",
+  "btLaptopAndMobileFill",
+  "btLaptopConnectAndShareFill",
+  "btLaptopDetectionFill",
+  "btLaptopFill",
+  "btLaptopSecureFill",
+  "btLaptopVideoConferenceFill",
+  "btLaptopUsersFill",
+  "btLayoutGridLargeFill",
+  "btLayoutGridMediumFill",
+  "btLayoutGridSmallFill",
+  "btLayoutRowsLargeFill",
+  "btLayoutRowsMediumFill",
+  "btLayoutRowsSmallFill",
+  "btLeadershipFill",
+  "btLinkFill",
+  "btLiteracyNumeracyFill",
+  "btLocationFill",
+  "btLockedFill",
+  "btLogoutFill",
+  "btMedalFill",
+  "btMedalWithStarFill",
+  "btMeetingSpaceFill",
+  "btMegaphoneFill",
+  "btMicrophoneFill",
+  "btMobileFill",
+  "btMobileTransferCallFill",
+  "btMobileWithHandFill",
+  "btMobilityFill",
+  "btMoneyFill",
+  "btMonitorFill",
+  "btMonitorTickFill",
+  "btMoonFill",
+  "btMouseFill",
+  "btNamingFill",
+  "btNewWindowFill",
+  "btNoHearingFill",
+  "btNoHearingOrSpeechFill",
+  "btNoSpeechFill",
+  "btNoViewFill",
+  "btNotificationFill",
+  "btPaperTowelFill",
+  "btPasswordFIll",
+  "btPaymentMethodFill",
+  "btPayphoneFill",
+  "btPhoneBarredFill",
+  "btPhoneFill",
+  "btPictureFill",
+  "btPinAltFill",
+  "btPinFill",
+  "btPlaneFill",
+  "btPlanningFill",
+  "btPlantFill",
+  "btPlayFill",
+  "btPodcastFill",
+  "btPresentationFill",
+  "btPriceFill",
+  "btPrinterFill",
+  "btProcessFill",
+  "btProcessMiningFill",
+  "btProcessRolesFill",
+  "btProportionalCallDistributionFill",
+  "btQuestionFill",
+  "btRecyclingFill",
+  "btRefreshFill",
+  "btRefundFill",
+  "btReleaseFill",
+  "btResolution4KFill",
+  "btResolutionHdFill",
+  "btResolutionSdFill",
+  "btScaleFill",
+  "btSearchFill",
+  "btServerFill",
+  "btSettingsAlt2Fill",
+  "btSettingsAltFill",
+  "btSettingsFill",
+  "btShieldAddFill",
+  "btShieldFill",
+  "btShieldQuestionMarkFIll",
+  "btShieldSecurityFill",
+  "btShieldTickFill",
+  "btShipFill",
+  "btSignalFill",
+  "btSignatureFill",
+  "btSignpostFill",
+  "btSimFill",
+  "btSimpleFill",
+  "btSkiingFill",
+  "btSkisFill",
+  "btSnowboardingFill",
+  "btSpannerFill",
+  "btSpeakerFullVolumeFill",
+  "btSpeakerHalfVolumeFill",
+  "btSpeakerLowVolumeFill",
+  "btSpeakerMuteFill",
+  "btSpeedFasterFill",
+  "btSpeedFastestFill",
+  "btSpeedSlowFill",
+  "btSportFootballFill",
+  "btStarFill",
+  "btStopFill",
+  "btStopAltFill",
+  "btSuitcaseFill",
+  "btSunFill",
+  "btSwitchFill",
+  "btTvArialFill",
+  "btTvFill",
+  "btTvAndHubFill",
+  "btTvAndHubAndPhoneFill",
+  "btTabletFill",
+  "btTabletWithKeyboardFill",
+  "btTagFill",
+  "btTaxonomyFill",
+  "btTechBarFill",
+  "btTelemarkFill",
+  "btThumbsDownFill",
+  "btThumbsUpFill",
+  "btTickAlt2pxFill",
+  "btTickFill",
+  "btTickVariantFill",
+  "btTree1Fill",
+  "btTree2Fill",
+  "btTrophyFill",
+  "btUkFill",
+  "btUsbFill",
+  "btUnlockedFill",
+  "btUserAddFill",
+  "btUserCloudFill",
+  "btUserDuplicateProfileFill",
+  "btUserFill",
+  "btUserGroupsFill",
+  "btUserParentAndChildFill",
+  "btUserWithQuestionmarkFill",
+  "btVanFill",
+  "btViewFill",
+  "btVirusFill",
+  "btWholeHomeWifiFill",
+  "btWiFiFill",
+  "btWizardFill",
+  "btWorkstationFill"
+];
+
+export { ArcBreakpointM as A, ArcBreakpointL as a, iconsSelected as i };

package/dist/_shared/suffix-modifier-2a93822c.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Suffixes a modifier value onto the end of a className, converting it to
+ * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
+ * returns MyComponent--displayBlock.
+ *
+ * @param rootClassName The root className to append the suffix onto
+ * @param suffix The suffix to convert into pascal case.
+ */
+declare const suffixModifier: (rootClassName: string, suffix: string) => string;
+export { suffixModifier };

package/dist/_shared/suffix-modifier-2a93822c.js

@@ -0,0 +1,17 @@
+import { c as camelCase } from './index-e3c83626.js';
+
+/**
+ * Suffixes a modifier value onto the end of a className, converting it to
+ * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
+ * returns MyComponent--displayBlock.
+ *
+ * @param rootClassName The root className to append the suffix onto
+ * @param suffix The suffix to convert into pascal case.
+ */
+var suffixModifier = function (rootClassName, suffix) {
+    return "".concat(rootClassName).concat(camelCase(suffix, {
+        pascalCase: true
+    }));
+};
+
+export { suffixModifier as s };

package/dist/_shared/use-media-query-f11805d4.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @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}
+ */
+declare const useMediaQuery: (mediaQuery: string) => boolean;
+export { useMediaQuery as default };

package/dist/_shared/use-media-query-f11805d4.js

@@ -0,0 +1,39 @@
+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 };