pixelize-design-library 2.4.2-beta.43 → 2.4.2-beta.44

package/dist/esm/Utils/planBadge.js

@@ -45,13 +45,7 @@ function daysUntil(expiryDate, now) {
     const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
     return Math.round((startOfDay(expiry).getTime() - startOfDay(now).getTime()) / 86400000);
 }
-/**
- * Turns an org's plan state into the label, urgency tone and inset-chip text for
- * a `PlanPill` — the "Upgrade your plan" badge in an app's top bar.
- *
- * Copy and thresholds are centralized here so every app shows the same badge for
- * the same org.
- */
+// Turns an org's plan state into PlanPill's label, urgency tone and inset-chip text; centralized so every app matches.
 export function resolvePlanBadge(input) {
     var _a, _b;
     if (!input.canManageBilling)
@@ -61,14 +55,10 @@ export function resolvePlanBadge(input) {
     const daysLeft = daysUntil(input.expiryDate, now);
     const remaining = formatPlanRemaining(input.expiryDate, now);
     const elapsed = formatPlanElapsed(input.expiryDate, now);
-    // Checked before the expiry branch: a lapsed org is downgraded to free, and
-    // "Free expired" is not a state worth shouting about.
+    // NOTE: checked before expiry — a lapsed org downgrades to free, and "Free expired" isn't worth shouting about.
     if (isFreePlan(input, planName))
         return upgrade("");
     if (input.isExpired || elapsed !== "") {
-        // "<plan> expired" as the label with the elapsed time in the inset chip —
-        // folding both behind "Upgrade your plan" made the pill wide enough to
-        // crowd the header.
         return {
             visible: true,
             label: `${planName || GENERIC_PLAN_NAME} expired`,

package/dist/esm/Utils/planExpiry.js

@@ -15,16 +15,10 @@ function addCalendarMonths(date, months) {
 function daysBetween(from, to) {
     return Math.round((to.getTime() - from.getTime()) / MS_PER_DAY);
 }
-/** Compact units (`2mo`, `5d`) — this reads inside a badge subtitle, where
- * "2 months 5 days left" wraps. */
 function unit(count, suffix) {
     return `${count}${suffix}`;
 }
-/**
- * Calendar months + leftover days between two dates.
- * Anchoring on a real month boundary keeps "1 month" honest across 28/30/31-day
- * months, so Jan 31 → Feb 28 reads as 28 days rather than a whole month.
- */
+// NOTE: anchors on real month boundaries so Jan 31 -> Feb 28 reads as 28 days, not "1 month".
 export function splitMonthsAndDays(from, to) {
     let months = (to.getFullYear() - from.getFullYear()) * 12 +
         (to.getMonth() - from.getMonth());
@@ -34,13 +28,7 @@ export function splitMonthsAndDays(from, to) {
         months = 0;
     return { months, days: daysBetween(addCalendarMonths(from, months), to) };
 }
-/**
- * Time left on a plan, compactly: `"3mo left"` once a whole month remains,
- * `"18d left"` below that. Intended for `UpgradeButton`'s `subtitle`, so it
- * stays one short line. Returns `""` when there is no usable date or the plan
- * has already lapsed — an expired plan is a different message, which the
- * consuming app owns.
- */
+// Compact plan time left, e.g. "3mo left" / "18d left". "" when unusable or already lapsed.
 export function formatPlanExpiry(expiryDate, now) {
     const expiry = toDate(expiryDate);
     if (!expiry)
@@ -55,7 +43,6 @@ export function formatPlanExpiry(expiryDate, now) {
     const { months, days } = splitMonthsAndDays(today, expiryDay);
     return months > 0 ? `${unit(months, "mo")} left` : `${unit(days, "d")} left`;
 }
-/** Never reports `0m`; the final stretch reads `1m`. */
 function formatHoursMinutes(ms, suffix) {
     const totalMinutes = Math.floor(ms / 60000);
     const hours = Math.floor(totalMinutes / 60);
@@ -64,15 +51,7 @@ function formatHoursMinutes(ms, suffix) {
         ? `${unit(hours, "h")} ${unit(minutes, "m")} ${suffix}`
         : `${unit(Math.max(minutes, 1), "m")} ${suffix}`;
 }
-/**
- * Time left on a plan, to the minute in the final day: `"3mo left"`, `"18d left"`,
- * then `"23h 45m left"` down to `"1m left"`. `""` once lapsed.
- *
- * Differs from `formatPlanExpiry` only in that last day: a calendar-day count
- * reads as "Expires today" for the whole day, which goes stale next to a live
- * countdown. Prefer this for a badge that sits on screen; `formatPlanExpiry`
- * stays the cheaper day-granular option.
- */
+// NOTE: like formatPlanExpiry but to the minute in the final day — for a badge staying on screen.
 export function formatPlanRemaining(expiryDate, now) {
     const expiry = toDate(expiryDate);
     if (!expiry)
@@ -87,11 +66,7 @@ export function formatPlanRemaining(expiryDate, now) {
     const { months, days } = splitMonthsAndDays(startOfDay(referenceNow), startOfDay(expiry));
     return months > 0 ? `${unit(months, "mo")} left` : `${unit(days, "d")} left`;
 }
-/**
- * How long ago a plan lapsed: `"1h 10m ago"` under a day, `"2d ago"` / `"1mo ago"`
- * beyond it. `""` while the plan is still live — so a badge can say how stale a
- * lapse is rather than a bare "expired".
- */
+// How long ago a plan lapsed, e.g. "1h 10m ago" / "2d ago". "" while still live.
 export function formatPlanElapsed(expiryDate, now) {
     const expiry = toDate(expiryDate);
     if (!expiry)

package/dist/esm/Utils/rafThrottle.js

@@ -1,14 +1,4 @@
-/**
- * Coalesces bursts of calls into one per animation frame.
- *
- * Every use in this library is a listener that reads layout (`getBoundingClientRect`) and then
- * writes position state. Unthrottled, a capture-phase `scroll` listener runs once per scrollable
- * ancestor per scroll event — on a low-end device that is a forced reflow several times per frame,
- * which is what makes menus judder while the page moves. One frame is also the fastest rate the
- * screen can show a change, so nothing is lost by dropping the rest.
- *
- * The trailing call wins: the last arguments before the frame fires are the current ones.
- */
+// NOTE: coalesces bursts into one call per animation frame — the trailing call's args win.
 export const rafThrottle = (fn) => {
     let frame = null;
     let latest;

package/dist/esm/Utils/table.js

@@ -1,20 +1,18 @@
-import React, { useCallback, useEffect, useRef } from "react";
-import { AA_NORMAL_TEXT, DEFAULT_BLACK, DEFAULT_WHITE, isDarkCanvas, onFilled, } from "../Theme/tokens/builders/accentText.js";
+import { useDebouncedCallback } from "../Hooks/useDebounce.js";
+import React from "react";
+import { AA_NORMAL_TEXT, DEFAULT_BLACK, DEFAULT_WHITE, onFilled, } from "../Theme/tokens/builders/accentText.js";
 import { compositeOver } from "../Theme/tokens/builders/color.js";
 import { liftToContrast } from "../Theme/tokens/builders/outlineRung.js";
 import { labelOnFill, solidFillRung } from "../Theme/tokens/builders/filledSurface.js";
-import { resolveAvatarFill, resolveStatusTone } from "../Theme/tokens/builders/statusTone.js";
-// Built once, not per comparison: sorting 10k rows runs this ~130k times, and constructing a
-// collator is orders of magnitude dearer than using one.
+import { resolveAvatarFill } from "../Theme/tokens/builders/statusTone.js";
+import { resolveSoftTone } from "../Theme/tokens/builders/tone.js";
+// NOTE: built once — sorting 10k rows runs this ~130k times and a Collator is costly to construct.
 const COLLATOR = new Intl.Collator(undefined, {
     numeric: true,
     sensitivity: "base",
 });
 const HAS_DIGIT = /\d/;
-/**
- * Type-aware, null-safe comparison. Detects numbers and dates; otherwise falls
- * back to a numeric-aware locale string compare. Empty/null values sort last.
- */
+// Type-aware, null-safe comparison: numbers and dates detected, else numeric-aware locale compare.
 export function compareValues(aRaw, bRaw, direction) {
     if (direction === "none")
         return 0;
@@ -33,8 +31,7 @@ export function compareValues(aRaw, bRaw, direction) {
     const bn = Number(b);
     if (!Number.isNaN(an) && !Number.isNaN(bn))
         return (an - bn) * dir;
-    // No digit means no date, so this skips two Date.parse calls per comparison on the common
-    // text columns (names, emails, statuses) without changing which strings parse as dates.
+    // NOTE: skips Date.parse on text columns with no digits — cheap and safe, since no digit means no date.
     if (HAS_DIGIT.test(a) && HAS_DIGIT.test(b)) {
         const ad = Date.parse(a);
         const bd = Date.parse(b);
@@ -59,7 +56,6 @@ export function SortMultiColumnData(data, sortConfig) {
 /** Theme-aware status palette per value — soft fill + semantic ink from `resolveStatusTone`. */
 export function buildSemanticStatusPalette(toneByValue, theme) {
     const c = theme.colors;
-    const mode = isDarkCanvas(c.backgroundColor.main) ? "dark" : "light";
     const scales = {
         info: c.semantic.info,
         warning: c.semantic.warning,
@@ -69,7 +65,7 @@ export function buildSemanticStatusPalette(toneByValue, theme) {
     };
     return Object.fromEntries(Object.entries(toneByValue).map(([value, key]) => {
         const scale = scales[key];
-        const tone = resolveStatusTone(scale, mode);
+        const tone = resolveSoftTone(c, scale);
         const solidRung = solidFillRung(scale, c.white);
         const solid = scale[solidRung];
         return [
@@ -98,7 +94,6 @@ const resolveStatusOverride = (fill, white, black, surface) => {
 /** Deterministic, theme-aware color palette for groups + status pills. */
 export function buildTablePalette(theme) {
     const c = theme.colors;
-    const mode = isDarkCanvas(c.backgroundColor.main) ? "dark" : "light";
     const scales = [
         c.primary,
         c.semantic.success,
@@ -112,7 +107,7 @@ export function buildTablePalette(theme) {
         c.purple,
     ];
     return scales.map((scale) => {
-        const tone = resolveStatusTone(scale, mode);
+        const tone = resolveSoftTone(c, scale);
         const solidRung = solidFillRung(scale, c.white);
         const solid = scale[solidRung];
         return {
@@ -144,12 +139,7 @@ export function pickTableColor(value, palette, override, theme) {
     }
     return palette[hashKey(value) % palette.length];
 }
-/**
- * Partition rows by a column, preserving first-seen group order. The group key is
- * a normalized string so object/array values (e.g. a `user` field that is an object
- * or an array of users) group together by their readable text instead of by object
- * identity.
- */
+// Partitions rows by a column, preserving first-seen group order; groups by readable text, not object identity.
 export function groupRows(data, groupBy) {
     const order = [];
     const map = new Map();
@@ -204,11 +194,7 @@ const objectToText = (o) => {
         return String(o.value);
     return "";
 };
-/**
- * Readable string for any cell value. Handles primitives, React elements, entity
- * objects (e.g. `user`: `{ name }` / `{ first_name, last_name }`), and arrays of
- * any of those (e.g. a multi-user field) by joining their texts.
- */
+// Readable string for any cell value: primitives, React elements, entity objects, or arrays of those.
 const getStringValue = (value) => {
     if (value === null || value === undefined)
         return "";
@@ -226,10 +212,7 @@ const getStringValue = (value) => {
     }
     return "";
 };
-/**
- * When a column has no `node`, raw cell values are rendered; plain objects
- * (e.g. relation/user fields) must not be passed as React children.
- */
+// When a column has no `node`, plain objects (relation/user fields) can't be passed as React children.
 export function normalizeTableCellValue(value) {
     if (value === null || value === undefined)
         return "";
@@ -241,7 +224,6 @@ export function normalizeTableCellValue(value) {
     if (React.isValidElement(value)) {
         return value;
     }
-    // Objects (relation/user) and arrays (multi-user / multi-select) → readable text.
     return getStringValue(value);
 }
 export const searchAndSortData = (data, searchValues) => {
@@ -280,22 +262,7 @@ export function debounce(func, delay) {
         }, delay);
     };
 }
-export function useDebounce(callback, delay) {
-    const callbackRef = useRef(callback);
-    const timerRef = useRef(null);
-    useEffect(() => {
-        callbackRef.current = callback;
-    }, [callback]);
-    const debouncedFn = useCallback((...args) => {
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-        }
-        timerRef.current = setTimeout(() => {
-            callbackRef.current(...args);
-        }, delay);
-    }, [delay]);
-    return debouncedFn;
-}
+export const useDebounce = useDebouncedCallback;
 export const pageSizeCalculation = (records) => {
     const pageSize = [5, 10];
     if (records > 100) {
@@ -335,13 +302,7 @@ export const TableCellCalculation = ({ isFrozen, columnWidths, headerIndex, isCh
     }
     return { leftOffset, cellBgColor, rowBgColor, cellTextColor, rowTextColor };
 };
-/**
- * Filters array of objects by checking all property values against the search query.
- *
- * @param data - Array of objects
- * @param query - Search string
- * @returns Filtered data
- */
+// Filters an array of objects by checking all property values against the search query.
 export function globalSearchFilter(data, query) {
     if (!query.trim())
         return data;

package/dist/esm/Utils/validation.js

@@ -0,0 +1,73 @@
+export const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+export const defaultValidationMessages = {
+    email_required: "Email is required",
+    email_invalid: "Enter a valid email address",
+    password_required: "Password is required",
+    password_min: "Password must be at least {min} characters",
+    required: "{label} is required",
+    positive_number: "{label} must be a positive number",
+    file_type: "Unsupported file type",
+    file_too_large: "File must be smaller than {max}MB",
+    video_type: "Unsupported video type",
+    youtube_required: "YouTube URL is required",
+    youtube_invalid: "Enter a valid YouTube URL",
+};
+export function validateEmail(value) {
+    if (!value.trim())
+        return "email_required";
+    if (!EMAIL_REGEX.test(value.trim()))
+        return "email_invalid";
+    return undefined;
+}
+export function validatePassword(value, minLength = 6) {
+    if (!value)
+        return "password_required";
+    if (value.length < minLength)
+        return "password_min";
+    return undefined;
+}
+export function validateRequired(value) {
+    if (!value.trim())
+        return "required";
+    return undefined;
+}
+export function validatePositiveNumber(value) {
+    if (!value.trim())
+        return "required";
+    const n = Number(value);
+    if (Number.isNaN(n) || n <= 0)
+        return "positive_number";
+    return undefined;
+}
+const DEFAULT_FILE_TYPES = new Set(["application/pdf", "image/jpeg", "image/png", "image/jpg"]);
+export function validateFileType(file, allowed = DEFAULT_FILE_TYPES) {
+    return allowed.has(file.type) ? undefined : "file_type";
+}
+export function validateFileSize(file, maxMB) {
+    return file.size > maxMB * 1024 * 1024 ? "file_too_large" : undefined;
+}
+export function validateFile(file, maxMB, allowed) {
+    var _a;
+    return (_a = validateFileType(file, allowed)) !== null && _a !== void 0 ? _a : validateFileSize(file, maxMB);
+}
+const DEFAULT_VIDEO_TYPES = new Set(["video/mp4", "video/quicktime"]);
+export function validateVideoFileType(file, allowed = DEFAULT_VIDEO_TYPES) {
+    return allowed.has(file.type) ? undefined : "video_type";
+}
+export function validateVideoFile(file, maxMB, allowed) {
+    var _a;
+    return (_a = validateVideoFileType(file, allowed)) !== null && _a !== void 0 ? _a : validateFileSize(file, maxMB);
+}
+const YOUTUBE_HOSTS = new Set(["youtube.com", "www.youtube.com", "m.youtube.com", "youtu.be"]);
+export function validateYoutubeUrl(value) {
+    if (!value.trim())
+        return "youtube_required";
+    let url;
+    try {
+        url = new URL(value.trim());
+    }
+    catch {
+        return "youtube_invalid";
+    }
+    return YOUTUBE_HOSTS.has(url.hostname.toLowerCase()) ? undefined : "youtube_invalid";
+}

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 // import "./bootstrap";
-import Accordian from "./Components/Accordion/Accordion.js";
+import Accordion from "./Components/Accordion/Accordion.js";
 import AlertDialog from "./Components/AlertDialog/AlertDialog.js";
 import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart.js";
 import ApexPieChart from "./Components/Apexcharts/ApexPieChart/ApexPieChart.js";
@@ -101,7 +101,7 @@ import SignInActivityTable from "./Components/SignInActivityTable/SignInActivity
 import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails.js";
 export { 
 // components
-Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, ApexAreaChart, ApexRadialChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, WorkspaceWindow, WorkspaceTray, WorkspaceTrayPreview, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, AppSwitcher, LimitReachedModal, UpgradeButton, PlanPill, PlanBadge, formatPlanElapsed, formatPlanExpiry, formatPlanRemaining, resolvePlanBadge, splitMonthsAndDays, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, KanbanActions, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SelectV2, SearchSelect, SelectSearch, SideBar, Slider, ScrollbarBox, Skeletons, Switch, ToggleSwitch, SegmentedControl, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, OverflowToolTip, useToaster, VerifyEmailOtp, 
+Accordion, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, ApexAreaChart, ApexRadialChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, WorkspaceWindow, WorkspaceTray, WorkspaceTrayPreview, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, AppSwitcher, LimitReachedModal, UpgradeButton, PlanPill, PlanBadge, formatPlanElapsed, formatPlanExpiry, formatPlanRemaining, resolvePlanBadge, splitMonthsAndDays, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, KanbanActions, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SelectV2, SearchSelect, SelectSearch, SideBar, Slider, ScrollbarBox, Skeletons, Switch, ToggleSwitch, SegmentedControl, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, OverflowToolTip, useToaster, VerifyEmailOtp, 
 // hooks
 useSidebarPrefs, useIsTruncated, 
 // themes
@@ -138,6 +138,11 @@ export { listRowBackgrounds } from "./Theme/tokens/builders/rowStates.js";
 export { buildFocusRing, settleBetween, withFocusRing } from "./Theme/tokens/builders/focusRing.js";
 export { focusRingShadow, focusVisibleRing, focusVisibleStyles, FOCUS_VISIBLE_OVER_STATE, FOCUS_HALO_WIDTH, FOCUS_RING_WIDTH, } from "./Theme/chakra/focusRing.styles.js";
 export { AVATAR_SEEDS, avatarFillFor, meetsBodyText, resolveAvatarFill, resolveStatusTone, } from "./Theme/tokens/builders/statusTone.js";
+export { mergeRefs, setRef } from "./Utils/mergeRefs.js";
+export { rafThrottle } from "./Utils/rafThrottle.js";
+export { toWords } from "./Utils/functions.js";
+export { useDebouncedCallback, useDebouncedValue } from "./Hooks/useDebounce.js";
+export { CATEGORICAL_SERIES, chartAxisLabelColor, chartInk, chartMode, getCategoricalSeriesColors, getDefaultSeriesColors, labelOnSeries, } from "./Theme/tokens/builders/chartColorsFromTheme.js";
 // 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
@@ -161,4 +166,61 @@ export { useAppSwitcherShortcut } from "./Components/AppSwitcher/useAppSwitcherS
 export { scrollbarStyles, globalScrollbarStyles, SCROLLBAR_WIDTH, } from "./Theme/tokens/builders/scrollbar.js";
 export { placeholderInk, placeholderInkOn, fieldSurfaces } from "./Theme/tokens/builders/placeholderInk.js";
 export { resolveGradient, gradientCss, inkSafeGradient as inkSafeGradientToken, } from "./Theme/tokens/builders/gradientInk.js";
+export { CONTROL_SIZES, CONTROL_SIZE_NAMES, DEFAULT_CONTROL_SIZE, isControlSize, } from "./Theme/tokens/primitives/controlSizes.js";
+export { MOTION_MS, MOTION_EASE, transitionFor } from "./Theme/tokens/primitives/motion.js";
+export { TONES, isTone, toneToColorScheme, toneToSemantic, toneScale, toneInk, resolveSoftTone, } from "./Theme/tokens/builders/tone.js";
+export { overlayScrim, SCRIM_OPACITY } from "./Theme/tokens/builders/scrim.js";
+export { tooltipSurface } from "./Theme/tokens/builders/tooltipSurface.js";
+export { buildSurfaceRaised, raisedRule, RAISED_OVERLAY } from "./Theme/tokens/builders/surfaceRaised.js";
+export { overlayScrimStyles, OVERLAY_BLUR } from "./Theme/chakra/overlay.styles.js";
+export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY } from "./Theme/chakra/motion.js";
+export { useFieldIds } from "./Components/Common/useFieldIds.js";
+export { default as FieldMessage } from "./Components/Common/FieldMessage.js";
+export { fieldControlStyles, controlSizeStyles } from "./Components/Common/fieldStyles.js";
+export { fieldLabelStyles } from "./Components/Common/FormLabel.js";
+export { fieldMessageStyles } from "./Components/Common/fieldMessageStyles.js";
+export { default as PageHeader } from "./Components/PageHeader/PageHeader.js";
+export { default as StatCard } from "./Components/StatCard/StatCard.js";
+export { default as ErrorState } from "./Components/QueryState/ErrorState.js";
+export { default as QueryStateBoundary } from "./Components/QueryState/QueryStateBoundary.js";
+export { default as Backdrop } from "./Components/Backdrop/Backdrop.js";
+export { default as Spinner } from "./Components/Spinner/Spinner.js";
+export { default as DescriptionList } from "./Components/DescriptionList/DescriptionList.js";
+export { default as FilterBar } from "./Components/FilterBar/FilterBar.js";
+export { default as SettingRow } from "./Components/SettingRow/SettingRow.js";
+export { default as SettingsSection } from "./Components/SettingRow/SettingsSection.js";
+export { default as Avatar } from "./Components/Avatar/Avatar.js";
+export { default as AvatarGroup } from "./Components/Avatar/AvatarGroup.js";
+export { resolveAvatarColorway, avatarScaleKeyFor, initialsFor } from "./Components/Avatar/avatarColorway.js";
+export { default as PersonChip } from "./Components/PersonChip/PersonChip.js";
+export { default as FeedbackForm } from "./Components/FeedbackForm/FeedbackForm.js";
+export { default as SaveBar } from "./Components/SaveBar/SaveBar.js";
+/** @deprecated Misspelling kept for consumers. Use `Accordion`. */
+export { default as Accordian } from "./Components/Accordion/Accordion.js";
+export { Tabs, TabList, Tab, TabPanels, TabPanel } from "./Components/Tabs/index.js";
+export { default as ConfirmDialog } from "./Components/ConfirmDialog/ConfirmDialog.js";
+export { default as NotificationBell } from "./Components/NotificationBell/NotificationBell.js";
+export { default as NotificationPanel } from "./Components/NotificationBell/NotificationPanel.js";
+export { default as NotificationList } from "./Components/NotificationBell/NotificationList.js";
+export { default as NotificationItem } from "./Components/NotificationBell/NotificationItem.js";
+export { sectionizeByDay, groupConsecutive, formatCount, formatRelativeTime, useAnchoredPanelHeight, } from "./Components/NotificationBell/notificationHelpers.js";
+export { lazyWithRetry, installPreloadErrorReload, isChunkLoadError, clearChunkReloadGuard, } from "./Utils/lazyWithRetry.js";
+export { humanize, createEnumLabelResolver } from "./Utils/humanize.js";
+export { EMAIL_REGEX, validateEmail, validatePassword, validateRequired, validatePositiveNumber, validateFileType, validateFileSize, validateFile, validateVideoFileType, validateVideoFile, validateYoutubeUrl, defaultValidationMessages, } from "./Utils/validation.js";
+export { getApiErrorMessage, getApiErrorStatus } from "./Utils/apiError.js";
+export { default as RangeSlider } from "./Components/RangeSlider/RangeSlider.js";
+export { default as MediaViewer } from "./Components/MediaViewer/MediaViewer.js";
+export { default as useFileViewer } from "./Components/MediaViewer/hooks/useFileViewer.js";
+export { default as MediaImageViewer } from "./Components/MediaViewer/components/MediaImageViewer.js";
+export { defaultMediaImageViewerLabels } from "./Components/MediaViewer/components/MediaImageViewerProps.js";
+export { default as MediaVideoPlayer } from "./Components/MediaViewer/components/MediaVideoPlayer.js";
+export { defaultMediaVideoPlayerLabels } from "./Components/MediaViewer/components/MediaVideoPlayerProps.js";
+export { default as MediaDocumentStage } from "./Components/MediaViewer/components/MediaDocumentStage.js";
+export { defaultMediaDocumentStageLabels } from "./Components/MediaViewer/components/MediaDocumentStageProps.js";
+export { defaultMediaViewerLabels } from "./Components/MediaViewer/MediaViewerProps.js";
+export { default as MediaAudioPlayer } from "./Components/MediaViewer/components/MediaAudioPlayer.js";
+export { defaultMediaAudioPlayerLabels } from "./Components/MediaViewer/components/MediaAudioPlayerProps.js";
+export { default as MediaScrubber } from "./Components/MediaViewer/components/MediaScrubber.js";
+export { default as MediaStatusPanel } from "./Components/MediaViewer/components/MediaStatusPanel.js";
+export { buildMediaItems, buildFileItems, planPreview, countMedia, fileKind, resolveMediaUrl, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PLAYBACK_SPEEDS, SEEK_STEP_SECONDS, } from "./Components/MediaViewer/mediaItems.js";
 export * from "./Components/Primitives/Primitives.js";

package/dist/global.css

@@ -248,4 +248,9 @@
 
 [data-theme="rosewood"] {
     --color-primary-500: #d16a7e;
-}
+}
+/* Tailwind preflight forces antialiased; the published package never does. */
+html:root {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
+}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import Accordian from "./Components/Accordion/Accordion";
+import Accordion from "./Components/Accordion/Accordion";
 import AlertDialog from "./Components/AlertDialog/AlertDialog";
 import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart";
 import ApexPieChart from "./Components/Apexcharts/ApexPieChart/ApexPieChart";
@@ -96,7 +96,7 @@ import RolesPermission from "./Components/RolesPermission/RolesPermission";
 import CustomModulesTable from "./Components/CustomModulesTable/CustomModulesTable";
 import SignInActivityTable from "./Components/SignInActivityTable/SignInActivityTable";
 import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, ApexAreaChart, ApexRadialChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, WorkspaceWindow, WorkspaceTray, WorkspaceTrayPreview, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, AppSwitcher, LimitReachedModal, UpgradeButton, PlanPill, PlanBadge, formatPlanElapsed, formatPlanExpiry, formatPlanRemaining, resolvePlanBadge, splitMonthsAndDays, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, KanbanActions, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SelectV2, SearchSelect, SelectSearch, SideBar, Slider, ScrollbarBox, Skeletons, Switch, ToggleSwitch, SegmentedControl, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, OverflowToolTip, useToaster, VerifyEmailOtp, useSidebarPrefs, useIsTruncated, useCustomTheme, ThemesList, debounce, isAllowedReturnUrl, resolveReturnUrl, createAccountHandoff, };
+export { Accordion, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, ApexAreaChart, ApexRadialChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, WorkspaceWindow, WorkspaceTray, WorkspaceTrayPreview, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, AppSwitcher, LimitReachedModal, UpgradeButton, PlanPill, PlanBadge, formatPlanElapsed, formatPlanExpiry, formatPlanRemaining, resolvePlanBadge, splitMonthsAndDays, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, KanbanActions, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SelectV2, SearchSelect, SelectSearch, SideBar, Slider, ScrollbarBox, Skeletons, Switch, ToggleSwitch, SegmentedControl, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, OverflowToolTip, useToaster, VerifyEmailOtp, useSidebarPrefs, useIsTruncated, useCustomTheme, ThemesList, debounce, isAllowedReturnUrl, resolveReturnUrl, createAccountHandoff, };
 export default withTheme;
 export type { UserDetailsProps, UserDetailsLabels, UserListItem, SelectedUserDetail, UserDetailRow, RoleOption, AddUserFormValues, ChangeRoleSubmitPayload, } from "./Components/UserDetails/UserDetailsProps";
 export type { WorkspaceWindowProps, WorkspaceWindowState, WorkspaceTrayProps, WorkspaceTrayItem, WorkspaceTrayPreviewProps, } from "./Components/WorkspaceWindow/WorkspaceWindowProps";
@@ -121,6 +121,12 @@ export type { FocusRingSource } from "./Theme/tokens/builders/focusRing";
 export { focusRingShadow, focusVisibleRing, focusVisibleStyles, FOCUS_VISIBLE_OVER_STATE, FOCUS_HALO_WIDTH, FOCUS_RING_WIDTH, } from "./Theme/chakra/focusRing.styles";
 export { AVATAR_SEEDS, avatarFillFor, meetsBodyText, resolveAvatarFill, resolveStatusTone, } from "./Theme/tokens/builders/statusTone";
 export type { StatusTone } from "./Theme/tokens/builders/statusTone";
+export { mergeRefs, setRef } from "./Utils/mergeRefs";
+export { rafThrottle } from "./Utils/rafThrottle";
+export { toWords } from "./Utils/functions";
+export { useDebouncedCallback, useDebouncedValue } from "./Hooks/useDebounce";
+export { CATEGORICAL_SERIES, chartAxisLabelColor, chartInk, chartMode, getCategoricalSeriesColors, getDefaultSeriesColors, labelOnSeries, } from "./Theme/tokens/builders/chartColorsFromTheme";
+export type { ChartMode } from "./Theme/tokens/builders/chartColorsFromTheme";
 export type { ColorMode, ResolvedColorMode, ThemeName, PaletteProps, ColorScale, BrandScale, SemanticColors, NamedSurfaces, FocusRingTokens, } from "./Theme/tokens/types";
 export { statusGradient, inkSafeGradient, chipFill, chipBorder, ACCENT_GRADIENT, STATUS_INK, } from "./Components/PlanPill/planPillGradient";
 export { isDarkCanvas, onFilled, onGradient, accentTextOnCanvas, pickAccentText, AA_NORMAL_TEXT, DARK_CANVAS_LUMINANCE, } from "./Theme/tokens/builders/accentText";
@@ -130,6 +136,7 @@ export { hexToRgb, hexToRgba, compositeOver, rgbToHex, rgbToHsl, hslToRgb, hexTo
 export type { Rgb, Hsl } from "./Theme/tokens/builders/color";
 export type { SelectV2Props, SelectV2Size, OptionProp as SelectV2Option } from "./Components/SelectV2/SelectV2Props";
 export type { PlanPillProps, PlanPillTone } from "./Components/PlanPill/PlanPillProps";
+export type { ContactFormProps, ContactFormPayload } from "./Components/ContactForm/ContactFormProps";
 export type { PlanBadgeProps } from "./Components/PlanBadge/PlanBadgeProps";
 export type { PlanBadgeInput, PlanBadgeResult } from "./Utils/planBadge";
 export type { PlanExpiryInput } from "./Utils/planExpiry";
@@ -144,19 +151,19 @@ export type { DrawerProps } from "./Components/Drawer/DrawerProps";
 export type { AlertDialogsProps } from "./Components/AlertDialog/AlertDialogProps";
 export type { chakraSelectProps as SelectProps, OptionProp as SelectOption, } from "./Components/Select/SelectProps";
 export type { SearchSelectProps, Options as SearchSelectOption } from "./Components/SearchSelect/SearchSelectProps";
-export type { MultiSelectProps, MultiSelctOPtions as MultiSelectOption } from "./Components/MultiSelect/MultiSelectProps";
+export type { MultiSelectProps, MultiSelectOption, MultiSelctOPtions } from "./Components/MultiSelect/MultiSelectProps";
 export type { SearchProps } from "./Components/Search/SearchProps";
 export { DAY_STATE_KEYS, DAY_CLASS as CALENDAR_DAY_CLASS, isDayStateKey, resolveDayStateVisual, describeDayStates, } from "./Components/DatePicker/dayStates";
 export type { DayStateKey, DayStates, DayStateVisual, RenderDayContent, } from "./Components/DatePicker/dayStates";
-export type { DatePickerProps, TimePickerProps, SingleDatePickerProps, RangeDatePickerProps, RangeDate, PickerType, } from "./Components/DatePicker/DatePickerProps";
+export type { DatePickerProps, TimePickerProps, SingleDatePickerProps, SingleDatePickerDateProps, SingleDatePickerStringProps, RangeDatePickerProps, RangeDate, PickerType, } from "./Components/DatePicker/DatePickerProps";
 export type { TextInputProps } from "./Components/Input/TextInputProps";
 export type { InputTextAreaProps } from "./Components/InputTextArea/InputTextAreaProps";
 export type { NumberInputProps, ActiveStyle as NumberInputActiveStyle } from "./Components/NumberInput/NumberInputProps";
 export type { CheckboxProps } from "./Components/Checkbox/CheckboxProps";
 export type { SwitchProps } from "./Components/Switch/SwitchProps";
-export type { ToggleSwitchProps, ToggleSwitchSize } from "./Components/ToggleSwitch/ToggleSwitchProps";
+export type { ToggleSwitchProps, ToggleSwitchSize, ToggleSwitchColorScheme, } from "./Components/ToggleSwitch/ToggleSwitchProps";
 export type { SegmentedControlProps, SegmentedControlOption, SegmentedControlSize, } from "./Components/SegmentedControl/SegmentedControlProps";
-export type { ChakraRadioProps as RadioButtonProps, ChakraRadioGroupProps as RadioButtonGroupProps } from "./Components/RadioButton/RadioButtonProps";
+export type { ChakraRadioProps as RadioButtonProps, ChakraRadioGroupProps as RadioButtonGroupProps, RadioOption } from "./Components/RadioButton/RadioButtonProps";
 export type { ChakraPinInputProps as PinInputProps } from "./Components/PinInput/PinInputProps";
 export type { TagProps, TagSize, TagVariant, TagColorScheme } from "./Components/Tag/TagProps";
 export type { ToolTipProps } from "./Components/ToolTip/ToolTipProps";
@@ -182,4 +189,101 @@ export { placeholderInk, placeholderInkOn, fieldSurfaces } from "./Theme/tokens/
 export type { FieldSurfaces } from "./Theme/tokens/builders/placeholderInk";
 export { resolveGradient, gradientCss, inkSafeGradient as inkSafeGradientToken, } from "./Theme/tokens/builders/gradientInk";
 export type { Gradient, ResolvedGradient, } from "./Theme/tokens/builders/gradientInk";
+export { CONTROL_SIZES, CONTROL_SIZE_NAMES, DEFAULT_CONTROL_SIZE, isControlSize, } from "./Theme/tokens/primitives/controlSizes";
+export type { ControlSize, ControlSizeSpec } from "./Theme/tokens/primitives/controlSizes";
+export { MOTION_MS, MOTION_EASE, transitionFor } from "./Theme/tokens/primitives/motion";
+export type { MotionSpeed } from "./Theme/tokens/primitives/motion";
+export { TONES, isTone, toneToColorScheme, toneToSemantic, toneScale, toneInk, resolveSoftTone, } from "./Theme/tokens/builders/tone";
+export type { Tone, ToneColorScheme } from "./Theme/tokens/builders/tone";
+export { overlayScrim, SCRIM_OPACITY } from "./Theme/tokens/builders/scrim";
+export { tooltipSurface } from "./Theme/tokens/builders/tooltipSurface";
+export { buildSurfaceRaised, raisedRule, RAISED_OVERLAY } from "./Theme/tokens/builders/surfaceRaised";
+export { overlayScrimStyles, OVERLAY_BLUR } from "./Theme/chakra/overlay.styles";
+export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY } from "./Theme/chakra/motion";
+export { useFieldIds } from "./Components/Common/useFieldIds";
+export type { FieldIds } from "./Components/Common/useFieldIds";
+export { default as FieldMessage } from "./Components/Common/FieldMessage";
+export type { FieldMessageProps } from "./Components/Common/FieldMessage";
+export { fieldControlStyles, controlSizeStyles } from "./Components/Common/fieldStyles";
+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 { default as StatCard } from "./Components/StatCard/StatCard";
+export type { StatCardProps } from "./Components/StatCard/StatCardProps";
+export { default as ErrorState } from "./Components/QueryState/ErrorState";
+export { default as QueryStateBoundary } from "./Components/QueryState/QueryStateBoundary";
+export type { ErrorStateProps, QueryStateBoundaryProps } from "./Components/QueryState/QueryStateProps";
+export { default as Backdrop } from "./Components/Backdrop/Backdrop";
+export type { BackdropProps, BackdropVariant } from "./Components/Backdrop/BackdropProps";
+export { default as Spinner } from "./Components/Spinner/Spinner";
+export type { SpinnerProps, SpinnerSize } from "./Components/Spinner/SpinnerProps";
+export { default as DescriptionList } from "./Components/DescriptionList/DescriptionList";
+export type { DescriptionListProps, DescriptionListItem, DescriptionListColumns } from "./Components/DescriptionList/DescriptionListProps";
+export { default as FilterBar } from "./Components/FilterBar/FilterBar";
+export type { FilterBarProps, FilterBarActiveFilter } from "./Components/FilterBar/FilterBarProps";
+export { default as SettingRow } from "./Components/SettingRow/SettingRow";
+export type { SettingRowProps } from "./Components/SettingRow/SettingRowProps";
+export { default as SettingsSection } from "./Components/SettingRow/SettingsSection";
+export type { SettingsSectionProps } from "./Components/SettingRow/SettingsSectionProps";
+export { default as Avatar } from "./Components/Avatar/Avatar";
+export type { AvatarProps, AvatarSize, AvatarStatus } from "./Components/Avatar/AvatarProps";
+export { default as AvatarGroup } from "./Components/Avatar/AvatarGroup";
+export type { AvatarGroupProps, AvatarGroupMember } from "./Components/Avatar/AvatarGroupProps";
+export { resolveAvatarColorway, avatarScaleKeyFor, initialsFor } from "./Components/Avatar/avatarColorway";
+export type { AvatarColorway, AvatarScaleKey } from "./Components/Avatar/avatarColorway";
+export { default as PersonChip } from "./Components/PersonChip/PersonChip";
+export type { PersonChipProps, PersonChipSize, PersonChipOrientation } from "./Components/PersonChip/PersonChipProps";
+export { default as FeedbackForm } from "./Components/FeedbackForm/FeedbackForm";
+export type { FeedbackFormProps, FeedbackPayload } from "./Components/FeedbackForm/FeedbackForm";
+export { default as SaveBar } from "./Components/SaveBar/SaveBar";
+export type { SaveBarProps } from "./Components/SaveBar/SaveBarProps";
+export type { ToasterStatus } from "./Components/Toaster/ToasterProps";
+export type { TableColumnAlign } from "./Components/Table/TableProps";
+export type { KanbanBoardProps, ColumnType as KanbanColumnType, Account as KanbanAccount, ColumnCollapseChangePayload, KanbanDragPayload, KanbanPermissions, } from "./Components/KanbanBoard/KanbanBoardProps";
+export type { ProgressBarColorScheme } from "./Components/ProgressBar/ProgressBarProps";
+/** @deprecated Misspelling kept for consumers. Use `Accordion`. */
+export { default as Accordian } from "./Components/Accordion/Accordion";
+export { Tabs, TabList, Tab, TabPanels, TabPanel } from "./Components/Tabs";
+export type { TabsProps, TabItem, TabsVariant, TabsOrientation, TabActivationMode, TabsColorScheme, TabListProps, TabProps, TabPanelsProps, TabPanelProps, } from "./Components/Tabs";
+export { default as ConfirmDialog } from "./Components/ConfirmDialog/ConfirmDialog";
+export type { ConfirmDialogProps } from "./Components/ConfirmDialog/ConfirmDialogProps";
+export { default as NotificationBell } from "./Components/NotificationBell/NotificationBell";
+export { default as NotificationPanel } from "./Components/NotificationBell/NotificationPanel";
+export { default as NotificationList } from "./Components/NotificationBell/NotificationList";
+export { default as NotificationItem } from "./Components/NotificationBell/NotificationItem";
+export { sectionizeByDay, groupConsecutive, formatCount, formatRelativeTime, useAnchoredPanelHeight, } from "./Components/NotificationBell/notificationHelpers";
+export { lazyWithRetry, installPreloadErrorReload, isChunkLoadError, clearChunkReloadGuard, } from "./Utils/lazyWithRetry";
+export { humanize, createEnumLabelResolver } from "./Utils/humanize";
+export type { EnumLabelResolver } from "./Utils/humanize";
+export { EMAIL_REGEX, validateEmail, validatePassword, validateRequired, validatePositiveNumber, validateFileType, validateFileSize, validateFile, validateVideoFileType, validateVideoFile, validateYoutubeUrl, defaultValidationMessages, } from "./Utils/validation";
+export type { ValidationCode } from "./Utils/validation";
+export { getApiErrorMessage, getApiErrorStatus } from "./Utils/apiError";
+export { default as RangeSlider } from "./Components/RangeSlider/RangeSlider";
+export type { RangeSliderProps, RangeSliderSingleProps, RangeSliderRangeProps, RangeSliderMark, SliderScale, } from "./Components/RangeSlider/RangeSliderProps";
+export { default as MediaViewer } from "./Components/MediaViewer/MediaViewer";
+export type { MediaViewerProps } from "./Components/MediaViewer/MediaViewerProps";
+export { default as useFileViewer } from "./Components/MediaViewer/hooks/useFileViewer";
+export { default as MediaImageViewer } from "./Components/MediaViewer/components/MediaImageViewer";
+export { defaultMediaImageViewerLabels } from "./Components/MediaViewer/components/MediaImageViewerProps";
+export type { MediaImageViewerProps, MediaImageViewerLabels } from "./Components/MediaViewer/components/MediaImageViewerProps";
+export { default as MediaVideoPlayer } from "./Components/MediaViewer/components/MediaVideoPlayer";
+export { defaultMediaVideoPlayerLabels } from "./Components/MediaViewer/components/MediaVideoPlayerProps";
+export type { MediaVideoPlayerProps, MediaVideoPlayerLabels } from "./Components/MediaViewer/components/MediaVideoPlayerProps";
+export { default as MediaDocumentStage } from "./Components/MediaViewer/components/MediaDocumentStage";
+export { defaultMediaDocumentStageLabels } from "./Components/MediaViewer/components/MediaDocumentStageProps";
+export type { MediaDocumentStageProps, MediaDocumentStageLabels } from "./Components/MediaViewer/components/MediaDocumentStageProps";
+export type { ResolveDocument, DocumentResolution } from "./Components/MediaViewer/components/MediaDocumentStageProps";
+export { defaultMediaViewerLabels } from "./Components/MediaViewer/MediaViewerProps";
+export type { MediaViewerLabels } from "./Components/MediaViewer/MediaViewerProps";
+export type { FileViewerApi, UseFileViewerOptions } from "./Components/MediaViewer/hooks/useFileViewer";
+export { default as MediaAudioPlayer } from "./Components/MediaViewer/components/MediaAudioPlayer";
+export { defaultMediaAudioPlayerLabels } from "./Components/MediaViewer/components/MediaAudioPlayerProps";
+export type { MediaAudioPlayerProps, MediaAudioPlayerLabels } from "./Components/MediaViewer/components/MediaAudioPlayerProps";
+export { default as MediaScrubber } from "./Components/MediaViewer/components/MediaScrubber";
+export type { MediaScrubberProps, BufferedRange } from "./Components/MediaViewer/components/MediaScrubberProps";
+export { default as MediaStatusPanel } from "./Components/MediaViewer/components/MediaStatusPanel";
+export type { MediaStatusPanelProps, MediaStatusTone } from "./Components/MediaViewer/components/MediaStatusPanelProps";
+export { buildMediaItems, buildFileItems, planPreview, countMedia, fileKind, resolveMediaUrl, MIN_ZOOM, MAX_ZOOM, ZOOM_STEP, PLAYBACK_SPEEDS, SEEK_STEP_SECONDS, } from "./Components/MediaViewer/mediaItems";
+export type { MediaItem, MediaKind, FileKind, MediaSource, MediaSources, MediaFile, ViewerFile, ResolveUrl, } from "./Components/MediaViewer/mediaItems";
 export * from "./Components/Primitives/Primitives";