pixelize-design-library 2.4.2-beta.65 → 2.4.2-beta.66

package/dist/index.js

@@ -44,11 +44,11 @@ exports.splitMonthsAndDays = exports.resolvePlanBadge = exports.formatPlanRemain
 exports.Tag = exports.TableToggle = exports.Table = exports.SegmentedControl = exports.ToggleSwitch = exports.Switch = exports.Skeletons = exports.ScrollbarBox = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.SelectV2 = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanActions = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = void 0;
 exports.setRef = exports.mergeRefs = exports.resolveStatusTone = exports.resolveAvatarFill = exports.meetsBodyText = exports.avatarFillFor = exports.AVATAR_SEEDS = exports.FOCUS_RING_WIDTH = exports.FOCUS_HALO_WIDTH = exports.FOCUS_VISIBLE_OVER_STATE = exports.focusVisibleStyles = exports.focusVisibleRing = exports.focusRingShadow = exports.withFocusRing = exports.settleBetween = exports.buildFocusRing = exports.listRowBackgrounds = exports.withOutlineRung = exports.liftToContrast = exports.AA_NON_TEXT = exports.buildDarkPalette = exports.themeNames = exports.palettes = exports.darkPalettes = exports.lightPalettes = exports.brandThemes = exports.AppearanceSettings = exports.useFontSizeSync = exports.resolveFontSize = exports.isFontSize = exports.FONT_SIZE_OPTIONS = exports.DEFAULT_FONT_SIZE = exports.ThemeSwitcher = exports.useThemeMode = exports.PixelizeThemeProvider = exports.createAccountHandoff = exports.resolveReturnUrl = exports.isAllowedReturnUrl = exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.useIsTruncated = exports.useSidebarPrefs = exports.VerifyEmailOtp = exports.useToaster = exports.OverflowToolTip = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = void 0;
 exports.isDayStateKey = exports.CALENDAR_DAY_CLASS = exports.DAY_STATE_KEYS = exports.contrastRatio = exports.relativeLuminance = exports.mix = exports.withLightness = exports.hslToHex = exports.hexToHsl = exports.hslToRgb = exports.rgbToHsl = exports.rgbToHex = exports.compositeOver = exports.hexToRgba = exports.hexToRgb = exports.optionRowCursorSx = exports.optionRowFill = exports.optionRowDescriptionInk = exports.optionRowWeight = exports.optionRowInk = exports.resolveFilledSurface = exports.labelOnFill = exports.darkerFillRung = exports.solidFillRung = exports.DARK_CANVAS_LUMINANCE = exports.AA_NORMAL_TEXT = exports.pickAccentText = exports.accentTextOnPlanes = exports.accentTextOnCanvas = exports.onGradient = exports.onFilled = exports.isDarkCanvas = exports.STATUS_INK = exports.ACCENT_GRADIENT = exports.chipBorder = exports.chipFill = exports.inkSafeGradient = exports.statusGradient = exports.useChartTheme = exports.labelOnSeries = exports.getDefaultSeriesColors = exports.getCategoricalSeriesColors = exports.chartMode = exports.chartInk = exports.chartAxisLabelColor = exports.CATEGORICAL_SERIES = exports.useDebouncedValue = exports.useDebouncedCallback = exports.toWords = exports.rafThrottle = void 0;
