pixelize-design-library 2.4.2-beta.57 → 2.4.2-beta.59

package/dist/esm/Components/WizardDialog/wizardSteps.js

@@ -0,0 +1,35 @@
+export const INITIAL_WIZARD_STATE = { index: 0, furthest: 0, errors: [] };
+/** Pure step reducer: `next` validates the current step, `goto` only reaches steps up to `furthest`. */
+export function wizardTransition(state, action, validators) {
+    var _a, _b;
+    const last = validators.length - 1;
+    switch (action.type) {
+        case "next": {
+            const errors = (_b = (_a = validators[state.index]) === null || _a === void 0 ? void 0 : _a.call(validators)) !== null && _b !== void 0 ? _b : [];
+            if (errors.length)
+                return { ...state, errors };
+            const index = Math.min(state.index + 1, last);
+            return { index, furthest: Math.max(state.furthest, index), errors: [] };
+        }
+        case "back":
+            return { ...state, index: Math.max(state.index - 1, 0), errors: [] };
+        case "goto":
+            if (action.index < 0 || action.index > state.furthest)
+                return state;
+            return { ...state, index: action.index, errors: [] };
+        case "fail":
+            return { ...state, index: action.index, errors: action.errors };
+        case "reset":
+            return INITIAL_WIZARD_STATE;
+    }
+}
+/** First step whose validator reports errors, or null when every step is valid. */
+export function firstInvalidStep(validators) {
+    var _a, _b;
+    for (let index = 0; index < validators.length; index += 1) {
+        const errors = (_b = (_a = validators[index]) === null || _a === void 0 ? void 0 : _a.call(validators)) !== null && _b !== void 0 ? _b : [];
+        if (errors.length)
+            return { index, errors };
+    }
+    return null;
+}

package/dist/esm/Hooks/useMatchMedia.js

@@ -0,0 +1,32 @@
+import { useMemo, useSyncExternalStore } from "react";
+const entries = new Map();
+const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
+const subscriberFor = (query) => (notify) => {
+    if (!supported())
+        return () => undefined;
+    let entry = entries.get(query);
+    if (!entry) {
+        const list = window.matchMedia(query);
+        const created = { list, listeners: new Set(), onChange: () => created.listeners.forEach((fn) => fn()) };
+        list.addEventListener("change", created.onChange);
+        entries.set(query, created);
+        entry = created;
+    }
+    entry.listeners.add(notify);
+    return () => {
+        const current = entries.get(query);
+        if (!current)
+            return;
+        current.listeners.delete(notify);
+        if (current.listeners.size === 0) {
+            current.list.removeEventListener("change", current.onChange);
+            entries.delete(query);
+        }
+    };
+};
+/** `matches` for a media query, sharing one listener per query; `fallback` where matchMedia is missing (SSR, jsdom). */
+export const useMatchMedia = (query, fallback = false) => {
+    const subscribe = useMemo(() => subscriberFor(query), [query]);
+    const read = () => { var _a, _b; return (_b = (_a = entries.get(query)) === null || _a === void 0 ? void 0 : _a.list.matches) !== null && _b !== void 0 ? _b : (supported() ? window.matchMedia(query).matches : fallback); };
+    return useSyncExternalStore(subscribe, read, () => fallback);
+};

package/dist/esm/Theme/chakra/motion.js

@@ -1,21 +1,7 @@
-import { useEffect, useState } from "react";
+import { useMatchMedia } from "../../Hooks/useMatchMedia.js";
 export const REDUCED_MOTION_QUERY = "@media (prefers-reduced-motion: reduce)";
 const MEDIA = "(prefers-reduced-motion: reduce)";