-exports.bandOn = 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.shadowsFor = exports.TEXT_STYLES = exports.NUMERIC_TEXT = exports.DISABLED_OPACITY = exports.BORDER_WIDTHS = exports.RADIUS_ROLE = exports.motionTransition = exports.transitionFor = exports.MOTION_PRESS_SCALE = exports.MOTION_LOOP_MS = exports.MOTION_BEZIER = exports.MOTION_EASE_IN = exports.MOTION_EASE_OUT = 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 = exports.appInitials = exports.describeDayStates = exports.resolveDayStateVisual = void 0;
-exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.AudioRecorder = exports.CalendarGrid = exports.SectionRail = exports.BulkSelectionBar = 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 = exports.Backdrop = exports.QueryStateBoundary = exports.ErrorState = exports.FormDrawer = exports.CircularProgress = exports.StatusTag = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.MOTION_KEEP_CLASS = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.ruleOn = exports.cardRule = exports.recessOn = void 0;
-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 = 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 = void 0;
-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 = 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 = void 0;
-exports.TagInput = exports.TimePicker = exports.DEFAULT_DATE_FALLBACK = exports.formatDateRange = exports.formatDateTime = exports.formatDate = exports.SkipLink = exports.VisuallyHidden = exports.FormField = exports.IconButton = exports.ChoiceCardGroup = exports.ChoiceCard = exports.defaultPaginationLabels = exports.Pagination = exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.LauncherSearchEngine = exports.highlightSegments = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = void 0;
+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.shadowsFor = exports.TEXT_STYLES = exports.NUMERIC_TEXT = exports.DISABLED_OPACITY = exports.BORDER_WIDTHS = exports.RADIUS_ROLE = exports.motionTransition = exports.transitionFor = exports.MOTION_PRESS_SCALE = exports.MOTION_LOOP_MS = exports.MOTION_BEZIER = exports.MOTION_EASE_IN = exports.MOTION_EASE_OUT = 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.resolveSuiteApps = exports.PIXELIZE_SUITE = exports.buildSuiteApps = exports.formatShortcut = exports.matchesShortcut = exports.filterApps = exports.appInitials = exports.describeDayStates = exports.resolveDayStateVisual = void 0;
+exports.FilteredEmptyState = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.AudioRecorder = exports.CalendarGrid = exports.SectionRail = exports.BulkSelectionBar = 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 = exports.Backdrop = exports.QueryStateBoundary = exports.ErrorState = exports.FormDrawer = exports.CircularProgress = exports.StatusTag = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.MOTION_KEEP_CLASS = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.ruleOn = exports.cardRule = exports.recessOn = exports.bandOn = exports.RAISED_OVERLAY = void 0;
+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 = 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 = void 0;
+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 = 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 = void 0;
+exports.TagInput = exports.TimePicker = exports.DEFAULT_DATE_FALLBACK = exports.formatDateRange = exports.formatDateTime = exports.formatDate = exports.SkipLink = exports.VisuallyHidden = exports.FormField = exports.IconButton = exports.ChoiceCardGroup = exports.ChoiceCard = exports.defaultPaginationLabels = exports.Pagination = exports.toCsv = exports.safeFileName = exports.downloadBlob = exports.unknownTokens = exports.serializeChips = exports.fieldToken = exports.extractTokens = exports.chipify = exports.chipHtml = exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.LauncherSearchEngine = exports.highlightSegments = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = exports.PinToggle = exports.NavLauncher = exports.LauncherTrigger = void 0;
 const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordion = Accordion_1.default;
 const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -265,12 +265,8 @@ exports.SignInActivityTable = SignInActivityTable_1.default;
 const OrganizationDetails_1 = __importDefault(require("./Components/OrganizationDetails/OrganizationDetails"));
 exports.OrganizationDetails = OrganizationDetails_1.default;
 exports.default = withTheme_1.default;
-// ---------------------------------------------------------------------------
-// Theme switching (added in 2.4.0) — additive only.
-//
-// Opt-in: `withTheme` is unchanged and stays light-only, so existing apps render
-// exactly as before. Wrap an app in `PixelizeThemeProvider` to get light/dark/system.
-// ---------------------------------------------------------------------------
+// Theme switching (2.4.0), opt-in: `withTheme` stays light-only.
+// Wrap an app in `PixelizeThemeProvider` to get light/dark/system.
 var provider_1 = require("./Theme/provider");
 Object.defineProperty(exports, "PixelizeThemeProvider", { enumerable: true, get: function () { return provider_1.PixelizeThemeProvider; } });
 Object.defineProperty(exports, "useThemeMode", { enumerable: true, get: function () { return provider_1.useThemeMode; } });
@@ -293,9 +289,8 @@ Object.defineProperty(exports, "palettes", { enumerable: true, get: function ()
 Object.defineProperty(exports, "themeNames", { enumerable: true, get: function () { return brands_1.themeNames; } });
 var buildDarkPalette_1 = require("./Theme/tokens/builders/buildDarkPalette");
 Object.defineProperty(exports, "buildDarkPalette", { enumerable: true, get: function () { return buildDarkPalette_1.buildDarkPalette; } });
-// Contrast-resolved recipes for the two surfaces apps kept hand-rolling (and failing AA on):
-// status chips and generated avatars. Consumers pass a scale/seed and get tokens that already
-// clear the bar, instead of pinning hexes that go stale when a palette moves.
+// Contrast-resolved recipes for status chips and generated avatars.
+// They already clear AA, unlike hexes a consumer pins by hand.
 var outlineRung_1 = require("./Theme/tokens/builders/outlineRung");
 Object.defineProperty(exports, "AA_NON_TEXT", { enumerable: true, get: function () { return outlineRung_1.AA_NON_TEXT; } });
 Object.defineProperty(exports, "liftToContrast", { enumerable: true, get: function () { return outlineRung_1.liftToContrast; } });
@@ -304,10 +299,8 @@ Object.defineProperty(exports, "withOutlineRung", { enumerable: true, get: funct
 // construction, so the canvas ink stays readable on every one of them.
 var rowStates_1 = require("./Theme/tokens/builders/rowStates");
 Object.defineProperty(exports, "listRowBackgrounds", { enumerable: true, get: function () { return rowStates_1.listRowBackgrounds; } });
-// The two-tone `:focus-visible` indicator, derived per brand per mode. `buildFocusRing` resolves
-// the pair from a palette; `focusVisibleStyles` is the ready-made Chakra pseudo-selector block a
-// consumer's own control can spread to get the same ring Button draws. Both exist because Chakra's
-// `shadows.outline` is one hardcoded blue that fails WCAG 1.4.11 on every Pixelize palette.
+// Two-tone `:focus-visible` ring per brand and mode, matching Button's.
+// Chakra's `shadows.outline` fails WCAG 1.4.11 on every palette.
 var focusRing_1 = require("./Theme/tokens/builders/focusRing");
 Object.defineProperty(exports, "buildFocusRing", { enumerable: true, get: function () { return focusRing_1.buildFocusRing; } });
 Object.defineProperty(exports, "settleBetween", { enumerable: true, get: function () { return focusRing_1.settleBetween; } });
@@ -345,10 +338,8 @@ Object.defineProperty(exports, "getDefaultSeriesColors", { enumerable: true, get
 Object.defineProperty(exports, "labelOnSeries", { enumerable: true, get: function () { return chartColorsFromTheme_1.labelOnSeries; } });
 var useChartTheme_1 = require("./Theme/useChartTheme");
 Object.defineProperty(exports, "useChartTheme", { enumerable: true, get: function () { return useChartTheme_1.useChartTheme; } });
-// WCAG contrast + accent-picking helpers this library uses internally to keep text readable
-// against any canvas/fill a palette produces. Pure and dependency-free — consumers building
-// custom components against `ColorScale`/`PaletteProps` tokens can reuse the same logic instead
-// of re-deriving contrast math themselves.
+// WCAG contrast and accent-picking helpers, pure and dependency-free.
+// For custom components built on `ColorScale`/`PaletteProps` tokens.
 var planPillGradient_1 = require("./Components/PlanPill/planPillGradient");
 Object.defineProperty(exports, "statusGradient", { enumerable: true, get: function () { return planPillGradient_1.statusGradient; } });
 Object.defineProperty(exports, "inkSafeGradient", { enumerable: true, get: function () { return planPillGradient_1.inkSafeGradient; } });
@@ -379,10 +370,8 @@ Object.defineProperty(exports, "optionRowWeight", { enumerable: true, get: funct
 Object.defineProperty(exports, "optionRowDescriptionInk", { enumerable: true, get: function () { return optionRowInk_1.optionRowDescriptionInk; } });
 Object.defineProperty(exports, "optionRowFill", { enumerable: true, get: function () { return optionRowInk_1.optionRowFill; } });
 Object.defineProperty(exports, "optionRowCursorSx", { enumerable: true, get: function () { return optionRowInk_1.optionRowCursorSx; } });
-// Pure color math backing the helpers above (and `buildDarkPalette`) — no Chakra/React/DOM
-// dependency, safe for the mobile port. `relativeLuminance`/`contrastRatio` are the WCAG 2.1
-// primitives; `compositeOver` flattens a translucent color onto a backdrop first (an alpha
-// color has no defined luminance on its own, so measure the composited result, not the tint).
+// Pure color math behind the helpers above, with no Chakra, React or DOM.
+// NOTE: composite an alpha color onto its backdrop before measuring luminance.
 var color_1 = require("./Theme/tokens/builders/color");
 Object.defineProperty(exports, "hexToRgb", { enumerable: true, get: function () { return color_1.hexToRgb; } });
 Object.defineProperty(exports, "hexToRgba", { enumerable: true, get: function () { return color_1.hexToRgba; } });
@@ -396,9 +385,8 @@ Object.defineProperty(exports, "withLightness", { enumerable: true, get: functio
 Object.defineProperty(exports, "mix", { enumerable: true, get: function () { return color_1.mix; } });
 Object.defineProperty(exports, "relativeLuminance", { enumerable: true, get: function () { return color_1.relativeLuminance; } });
 Object.defineProperty(exports, "contrastRatio", { enumerable: true, get: function () { return color_1.contrastRatio; } });
-// Calendar day marking (`DatePicker` + `isRange`). Exported so a consumer can build a legend,
-// or a summary line, from the SAME keys, tokens and phrasing the calendar itself paints and
-// announces — a hand-copied legend is how a legend goes stale.
+// Calendar day marking (`DatePicker` + `isRange`): build a legend from the keys,
+// tokens and phrasing the calendar itself uses.
 var dayStates_1 = require("./Components/DatePicker/dayStates");
 Object.defineProperty(exports, "DAY_STATE_KEYS", { enumerable: true, get: function () { return dayStates_1.DAY_STATE_KEYS; } });
 Object.defineProperty(exports, "CALENDAR_DAY_CLASS", { enumerable: true, get: function () { return dayStates_1.DAY_CLASS; } });
@@ -411,6 +399,9 @@ Object.defineProperty(exports, "filterApps", { enumerable: true, get: function (
 Object.defineProperty(exports, "matchesShortcut", { enumerable: true, get: function () { return AppSwitcherProps_1.matchesShortcut; } });
 Object.defineProperty(exports, "formatShortcut", { enumerable: true, get: function () { return AppSwitcherProps_1.formatShortcut; } });
 Object.defineProperty(exports, "buildSuiteApps", { enumerable: true, get: function () { return AppSwitcherProps_1.buildSuiteApps; } });
+var pixelizeSuite_1 = require("./Components/AppSwitcher/pixelizeSuite");
+Object.defineProperty(exports, "PIXELIZE_SUITE", { enumerable: true, get: function () { return pixelizeSuite_1.PIXELIZE_SUITE; } });
+Object.defineProperty(exports, "resolveSuiteApps", { enumerable: true, get: function () { return pixelizeSuite_1.resolveSuiteApps; } });
 var useAppSwitcherShortcut_1 = require("./Components/AppSwitcher/useAppSwitcherShortcut");
 Object.defineProperty(exports, "useAppSwitcherShortcut", { enumerable: true, get: function () { return useAppSwitcherShortcut_1.useAppSwitcherShortcut; } });
 var scrollbar_1 = require("./Theme/tokens/builders/scrollbar");
@@ -551,6 +542,8 @@ Object.defineProperty(exports, "TabPanels", { enumerable: true, get: function ()
 Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return Tabs_1.TabPanel; } });
 var ConfirmDialog_1 = require("./Components/ConfirmDialog/ConfirmDialog");
 Object.defineProperty(exports, "ConfirmDialog", { enumerable: true, get: function () { return __importDefault(ConfirmDialog_1).default; } });
+var FilteredEmptyState_1 = require("./Components/EmptyState/FilteredEmptyState");
+Object.defineProperty(exports, "FilteredEmptyState", { enumerable: true, get: function () { return __importDefault(FilteredEmptyState_1).default; } });
 var NotificationBell_1 = require("./Components/NotificationBell/NotificationBell");
 Object.defineProperty(exports, "NotificationBell", { enumerable: true, get: function () { return __importDefault(NotificationBell_1).default; } });
 var NotificationPanel_1 = require("./Components/NotificationBell/NotificationPanel");
@@ -732,6 +725,17 @@ Object.defineProperty(exports, "WizardDialog", { enumerable: true, get: function
 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; } });
+var editorTokens_1 = require("./Components/Editor/editorTokens");
+Object.defineProperty(exports, "chipHtml", { enumerable: true, get: function () { return editorTokens_1.chipHtml; } });
+Object.defineProperty(exports, "chipify", { enumerable: true, get: function () { return editorTokens_1.chipify; } });
+Object.defineProperty(exports, "extractTokens", { enumerable: true, get: function () { return editorTokens_1.extractTokens; } });
+Object.defineProperty(exports, "fieldToken", { enumerable: true, get: function () { return editorTokens_1.fieldToken; } });
+Object.defineProperty(exports, "serializeChips", { enumerable: true, get: function () { return editorTokens_1.serializeChips; } });
+Object.defineProperty(exports, "unknownTokens", { enumerable: true, get: function () { return editorTokens_1.unknownTokens; } });
+var tabular_1 = require("./Utils/tabular");
+Object.defineProperty(exports, "downloadBlob", { enumerable: true, get: function () { return tabular_1.downloadBlob; } });
+Object.defineProperty(exports, "safeFileName", { enumerable: true, get: function () { return tabular_1.safeFileName; } });
+Object.defineProperty(exports, "toCsv", { enumerable: true, get: function () { return tabular_1.toCsv; } });
 var Pagination_1 = require("./Components/Pagination/Pagination");
 Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });
 var PaginationProps_1 = require("./Components/Pagination/PaginationProps");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.4.2-beta.65",
+  "version": "2.4.2-beta.66",
   "description": "React component library for Pixelize apps: themeable Chakra-based components, design tokens and light/dark brand theming.",
   "keywords": [
     "react",
@@ -53,6 +53,7 @@
     "remove": "rm -rf dist/Pages dist/App.js dist/App.d.ts dist/Layout.js dist/Layout.d.ts dist/bootstrap.js dist/bootstrap.d.ts",
     "package": "npm version patch && npm run build && npm run remove && npm publish",
     "release:beta": "npm version prerelease --preid=beta --no-git-tag-version && npm run build && npm publish --tag beta",
+    "size:web": "node scripts/bundle-size.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src",
     "format:check": "prettier --check .",
@@ -154,6 +155,7 @@
     "autoprefixer": "^10.4.21",
     "babel-jest": "^29.7.0",
     "copyfiles": "^2.4.1",
+    "esbuild": "^0.25.12",
     "eslint": "^9.39.4",
     "eslint-plugin-jsdoc": "^64.5.0",
     "eslint-plugin-react": "^7.37.5",

package/dist/Components/Buttons/Buttons.d.ts

@@ -1,3 +0,0 @@
-import { ButtonsProps } from './ButtonsProps';
-declare const Buttons: ({ onClick, label, isDisabled, disabled }: ButtonsProps) => import("react/jsx-runtime").JSX.Element;
-export default Buttons;

package/dist/Components/Buttons/Buttons.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = __importDefault(require("../Button/Button"));
-const Buttons = ({ onClick, label, isDisabled, disabled }) => ((0, jsx_runtime_1.jsx)(Button_1.default, { label: label, onClick: onClick, isDisabled: isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled, colorScheme: "primary" }));
-exports.default = Buttons;

package/dist/Components/Buttons/ButtonsProps.d.ts

@@ -1,12 +0,0 @@
-/** Thin, token-themed wrapper over Button; not exported from the package root and not a group wrapper despite the plural name — use Button directly instead. */
-export type ButtonsProps = {
-    label: string;
-    /** Typed with no event param, so preventDefault/stopPropagation aren't reachable through this prop. */
-    onClick: () => void;
-    /** @deprecated No longer applied — this button is theme-token driven, not Tailwind classes. */
-    className?: string;
-    /** Blocks the click and dims the button; wins over `disabled` when both are set. */
-    isDisabled?: boolean;
-    /** @deprecated Use `isDisabled` — renamed to match every other field. */
-    disabled?: boolean;
-};

package/dist/Components/Common/ErrorComponent.d.ts

@@ -1,7 +0,0 @@
-/** Inline error row for Input; `error` is the message text itself, not ErrorMessage's boolean `error` + `errorMessage` pair, and there's no `id` for aria-describedby. */
-declare const ErrorComponent: ({ error, errorClassName, }: {
-    /** Required and rendered as-is — callers gate with `error && <ErrorComponent />` themselves; an empty string still draws the icon. */
-    error: string;
-    errorClassName?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ErrorComponent;

package/dist/Components/Common/ErrorComponent.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const useCustomTheme_1 = require("../../Theme/useCustomTheme");
-const filledSurface_1 = require("../../Theme/tokens/builders/filledSurface");
-/** Inline error row for Input; `error` is the message text itself, not ErrorMessage's boolean `error` + `errorMessage` pair, and there's no `id` for aria-describedby. */
-const ErrorComponent = ({ error, errorClassName, }) => {
-    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
-    const errorText = colors.semanticText.error;
-    const errorSolid = (0, filledSurface_1.resolveFilledSurface)(colors.semantic.error, colors);
-    const errorFill = errorSolid.fill;
-    const markInk = errorSolid.color;
-    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, { as: "p", align: "flex-start", spacing: 1, mt: 1, fontSize: "sm", color: errorText, className: errorClassName, children: [(0, jsx_runtime_1.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "50", fill: errorFill }), (0, jsx_runtime_1.jsx)("rect", { x: "46", y: "40", width: "8", height: "30", rx: "2", fill: markInk }), (0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "28", r: "4", fill: markInk })] }), (0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", children: error })] }));
-};
-exports.default = ErrorComponent;

package/dist/Components/Common/FormattedDescription.d.ts

@@ -1,7 +0,0 @@
-type Props = {
-    /** Tiny pseudo-markdown only — "#"/"##"/"###" headings and "**bold**"; single "*italic*" markers are stripped but render with no italic style. */
-    content?: string;
-};
-/** Not a full Markdown renderer — lists, links and code blocks render as literal text; returns null (no wrapper) when `content` is falsy. */
-declare const FormattedDescription: ({ content }: Props) => import("react/jsx-runtime").JSX.Element | null;
-export default FormattedDescription;

package/dist/Components/Common/FormattedDescription.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const useCustomTheme_1 = require("../../Theme/useCustomTheme");
-const InlineText = ({ text }) => {
-    const nodes = [];
-    let i = 0;
-    while (i < text.length) {
-        if (text.startsWith("**", i)) {
-            const end = text.indexOf("**", i + 2);
-            if (end !== -1) {
-                nodes.push((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", fontWeight: 700, children: text.slice(i + 2, end) }, `b-${i}`));
-                i = end + 2;
-                continue;
-            }
-        }
-        if (text.startsWith("*", i)) {
-            const end = text.indexOf("*", i + 1);
-            if (end !== -1) {
-                nodes.push((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", children: text.slice(i + 1, end) }, `i-${i}`));
-                i = end + 1;
-                continue;
-            }
-        }
-        const nextBold = text.indexOf("**", i);
-        const nextIt = text.indexOf("*", i);
-        const next = nextBold === -1
-            ? nextIt
-            : nextIt === -1
-                ? nextBold
-                : Math.min(nextBold, nextIt);
-        if (next === -1) {
-            nodes.push((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", children: text.slice(i) }, `t-${i}`));
-            break;
-        }
-        else {
-            nodes.push((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", children: text.slice(i, next) }, `t-${i}`));
-            i = next;
-        }
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: nodes });
-};
-/** Not a full Markdown renderer — lists, links and code blocks render as literal text; returns null (no wrapper) when `content` is falsy. */
-const FormattedDescription = ({ content }) => {
-    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
-    if (!content)
-        return null;
-    const lines = content.split(/\r?\n/);
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { children: lines.map((line, idx) => {
-            const m = line.match(/^(#{1,3})\s+(.*)$/);
-            if (m) {
-                const level = m[1].length;
-                const text = m[2];
-                const size = level === 1 ? "lg" : level === 2 ? "md" : "sm";
-                const weight = level === 1 ? "bold" : level === 2 ? "semibold" : "medium";
-                return ((0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: size, fontWeight: weight, mt: idx === 0 ? 0 : 2, textAlign: "left", children: (0, jsx_runtime_1.jsx)(InlineText, { text: text }) }, `h-${idx}`));
-            }
-            return ((0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", color: colors.text[500], mt: idx === 0 ? 0 : 2, textAlign: "justify", children: (0, jsx_runtime_1.jsx)(InlineText, { text: line }) }, `p-${idx}`));
-        }) }));
-};
-exports.default = FormattedDescription;

package/dist/Components/Common/Label.d.ts

@@ -1,9 +0,0 @@
-/** Always renders a real Chakra `<label>` (FormLabel), even without `htmlFor` — unlike `TextLabel` (FormLabel.tsx), which falls back to a plain `<span>`. Same look as `TextLabel`. */
-declare const Label: ({ label, htmlFor, labelClassName, isRequired, }: {
-    label: string;
-    /** id of the control being labelled. Omit rather than guess — `label` text is not an id. */
-    htmlFor?: string;
-    labelClassName?: string;
-    isRequired?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Label;

package/dist/Components/Common/Label.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
-const useCustomTheme_1 = require("../../Theme/useCustomTheme");
-const FormLabel_1 = require("./FormLabel");
-/** Always renders a real Chakra `<label>` (FormLabel), even without `htmlFor` — unlike `TextLabel` (FormLabel.tsx), which falls back to a plain `<span>`. Same look as `TextLabel`. */
-const Label = ({ label, htmlFor, labelClassName, isRequired, }) => {
-    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
-    return ((0, jsx_runtime_1.jsxs)(react_1.FormLabel, { htmlFor: htmlFor, className: labelClassName, me: 0, ...(0, FormLabel_1.fieldLabelStyles)(colors), children: [label, isRequired && ((0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", color: colors.semanticText.error, ml: "0.125rem", children: "*" }))] }));
-};
-exports.default = Label;

package/dist/Components/Input/Input/Input.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { InputProps } from "./InputProps";
-declare const _default: React.MemoExoticComponent<({ label, type, value, onChange, error, placeholder, className, inputBoxClassName, isRequired, isInformation, informationMessage, isDisabled, disabled, }: InputProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/Components/Input/Input/Input.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_2 = require("@chakra-ui/react");
-const lucide_react_1 = require("lucide-react");
-const FormLabel_1 = require("../../Common/FormLabel");
-const fieldStyles_1 = require("../../Common/fieldStyles");
-const ErrorComponent_1 = __importDefault(require("../../Common/ErrorComponent"));
-const accentText_1 = require("../../../Theme/tokens/builders/accentText");
-const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-const Input = ({ label, type, value, onChange, error, placeholder, className, inputBoxClassName, isRequired, isInformation, informationMessage, isDisabled, disabled, }) => {
-    const isFieldDisabled = isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled;
-    const { colors } = (0, useCustomTheme_1.useCustomTheme)();
-    const [showPassword, setShowPassword] = (0, react_1.useState)(false);
-    const isPassword = type === "password";
-    const inputType = isPassword ? (showPassword ? "text" : "password") : type;
-    const borderColor = error
-        ? colors.semanticText.error
-        : value
-            ? colors.primary[500]
-            : colors.boxborder[500];
-    const shadowPrimary = colors.boxShadow.primary;
-    const shadowError = colors.boxShadow.error;
-    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { className: inputBoxClassName, mb: 4, children: [(0, jsx_runtime_1.jsx)(FormLabel_1.TextLabel, { label: label, isRequired: isRequired, isInformation: isInformation, informationMessage: informationMessage }), (0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", w: "100%", overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(react_2.Input, { type: inputType, value: value, onChange: (e) => onChange(e.target.value), placeholder: placeholder, className: className, px: 4, py: 2, borderRadius: fieldStyles_1.FIELD_RADIUS, borderWidth: "1px", borderColor: borderColor, color: (0, accentText_1.accentTextOnCanvas)(colors.secondary, colors.backgroundColor.main), pr: isPassword ? 10 : 4, isDisabled: isFieldDisabled, _hover: {
-                            borderColor: error
-                                ? colors.semantic.error[600]
-                                : value
-                                    ? colors.primary[600]
-                                    : colors.gray[400],
-                        }, _focus: {
-                            borderColor: error ? colors.semanticText.error : colors.primary[500],
-                            boxShadow: error
-                                ? `0 0 0 0.125rem ${shadowError}`
-                                : `0 0 0 0.125rem ${shadowPrimary}`,
-                            outline: "none",
-                        }, required: isRequired }), isPassword && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { type: "button", "aria-label": showPassword ? "Hide password" : "Show password", variant: "ghost", size: "sm", position: "absolute", right: 2, top: "50%", transform: "translateY(-50%)", icon: showPassword ? (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { size: 20 }) : (0, jsx_runtime_1.jsx)(lucide_react_1.EyeOff, { size: 20 }), onClick: () => setShowPassword((prev) => !prev), color: colors.textMuted }))] }), error && (0, jsx_runtime_1.jsx)(ErrorComponent_1.default, { error: error })] }));
-};
-exports.default = react_1.default.memo(Input);

package/dist/Components/Input/Input/InputProps.d.ts

@@ -1,24 +0,0 @@
-/** Internal, not exported from index.ts — use TextInput for a public field. No id prop; the label always renders as a plain span, never linked to the input. */
-export type InputProps = {
-    label: string;
-    type?: "email" | "password" | "text" | "number";
-    value: string;
-    onChange: (val: string) => void;
-    error?: string;
-    placeholder?: string;
-    className?: string;
-    inputBoxClassName?: string;
-    /** autoComplete, autoFocus, inputClassName, labelClassName, errorClassName are typed here but Input.tsx never reads them — no effect. */
-    inputClassName?: string;
-    labelClassName?: string;
-    errorClassName?: string;
-    /** Disables the field; wins over `disabled` when both are set. */
-    isDisabled?: boolean;
-    /** @deprecated Use `isDisabled` — renamed to match every other field. */
-    disabled?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    isRequired?: boolean;
-    isInformation?: boolean;
-    informationMessage?: string;
-};

package/dist/Components/Input/Input/InputProps.js

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

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

@@ -1,7 +0,0 @@
-import type { OptionAxis, ProductMedia, ProductVariant } from "../Commerce/commerceTypes";
-export declare const jacketMedia: ProductMedia[];
-export declare const jacketAxes: OptionAxis[];
-export declare const jacketVariants: ProductVariant[];
-export declare const jacketMediaIds: Record<string, string[]>;
-export declare const mugMedia: ProductMedia[];
-export declare const mugVariants: ProductVariant[];

package/dist/Components/ProductCard/productCardFixtures.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mugVariants = exports.mugMedia = exports.jacketMediaIds = exports.jacketVariants = exports.jacketAxes = exports.jacketMedia = void 0;
-exports.jacketMedia = [
-    { id: "indigo-front", src: "/p/indigo-front.webp", alt: "Jacket in indigo, front" },
-    { id: "indigo-back", src: "/p/indigo-back.webp", alt: "Jacket in indigo, back" },
-    { id: "ice-front", src: "/p/ice-front.webp", alt: "Jacket in ice blue, front" },
-    { id: "ice-back", src: "/p/ice-back.webp", alt: "Jacket in ice blue, back" },
-    { id: "black-front", src: "/p/black-front.webp", alt: "Jacket in black, front" },
-    { id: "olive-front", src: "/p/olive-front.webp", alt: "Jacket in olive, front" },
-];
-exports.jacketAxes = [
-    {
-        id: "colour",
-        label: "Colour",
-        type: "swatch",
-        values: [
-            { id: "indigo", label: "Indigo Wash", swatch: "steelblue" },
-            { id: "ice", label: "Ice Blue", swatch: "lightsteelblue" },
-            { id: "black", label: "Washed Black", swatch: "black" },
-            { id: "olive", label: "Olive", swatch: "olive" },
-        ],
-    },
-    {
-        id: "size",
-        label: "Size",
-        type: "chip",
-        values: [
-            { id: "m", label: "M" },
-            { id: "l", label: "L" },
-        ],
-    },
-];
-const sized = (colour, size, stock) => ({
-    id: `jacket-${colour}-${size}`,
-    options: { colour, size },
-    price: 3499,
-    mrp: 4999,
-    stock,
-});
-exports.jacketVariants = [
-    sized("indigo", "m", 10),
-    sized("indigo", "l", 4),
-    sized("ice", "m", 9),
-    sized("ice", "l", 9),
-    sized("black", "m", 0),
-    sized("black", "l", 0),
-    sized("olive", "m", 6),
-    sized("olive", "l", 6),
-];
-exports.jacketMediaIds = {
-    "colour:indigo": ["indigo-front", "indigo-back"],
-    "colour:ice": ["ice-front", "ice-back"],
-    "colour:black": ["black-front"],
-    "colour:olive": ["olive-front"],
-};
-exports.mugMedia = [
-    { id: "front", src: "/p/mug.webp", alt: "Mug, front" },
-    { id: "detail", src: "/p/mug-d.webp", alt: "Mug, glaze close-up" },
-];
-exports.mugVariants = [{ id: "mug-default", options: {}, price: 699, stock: 46 }];

package/dist/esm/Components/Buttons/Buttons.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Button from '../Button/Button.js';
-const Buttons = ({ onClick, label, isDisabled, disabled }) => (_jsx(Button, { label: label, onClick: onClick, isDisabled: isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled, colorScheme: "primary" }));
-export default Buttons;

package/dist/esm/Components/Common/ErrorComponent.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HStack, Text } from "@chakra-ui/react";
-import { useCustomTheme } from "../../Theme/useCustomTheme.js";
-import { resolveFilledSurface } from "../../Theme/tokens/builders/filledSurface.js";
-/** Inline error row for Input; `error` is the message text itself, not ErrorMessage's boolean `error` + `errorMessage` pair, and there's no `id` for aria-describedby. */
-const ErrorComponent = ({ error, errorClassName, }) => {
-    const { colors } = useCustomTheme();
-    const errorText = colors.semanticText.error;
-    const errorSolid = resolveFilledSurface(colors.semantic.error, colors);
-    const errorFill = errorSolid.fill;
-    const markInk = errorSolid.color;
-    return (_jsxs(HStack, { as: "p", align: "flex-start", spacing: 1, mt: 1, fontSize: "sm", color: errorText, className: errorClassName, children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [_jsx("circle", { cx: "50", cy: "50", r: "50", fill: errorFill }), _jsx("rect", { x: "46", y: "40", width: "8", height: "30", rx: "2", fill: markInk }), _jsx("circle", { cx: "50", cy: "28", r: "4", fill: markInk })] }), _jsx(Text, { as: "span", children: error })] }));
-};
-export default ErrorComponent;

package/dist/esm/Components/Common/FormattedDescription.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text } from "@chakra-ui/react";
-import { useCustomTheme } from "../../Theme/useCustomTheme.js";
-const InlineText = ({ text }) => {
-    const nodes = [];
-    let i = 0;
-    while (i < text.length) {
-        if (text.startsWith("**", i)) {
-            const end = text.indexOf("**", i + 2);
-            if (end !== -1) {
-                nodes.push(_jsx(Text, { as: "span", fontWeight: 700, children: text.slice(i + 2, end) }, `b-${i}`));
-                i = end + 2;
-                continue;
-            }
-        }
-        if (text.startsWith("*", i)) {
-            const end = text.indexOf("*", i + 1);
-            if (end !== -1) {
-                nodes.push(_jsx(Text, { as: "span", children: text.slice(i + 1, end) }, `i-${i}`));
-                i = end + 1;
-                continue;
-            }
-        }
-        const nextBold = text.indexOf("**", i);
-        const nextIt = text.indexOf("*", i);
-        const next = nextBold === -1
-            ? nextIt
-            : nextIt === -1
-                ? nextBold
-                : Math.min(nextBold, nextIt);
-        if (next === -1) {
-            nodes.push(_jsx(Text, { as: "span", children: text.slice(i) }, `t-${i}`));
-            break;
-        }
-        else {
-            nodes.push(_jsx(Text, { as: "span", children: text.slice(i, next) }, `t-${i}`));
-            i = next;
-        }
-    }
-    return _jsx(_Fragment, { children: nodes });
-};
-/** Not a full Markdown renderer — lists, links and code blocks render as literal text; returns null (no wrapper) when `content` is falsy. */
-const FormattedDescription = ({ content }) => {
-    const { colors } = useCustomTheme();
-    if (!content)
-        return null;
-    const lines = content.split(/\r?\n/);
-    return (_jsx(Box, { children: lines.map((line, idx) => {
-            const m = line.match(/^(#{1,3})\s+(.*)$/);
-            if (m) {
-                const level = m[1].length;
-                const text = m[2];
-                const size = level === 1 ? "lg" : level === 2 ? "md" : "sm";
-                const weight = level === 1 ? "bold" : level === 2 ? "semibold" : "medium";
-                return (_jsx(Text, { fontSize: size, fontWeight: weight, mt: idx === 0 ? 0 : 2, textAlign: "left", children: _jsx(InlineText, { text: text }) }, `h-${idx}`));
-            }
-            return (_jsx(Text, { fontSize: "sm", color: colors.text[500], mt: idx === 0 ? 0 : 2, textAlign: "justify", children: _jsx(InlineText, { text: line }) }, `p-${idx}`));
-        }) }));
-};
-export default FormattedDescription;

package/dist/esm/Components/Common/Label.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormLabel, Text } from "@chakra-ui/react";
-import { useCustomTheme } from "../../Theme/useCustomTheme.js";
-import { fieldLabelStyles } from "./FormLabel.js";
-/** Always renders a real Chakra `<label>` (FormLabel), even without `htmlFor` — unlike `TextLabel` (FormLabel.tsx), which falls back to a plain `<span>`. Same look as `TextLabel`. */
-const Label = ({ label, htmlFor, labelClassName, isRequired, }) => {
-    const { colors } = useCustomTheme();
-    return (_jsxs(FormLabel, { htmlFor: htmlFor, className: labelClassName, me: 0, ...fieldLabelStyles(colors), children: [label, isRequired && (_jsx(Text, { as: "span", color: colors.semanticText.error, ml: "0.125rem", children: "*" }))] }));
-};
-export default Label;