-// NOTE: jsdom has no matchMedia; Chakra's hook throws there and breaks consumer test suites.
-const hasMatchMedia = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-const readPreference = () => hasMatchMedia() && window.matchMedia(MEDIA).matches;
-export const usePrefersReducedMotion = () => {
-    const [reduced, setReduced] = useState(readPreference);
-    useEffect(() => {
-        if (!hasMatchMedia())
-            return;
-        const query = window.matchMedia(MEDIA);
-        const onChange = () => setReduced(query.matches);
-        query.addEventListener("change", onChange);
-        return () => query.removeEventListener("change", onChange);
-    }, []);
-    return reduced;
-};
+export const usePrefersReducedMotion = () => useMatchMedia(MEDIA, false);
 /** Spread into `sx`: drops transitions and animations when the user asks for less motion. */
 export const reducedMotionSx = (overrides = {}) => ({
     [REDUCED_MOTION_QUERY]: { transition: "none", animation: "none", ...overrides },

package/dist/esm/Utils/price.js

@@ -1,14 +1,19 @@
 export const DEFAULT_CURRENCY = "INR";
 export const DEFAULT_LOCALE = "en-IN";
+const formatters = new Map();
+const formatterFor = (locale, currency, minimum, maximum) => {
+    const key = `${locale}|${currency}|${minimum}|${maximum}`;
+    let formatter = formatters.get(key);
+    if (!formatter) {
+        formatter = new Intl.NumberFormat(locale, { style: "currency", currency, minimumFractionDigits: minimum, maximumFractionDigits: maximum });
+        formatters.set(key, formatter);
+    }
+    return formatter;
+};
 export function formatPrice(value, options = {}) {
     const { currency = DEFAULT_CURRENCY, locale = DEFAULT_LOCALE, maximumFractionDigits } = options;
     const whole = Number.isInteger(value);
-    return new Intl.NumberFormat(locale, {
-        style: "currency",
-        currency,
-        minimumFractionDigits: whole ? 0 : 2,
-        maximumFractionDigits: maximumFractionDigits !== null && maximumFractionDigits !== void 0 ? maximumFractionDigits : (whole ? 0 : 2),
-    }).format(value);
+    return formatterFor(locale, currency, whole ? 0 : 2, maximumFractionDigits !== null && maximumFractionDigits !== void 0 ? maximumFractionDigits : (whole ? 0 : 2)).format(value);
 }
 export function discountPercent(price, mrp) {
     if (mrp === undefined || mrp <= price || mrp <= 0)

package/dist/esm/index.js

@@ -262,3 +262,10 @@ export { default as ProductCardGrid } from "./Components/ProductCard/ProductCard
 export { default as ProductCardSkeleton } from "./Components/ProductCard/ProductCardSkeleton.js";
 export { default as QuickAddSheet } from "./Components/ProductCard/QuickAddSheet.js";
 export * from "./Components/Primitives/Primitives.js";
+export { default as Kbd, KbdShortcut } from "./Components/Kbd/Kbd.js";
+export { default as LauncherTrigger } from "./Components/LauncherTrigger/LauncherTrigger.js";
+export { default as NavLauncher } from "./Components/NavLauncher/NavLauncher.js";
+export { default as PinToggle } from "./Components/NavLauncher/PinToggle.js";
+export { default as NewTabLink } from "./Components/NavLauncher/NewTabLink.js";
+export { searchLauncher, searchLauncherSections, flattenScreens } from "./Components/NavLauncher/match.js";
+export { default as WizardDialog, Wizard, wizardTransition, firstInvalidStep, } from "./Components/WizardDialog/WizardDialog.js";

package/dist/index.d.ts

@@ -147,7 +147,7 @@ export type { LimitReachedModalProps, LimitKind, } from "./Components/LimitReach
 export type { AccountHandoffConfig, AccountHandoff, AccountHandoffLinkOptions, AccountHandoffUsersOptions, ResolveReturnUrlOptions, } from "./Utils/accountHandoff";
 export type { TableProps, TableHeaderProps, TableColumnType, TableDensity, TableVariant, TableEmptyState, TableRenderGroup, HeaderActionsProps, ColumnSortingProps, ExportOption, DataObject, FilterValues, } from "./Components/Table/TableProps";
 export type { ButtonProps } from "./Components/Button/ButtonProps";
-export type { CardProps } from "./Components/Card/CardProps";
+export type { CardProps, CardPadding } from "./Components/Card/CardProps";
 export type { ProfileCardProps, ProfileCardVariant, ProfileCardVariantLegacy, } from "./Components/ProfileCard/ProfileCardProps";
 export type { ChakraModelProps as ModalProps } from "./Components/Modal/ModalProps";
 export type { DrawerProps } from "./Components/Drawer/DrawerProps";
@@ -175,11 +175,11 @@ export type { LoadingProps } from "./Components/Loading/LoadingProps";
 export type { SkeletonProps } from "./Components/Skeletons/SkeletonProps";
 export type { ProgressBarProps } from "./Components/ProgressBar/ProgressBarProps";
 export type { ToasterToastProps } from "./Components/Toaster/ToasterProps";
-export type { BreadcrumbsProps, BreadcrumbItem } from "./Components/Breadcrumbs/BreadcrumbsProps";
+export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbsLabels } from "./Components/Breadcrumbs/BreadcrumbsProps";
 export type { TimelineProps, TimelineEvent, TimelineEvents, TimelineNote, TimelineNoteAttachment, } from "./Components/Timeline/TimelineProps";
 export type { Stage, StageProgressProps, StageItemProps, StageSize, StageState, StageVariant, StageColorScheme, } from "./Components/StageProgress/StageProgressProps";
 export type { FileUploaderProps, MimeExtension } from "./Components/FileUpload/FileUploadProps";
-export type { SidebarProps, SidebarUser, SecondaryBarProps, OtherAppsProps, MenuProps as SidebarMenuProps, } from "./Components/SideBar/SideBarProps";
+export type { SidebarProps, SidebarUser, SecondaryBarProps, OtherAppsProps, MenuProps as SidebarMenuProps, SidebarPinnedItem, SidebarPinnedLabels, SidebarCollapseTransition, } from "./Components/SideBar/SideBarProps";
 export type { NavbarProps, MenuProps as NavbarMenuProps } from "./Components/NavigationBar/NavigationBarProps";
 export type { HeaderProps } from "./Components/Header/HeaderProps";
 export { appInitials, filterApps, matchesShortcut, formatShortcut, buildSuiteApps, } from "./Components/AppSwitcher/AppSwitcherProps";
@@ -211,7 +211,7 @@ export { fieldControlStyles, controlSizeStyles } from "./Components/Common/field
 export { fieldLabelStyles } from "./Components/Common/FormLabel";
 export { fieldMessageStyles } from "./Components/Common/fieldMessageStyles";
 export { default as PageHeader } from "./Components/PageHeader/PageHeader";
-export type { PageHeaderProps } from "./Components/PageHeader/PageHeaderProps";
+export type { PageHeaderProps, PageHeaderTitleSize, PageHeaderActionsLayout } from "./Components/PageHeader/PageHeaderProps";
 export { default as StatCard } from "./Components/StatCard/StatCard";
 export type { StatCardProps } from "./Components/StatCard/StatCardProps";
 export { default as ErrorState } from "./Components/QueryState/ErrorState";
@@ -354,3 +354,18 @@ export { default as QuickAddSheet } from "./Components/ProductCard/QuickAddSheet
 export type { ProductCardProps, ProductCardLayout, ProductCardDensity, ProductCardAspectRatio, ProductCardAction, ProductCardLabels, ProductCardPressHandler, ProductCardSkeletonProps, ProductCardGridProps, ProductCardGridColumns } from "./Components/ProductCard/ProductCardProps";
 export type { QuickAddSheetProps, QuickAddSheetLabels, QuickAddPresentation } from "./Components/ProductCard/QuickAddSheetProps";
 export * from "./Components/Primitives/Primitives";
+export { default as Kbd, KbdShortcut } from "./Components/Kbd/Kbd";
+export type { KbdProps, KbdShortcutProps } from "./Components/Kbd/KbdProps";
+export { default as LauncherTrigger } from "./Components/LauncherTrigger/LauncherTrigger";
+export type { LauncherTriggerProps } from "./Components/LauncherTrigger/LauncherTriggerProps";
+export { default as NavLauncher } from "./Components/NavLauncher/NavLauncher";
+export { default as PinToggle } from "./Components/NavLauncher/PinToggle";
+export { default as NewTabLink } from "./Components/NavLauncher/NewTabLink";
+export { searchLauncher, searchLauncherSections, flattenScreens } from "./Components/NavLauncher/match";
+export type { LauncherResult, LauncherResultView, LauncherSectionResult } from "./Components/NavLauncher/match";
+export type { LauncherIcon, LauncherScreen, LauncherModule, LauncherSection, LauncherSearchItem, LauncherResultGroup, LauncherLabels, LauncherNavigateOptions, NavLauncherProps, PinToggleProps, NewTabLinkProps, } from "./Components/NavLauncher/NavLauncherProps";
+export { default as WizardDialog, Wizard, wizardTransition, firstInvalidStep, } from "./Components/WizardDialog/WizardDialog";
+export type { WizardStep, WizardLabels, WizardDialogProps, WizardProps } from "./Components/WizardDialog/WizardDialogProps";
+export type { WizardState, WizardAction, StepValidator } from "./Components/WizardDialog/wizardSteps";
+export type { PdfViewerProps, PdfViewerLabels } from "./Components/PdfViewer/PdfViewer";
+export type { EditorProps, EditorApi, EditorMergeField, EditorTokenSyntax, EditorToolbarButton, EditorLabels, } from "./Components/Editor/EditorProps";

package/dist/index.js

@@ -47,7 +47,7 @@ exports.appInitials = exports.describeDayStates = exports.resolveDayStateVisual
 exports.Backdrop = exports.QueryStateBoundary = exports.ErrorState = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.RAISED_OVERLAY = exports.raisedRule = exports.buildSurfaceRaised = exports.tooltipSurface = exports.SCRIM_OPACITY = exports.overlayScrim = exports.resolveSoftTone = exports.toneInk = exports.toneScale = exports.toneToSemantic = exports.toneToColorScheme = exports.isTone = exports.TONES = exports.transitionFor = exports.MOTION_EASE = exports.MOTION_MS = exports.isControlSize = exports.DEFAULT_CONTROL_SIZE = exports.CONTROL_SIZE_NAMES = exports.CONTROL_SIZES = exports.inkSafeGradientToken = exports.gradientCss = exports.resolveGradient = exports.fieldSurfaces = exports.placeholderInkOn = exports.placeholderInk = exports.SCROLLBAR_WIDTH = exports.globalScrollbarStyles = exports.scrollbarStyles = exports.useAppSwitcherShortcut = exports.buildSuiteApps = exports.formatShortcut = exports.matchesShortcut = exports.filterApps = void 0;
 exports.RangeSlider = exports.getApiErrorStatus = exports.getApiErrorMessage = exports.defaultValidationMessages = exports.validateYoutubeUrl = exports.validateVideoFile = exports.validateVideoFileType = exports.validateFile = exports.validateFileSize = exports.validateFileType = exports.validatePositiveNumber = exports.validateRequired = exports.validatePassword = exports.validateEmail = exports.EMAIL_REGEX = exports.createEnumLabelResolver = exports.humanize = exports.clearChunkReloadGuard = exports.isChunkLoadError = exports.installPreloadErrorReload = exports.lazyWithRetry = exports.useAnchoredPanelHeight = exports.formatRelativeTime = exports.formatCount = exports.groupConsecutive = exports.sectionizeByDay = exports.NotificationItem = exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.SaveBar = exports.FeedbackForm = exports.PersonChip = exports.initialsFor = exports.avatarScaleKeyFor = exports.resolveAvatarColorway = exports.AvatarGroup = exports.Avatar = exports.SettingsSection = exports.SettingRow = exports.FilterBar = exports.DescriptionList = exports.Spinner = void 0;
 exports.MediaGallery = exports.PaymentOptionGroup = exports.PaymentOption = exports.AddressCardGroup = exports.AddressCard = exports.DetailSections = exports.ReviewList = exports.ReviewSummary = exports.SpecTable = exports.OffersList = exports.TrustBadges = exports.PincodeChecker = exports.StickyBuyBar = exports.BagBar = exports.OrderStatusTimeline = exports.CouponField = exports.OrderSummary = exports.CartItem = exports.QuantityStepper = exports.VariantSelector = exports.OptionChip = exports.WishlistToggle = exports.ProductBadges = exports.StockStatus = exports.PriceBlock = exports.Rating = exports.SEEK_STEP_SECONDS = exports.PLAYBACK_SPEEDS = exports.ZOOM_STEP = exports.MAX_ZOOM = exports.MIN_ZOOM = exports.resolveMediaUrl = exports.fileKind = exports.countMedia = exports.planPreview = exports.buildFileItems = exports.buildMediaItems = exports.MediaStatusPanel = exports.MediaScrubber = exports.defaultMediaAudioPlayerLabels = exports.MediaAudioPlayer = exports.defaultMediaViewerLabels = exports.defaultMediaDocumentStageLabels = exports.MediaDocumentStage = exports.defaultMediaVideoPlayerLabels = exports.MediaVideoPlayer = exports.defaultMediaImageViewerLabels = exports.MediaImageViewer = exports.useFileViewer = exports.MediaViewer = void 0;
-exports.QuickAddSheet = exports.ProductCardSkeleton = exports.ProductCardGrid = exports.unitPrice = exports.discountAmount = exports.discountPercent = exports.formatPrice = exports.firstAvailableSelection = exports.priceRange = exports.remainingStock = exports.isOptionAvailable = exports.findVariant = exports.selectionComplete = exports.stockState = exports.LOW_STOCK_THRESHOLD = exports.defaultMediaLightboxLabels = exports.defaultMediaGalleryLabels = exports.MediaLightbox = void 0;
+exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = exports.PinToggle = exports.NavLauncher = exports.LauncherTrigger = exports.KbdShortcut = exports.Kbd = exports.QuickAddSheet = exports.ProductCardSkeleton = exports.ProductCardGrid = exports.unitPrice = exports.discountAmount = exports.discountPercent = exports.formatPrice = exports.firstAvailableSelection = exports.priceRange = exports.remainingStock = exports.isOptionAvailable = exports.findVariant = exports.selectionComplete = exports.stockState = exports.LOW_STOCK_THRESHOLD = exports.defaultMediaLightboxLabels = exports.defaultMediaGalleryLabels = exports.MediaLightbox = void 0;
 const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordion = Accordion_1.default;
 const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -668,3 +668,23 @@ Object.defineProperty(exports, "ProductCardSkeleton", { enumerable: true, get: f
 var QuickAddSheet_1 = require("./Components/ProductCard/QuickAddSheet");
 Object.defineProperty(exports, "QuickAddSheet", { enumerable: true, get: function () { return __importDefault(QuickAddSheet_1).default; } });
 __exportStar(require("./Components/Primitives/Primitives"), exports);
+var Kbd_1 = require("./Components/Kbd/Kbd");
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return __importDefault(Kbd_1).default; } });
+Object.defineProperty(exports, "KbdShortcut", { enumerable: true, get: function () { return Kbd_1.KbdShortcut; } });
+var LauncherTrigger_1 = require("./Components/LauncherTrigger/LauncherTrigger");
+Object.defineProperty(exports, "LauncherTrigger", { enumerable: true, get: function () { return __importDefault(LauncherTrigger_1).default; } });
+var NavLauncher_1 = require("./Components/NavLauncher/NavLauncher");
+Object.defineProperty(exports, "NavLauncher", { enumerable: true, get: function () { return __importDefault(NavLauncher_1).default; } });
+var PinToggle_1 = require("./Components/NavLauncher/PinToggle");
+Object.defineProperty(exports, "PinToggle", { enumerable: true, get: function () { return __importDefault(PinToggle_1).default; } });
+var NewTabLink_1 = require("./Components/NavLauncher/NewTabLink");
+Object.defineProperty(exports, "NewTabLink", { enumerable: true, get: function () { return __importDefault(NewTabLink_1).default; } });
+var match_1 = require("./Components/NavLauncher/match");
+Object.defineProperty(exports, "searchLauncher", { enumerable: true, get: function () { return match_1.searchLauncher; } });
+Object.defineProperty(exports, "searchLauncherSections", { enumerable: true, get: function () { return match_1.searchLauncherSections; } });
+Object.defineProperty(exports, "flattenScreens", { enumerable: true, get: function () { return match_1.flattenScreens; } });
+var WizardDialog_1 = require("./Components/WizardDialog/WizardDialog");
+Object.defineProperty(exports, "WizardDialog", { enumerable: true, get: function () { return __importDefault(WizardDialog_1).default; } });
+Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return WizardDialog_1.Wizard; } });
+Object.defineProperty(exports, "wizardTransition", { enumerable: true, get: function () { return WizardDialog_1.wizardTransition; } });
+Object.defineProperty(exports, "firstInvalidStep", { enumerable: true, get: function () { return WizardDialog_1.firstInvalidStep; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.4.2-beta.57",
+  "version": "2.4.2-beta.59",
   "description": "React component library for Pixelize apps: themeable Chakra-based components, design tokens and light/dark brand theming.",
   "keywords": [
     "react",

package/dist/Components/MediaGallery/useMatchMedia.d.ts

@@ -1,2 +0,0 @@
-/** `matches` for a media query, or `fallback` where matchMedia does not exist (SSR, jsdom). */
-export declare const useMatchMedia: (query: string, fallback: boolean) => boolean;

package/dist/Components/MediaGallery/useMatchMedia.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMatchMedia = void 0;
-const react_1 = require("react");
-const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-/** `matches` for a media query, or `fallback` where matchMedia does not exist (SSR, jsdom). */
-const useMatchMedia = (query, fallback) => {
-    const [matches, setMatches] = (0, react_1.useState)(() => (supported() ? window.matchMedia(query).matches : fallback));
-    (0, react_1.useEffect)(() => {
-        if (!supported())
-            return undefined;
-        const list = window.matchMedia(query);
-        const onChange = () => setMatches(list.matches);
-        onChange();
-        list.addEventListener("change", onChange);
-        return () => list.removeEventListener("change", onChange);
-    }, [query]);
-    return matches;
-};
-exports.useMatchMedia = useMatchMedia;

package/dist/Components/ProductCard/useMinWidth.d.ts

@@ -1,2 +0,0 @@
-/** `matches` for a media query; false where matchMedia does not exist (SSR, jsdom). */
-export declare const useMinWidth: (query: string) => boolean;

package/dist/Components/ProductCard/useMinWidth.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMinWidth = void 0;
-const react_1 = require("react");
-const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-/** `matches` for a media query; false where matchMedia does not exist (SSR, jsdom). */
-const useMinWidth = (query) => {
-    const [matches, setMatches] = (0, react_1.useState)(() => (supported() ? window.matchMedia(query).matches : false));
-    (0, react_1.useEffect)(() => {
-        if (!supported())
-            return undefined;
-        const list = window.matchMedia(query);
-        const onChange = () => setMatches(list.matches);
-        onChange();
-        list.addEventListener("change", onChange);
-        return () => list.removeEventListener("change", onChange);
-    }, [query]);
-    return matches;
-};
-exports.useMinWidth = useMinWidth;

package/dist/esm/Components/MediaGallery/useMatchMedia.js

@@ -1,16 +0,0 @@
-import { useEffect, useState } from "react";
-const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-/** `matches` for a media query, or `fallback` where matchMedia does not exist (SSR, jsdom). */
-export const useMatchMedia = (query, fallback) => {
-    const [matches, setMatches] = useState(() => (supported() ? window.matchMedia(query).matches : fallback));
-    useEffect(() => {
-        if (!supported())
-            return undefined;
-        const list = window.matchMedia(query);
-        const onChange = () => setMatches(list.matches);
-        onChange();
-        list.addEventListener("change", onChange);
-        return () => list.removeEventListener("change", onChange);
-    }, [query]);
-    return matches;
-};

package/dist/esm/Components/ProductCard/useMinWidth.js

@@ -1,16 +0,0 @@
-import { useEffect, useState } from "react";
-const supported = () => typeof window !== "undefined" && typeof window.matchMedia === "function";
-/** `matches` for a media query; false where matchMedia does not exist (SSR, jsdom). */
-export const useMinWidth = (query) => {
-    const [matches, setMatches] = useState(() => (supported() ? window.matchMedia(query).matches : false));
-    useEffect(() => {
-        if (!supported())
-            return undefined;
-        const list = window.matchMedia(query);
-        const onChange = () => setMatches(list.matches);
-        onChange();
-        list.addEventListener("change", onChange);
-        return () => list.removeEventListener("change", onChange);
-    }, [query]);
-    return matches;
-};