pixelize-design-library 2.4.2-beta.61 → 2.4.2-beta.63

package/dist/esm/Theme/tokens/primitives/optionRowSizes.js

@@ -1,3 +1,4 @@
+import { RADIUS_ROLE } from "./radii.js";
 /** One density for every option row — Select, SearchSelect, SelectSearch, table filters and Chakra's MenuItem. */
 export const OPTION_ROW_SIZES = {
     xs: {
@@ -21,5 +22,5 @@ export const OPTION_ROW_SIZES = {
         avatarSize: "sm", virtualRowHeightPx: 40,
     },
 };
-export const OPTION_ROW_RADIUS = "md";
+export const OPTION_ROW_RADIUS = RADIUS_ROLE.option;
 export const optionRowSpec = (size) => OPTION_ROW_SIZES[size];

package/dist/esm/Theme/tokens/primitives/radii.js

@@ -9,4 +9,17 @@ const radii = {
     "3xl": "1.5rem",
     full: "9999px",
 };
+/** Radius by the role a surface plays; read this instead of picking a scale step. */
+export const RADIUS_ROLE = {
+    control: "lg",
+    field: "lg",
+    option: "md",
+    tooltip: "lg",
+    chip: "full",
+    card: "xl",
+    float: "xl",
+    dialog: "xl",
+    sheet: "xl",
+    media: "lg",
+};
 export default radii;

package/dist/esm/Theme/tokens/primitives/shadows.js

@@ -1,15 +1,66 @@
-/** Light-mode shadow ramp. Dark mode deepens these — see `builders/buildDarkShadows`. */
+const layer = (x, y, blur, spread, alphaHex) => ({
+    x,
+    y,
+    blur,
+    spread,
+    alphaHex,
+});
+export const SHADOW_INK = { light: "#141828", dark: "#000000" };
+/** Pebble elevation stacks (mobile `pebble/elevation.ts`), per mode and role. */
+export const ELEVATION_LAYERS = {
+    light: {
+        cardPress: [layer(0, 1, 2, 0, "0d"), layer(0, 2, 6, -2, "0d")],
+        card: [layer(0, 1, 2, 0, "0a"), layer(0, 3, 10, -2, "0d"), layer(0, 14, 32, -14, "1f")],
+        float: [layer(0, 2, 6, 0, "0f"), layer(0, 16, 40, -10, "38")],
+        dialog: [layer(0, 4, 12, 0, "0f"), layer(0, 28, 64, -16, "4d")],
+        sheet: [layer(0, -2, 8, 0, "0a"), layer(0, -18, 48, -14, "33")],
+    },
+    dark: {
+        cardPress: [layer(0, 1, 1, 0, "3d")],
+        card: [layer(0, 1, 2, 0, "47")],
+        float: [layer(0, 2, 8, 0, "52"), layer(0, 18, 44, -10, "9e")],
+        dialog: [layer(0, 4, 14, 0, "59"), layer(0, 28, 64, -16, "b3")],
+        sheet: [layer(0, -2, 10, 0, "4d"), layer(0, -18, 48, -14, "99")],
+    },
+};
+const length = (n) => (n === 0 ? "0" : `${n}px`);
+const rgbChannels = (hex) => [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16)).join(", ");
+const alphaOf = (alphaHex) => Math.round((parseInt(alphaHex, 16) / 255) * 100) / 100;
+export const shadowCss = (layers, ink) => layers
+    .map((l) => `${length(l.x)} ${length(l.y)} ${length(l.blur)} ${length(l.spread)} rgba(${rgbChannels(ink)}, ${alphaOf(l.alphaHex)})`)
+    .join(", ");
+const elevationRamp = (mode) => {
+    const css = (role) => shadowCss(ELEVATION_LAYERS[mode][role], SHADOW_INK[mode]);
+    return {
+        sm: css("cardPress"),
+        base: css("card"),
+        md: css("float"),
+        lg: css("dialog"),
+        card: css("card"),
+        float: css("float"),
+        dialog: css("dialog"),
+        sheet: css("sheet"),
+    };
+};
+const lightElevation = elevationRamp("light");
+/** Light-mode ramp. A theme should carry `shadowsFor(mode)`, never this one in dark. */
 const shadows = {
     xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
-    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-    base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
-    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    sm: lightElevation.sm,
+    base: lightElevation.base,
+    md: lightElevation.md,
+    lg: lightElevation.lg,
     xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
     "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
     outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
     inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
     none: "none",
     darkLg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.5)",
+    card: lightElevation.card,
+    float: lightElevation.float,
+    dialog: lightElevation.dialog,
+    sheet: lightElevation.sheet,
 };
+export const shadowsDark = { ...shadows, ...elevationRamp("dark") };
+export const shadowsFor = (mode) => mode === "dark" ? shadowsDark : shadows;
 export default shadows;

package/dist/esm/Theme/tokens/primitives/states.js

@@ -0,0 +1 @@
+export const DISABLED_OPACITY = 0.5;

package/dist/esm/Theme/tokens/primitives/typography.js

@@ -2,10 +2,12 @@
 export const fonts = {
     body: "Inter Variable, sans-serif",
     heading: "Inter Variable, sans-serif",
-    mono: "Inter Variable, sans-serif",
+    mono: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
 };
 export const fontSizes = {
+    "xs-minus": "0.6875rem",
     xs: "0.75rem",
+    "xs-plus": "0.8125rem",
     sm: "0.875rem",
     md: "1rem",
     lg: "1.125rem",
@@ -30,5 +32,23 @@ export const fontWeights = {
     extrabold: 800,
     black: 900,
 };
+export const NUMERIC_TEXT = { fontVariantNumeric: "tabular-nums" };
+/** Pebble's text variants at web density; bound to Chakra as `textStyle="<name>"`. */
+export const TEXT_STYLES = {
+    title: { fontSize: "1.5rem", lineHeight: "1.875rem", fontWeight: 700, letterSpacing: "-0.02em" },
+    heading: { fontSize: "1.25rem", lineHeight: "1.625rem", fontWeight: 600, letterSpacing: "-0.015em" },
+    subheading: { fontSize: "1rem", lineHeight: "1.375rem", fontWeight: 600, letterSpacing: "-0.006em" },
+    body: { fontSize: "0.875rem", lineHeight: "1.25rem", fontWeight: 400, letterSpacing: "0" },
+    ui: { fontSize: "0.8125rem", lineHeight: "1.125rem", fontWeight: 500, letterSpacing: "0" },
+    label: { fontSize: "0.8125rem", lineHeight: "1.125rem", fontWeight: 600, letterSpacing: "0" },
+    caption: { fontSize: "0.75rem", lineHeight: "1rem", fontWeight: 500, letterSpacing: "0" },
+    overline: {
+        fontSize: "0.6875rem",
+        lineHeight: "0.875rem",
+        fontWeight: 600,
+        letterSpacing: "0.06em",
+        textTransform: "uppercase",
+    },
+};
 const typography = { fonts, fontSizes, fontWeights };
 export default typography;

package/dist/esm/Theme/tokens/primitives/zIndices.js

@@ -9,6 +9,7 @@ const zIndices = {
     overlay: 1300,
     modal: 1400,
     popover: 1500,
+    popoverNested: 1510,
     skipLink: 1600,
     toast: 1700,
     tooltip: 1800,

package/dist/esm/Utils/formatDate.js

@@ -0,0 +1,138 @@
+import { DEFAULT_LOCALE } from "./price.js";
+export const DEFAULT_DATE_FALLBACK = "—";
+const DAY_KEY = /^(\d{4})-(\d{2})-(\d{2})$/;
+const EPOCH_DIGITS = /^-?\d+$/;
+const ENGLISH = /^en(?:-|$)/i;
+const RUNTIME_SPACES = /[\u2009\u202f]/g;
+const ONE_DIGIT = /^\d$/;
+const formatters = new Map();
+const build = (locale, options) => {
+    try {
+        return new Intl.DateTimeFormat(locale, options);
+    }
+    catch {
+        try {
+            return new Intl.DateTimeFormat(DEFAULT_LOCALE, options);
+        }
+        catch {
+            return new Intl.DateTimeFormat(DEFAULT_LOCALE, { ...options, timeZone: undefined });
+        }
+    }
+};
+const formatterFor = (locale, options) => {
+    const key = JSON.stringify([locale, options]);
+    let formatter = formatters.get(key);
+    if (!formatter) {
+        const format = build(locale, options);
+        formatter = { format, english: ENGLISH.test(format.resolvedOptions().locale) };
+        formatters.set(key, formatter);
+    }
+    return formatter;
+};
+const utcNoon = ({ year, month, day }) => {
+    const date = new Date(Date.UTC(2000, month, day, 12));
+    date.setUTCFullYear(year);
+    return date;
+};
+const isValidDay = (day) => {
+    const probe = utcNoon(day);
+    return probe.getUTCFullYear() === day.year && probe.getUTCMonth() === day.month && probe.getUTCDate() === day.day;
+};
+const resolve = (value) => {
+    let date;
+    if (value instanceof Date)
+        date = value;
+    else if (typeof value === "number")
+        date = new Date(value);
+    else if (typeof value === "string") {
+        const text = value.trim();
+        if (!text)
+            return null;
+        const key = DAY_KEY.exec(text);
+        if (key) {
+            const day = { year: Number(key[1]), month: Number(key[2]) - 1, day: Number(key[3]) };
+            return isValidDay(day) ? { kind: "day", day } : null;
+        }
+        date = new Date(EPOCH_DIGITS.test(text) ? Number(text) : text);
+    }
+    else
+        return null;
+    return Number.isNaN(date.getTime()) ? null : { kind: "instant", date };
+};
+const ZONE_PARTS = { year: "numeric", month: "numeric", day: "numeric" };
+const dayIn = (date, timeZone) => {
+    if (timeZone === undefined)
+        return { year: date.getFullYear(), month: date.getMonth(), day: date.getDate() };
+    const read = {};
+    for (const part of formatterFor("en-US", { ...ZONE_PARTS, timeZone }).format.formatToParts(date)) {
+        read[part.type] = Number(part.value);
+    }
+    return { year: read.year, month: read.month - 1, day: read.day };
+};
+const toDay = (resolved, timeZone) => resolved.kind === "day" ? resolved.day : dayIn(resolved.date, timeZone);
+const dayOrdinal = ({ year, month, day }) => year * 10000 + month * 100 + day;
+const dateFields = (options) => ({
+    day: "2-digit",
+    month: "short",
+    ...(options.year === "never" ? {} : { year: "numeric" }),
+});
+const join = (parts, english) => parts
+    .map(({ type, value }) => {
+    if (type === "day" && ONE_DIGIT.test(value))
+        return `0${value}`;
+    if (english && type === "month" && value === "Sept")
+        return "Sep";
+    return value;
+})
+    .join("")
+    .replace(RUNTIME_SPACES, " ");
+const dayFormatter = (options) => { var _a; return formatterFor((_a = options.locale) !== null && _a !== void 0 ? _a : DEFAULT_LOCALE, { ...dateFields(options), timeZone: "UTC" }); };
+const formatDay = (day, options) => {
+    const { format, english } = dayFormatter(options);
+    return join(format.formatToParts(utcNoon(day)), english);
+};
+/** "09 Oct 2026" in en-IN; locale order and month names otherwise. Null or invalid input gives `fallback`. */
+export function formatDate(value, options = {}) {
+    var _a;
+    const resolved = resolve(value);
+    if (!resolved)
+        return (_a = options.fallback) !== null && _a !== void 0 ? _a : DEFAULT_DATE_FALLBACK;
+    return formatDay(toDay(resolved, options.timeZone), options);
+}
+/** "09 Oct 2026, 2:05 pm" in en-IN; a bare `YYYY-MM-DD` has no time, so it prints the date alone. */
+export function formatDateTime(value, options = {}) {
+    var _a, _b;
+    const resolved = resolve(value);
+    if (!resolved)
+        return (_a = options.fallback) !== null && _a !== void 0 ? _a : DEFAULT_DATE_FALLBACK;
+    if (resolved.kind === "day")
+        return formatDay(resolved.day, options);
+    const { format, english } = formatterFor((_b = options.locale) !== null && _b !== void 0 ? _b : DEFAULT_LOCALE, {
+        ...dateFields(options),
+        hour: "numeric",
+        minute: "2-digit",
+        ...(options.time ? { hour12: options.time === "12h" } : {}),
+        ...(options.timeZone ? { timeZone: options.timeZone } : {}),
+    });
+    return join(format.formatToParts(resolved.date), english);
+}
+/** "09 – 24 Oct 2026": what both ends share is written once; reversed ends are reordered, one missing end prints the other. */
+export function formatDateRange(start, end, options = {}) {
+    var _a;
+    const first = resolve(start);
+    const second = resolve(end);
+    if (!first || !second) {
+        const only = first !== null && first !== void 0 ? first : second;
+        return only ? formatDay(toDay(only, options.timeZone), options) : ((_a = options.fallback) !== null && _a !== void 0 ? _a : DEFAULT_DATE_FALLBACK);
+    }
+    const a = toDay(first, options.timeZone);
+    const b = toDay(second, options.timeZone);
+    const [from, to] = dayOrdinal(a) <= dayOrdinal(b) ? [a, b] : [b, a];
+    if (dayOrdinal(from) === dayOrdinal(to))
+        return formatDay(from, options);
+    const { format, english } = dayFormatter(options);
+    if (typeof format.formatRangeToParts !== "function") {
+        return `${formatDay(from, options)} – ${formatDay(to, options)}`;
+    }
+    return join(format.formatRangeToParts(utcNoon(from), utcNoon(to)), english);
+}

package/dist/esm/index.js

@@ -170,13 +170,19 @@ export { scrollbarStyles, globalScrollbarStyles, SCROLLBAR_WIDTH, } from "./Them
 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 { MOTION_MS, MOTION_EASE, MOTION_EASE_OUT, MOTION_EASE_IN, MOTION_BEZIER, MOTION_LOOP_MS, transitionFor, motionTransition, } from "./Theme/tokens/primitives/motion.js";
+export { RADIUS_ROLE } from "./Theme/tokens/primitives/radii.js";
+export { BORDER_WIDTHS } from "./Theme/tokens/primitives/borderWidths.js";
+export { DISABLED_OPACITY } from "./Theme/tokens/primitives/states.js";
+export { NUMERIC_TEXT, TEXT_STYLES } from "./Theme/tokens/primitives/typography.js";
+export { shadowsFor } from "./Theme/tokens/primitives/shadows.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 { bandOn, recessOn, cardRule } from "./Theme/tokens/builders/planeStep.js";
 export { overlayScrimStyles, OVERLAY_BLUR } from "./Theme/chakra/overlay.styles.js";
-export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY } from "./Theme/chakra/motion.js";
+export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY, MOTION_KEEP_CLASS, } 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";
@@ -276,3 +282,14 @@ export { default as PinToggle } from "./Components/NavLauncher/PinToggle.js";
 export { default as NewTabLink } from "./Components/NavLauncher/NewTabLink.js";
 export { searchLauncher, searchLauncherSections, flattenScreens } from "./Components/NavLauncher/match.js";
 export { default as WizardDialog, Wizard, wizardTransition, firstInvalidStep, } from "./Components/WizardDialog/WizardDialog.js";
+export { default as Pagination } from "./Components/Pagination/Pagination.js";
+export { defaultPaginationLabels } from "./Components/Pagination/PaginationProps.js";
+export { default as ChoiceCard } from "./Components/ChoiceCard/ChoiceCard.js";
+export { default as ChoiceCardGroup } from "./Components/ChoiceCard/ChoiceCardGroup.js";
+export { default as IconButton } from "./Components/IconButton/IconButton.js";
+export { default as FormField } from "./Components/FormField/FormField.js";
+export { default as VisuallyHidden } from "./Components/VisuallyHidden/VisuallyHidden.js";
+export { default as SkipLink } from "./Components/SkipLink/SkipLink.js";
+export { formatDate, formatDateTime, formatDateRange, DEFAULT_DATE_FALLBACK } from "./Utils/formatDate.js";
+export { default as TimePicker } from "./Components/TimePicker/TimePicker.js";
+export { default as TagInput } from "./Components/TagInput/TagInput.js";

package/dist/index.d.ts

@@ -158,7 +158,7 @@ export type { MultiSelectProps, MultiSelectOption, MultiSelctOPtions } from "./C
 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, SingleDatePickerDateProps, SingleDatePickerStringProps, RangeDatePickerProps, RangeDate, PickerType, } from "./Components/DatePicker/DatePickerProps";
+export type { DatePickerProps, 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";
@@ -194,15 +194,24 @@ export { resolveGradient, gradientCss, inkSafeGradient as inkSafeGradientToken,
 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 { MOTION_MS, MOTION_EASE, MOTION_EASE_OUT, MOTION_EASE_IN, MOTION_BEZIER, MOTION_LOOP_MS, transitionFor, motionTransition, } from "./Theme/tokens/primitives/motion";
+export type { MotionSpeed, MotionCurve } from "./Theme/tokens/primitives/motion";
+export { RADIUS_ROLE } from "./Theme/tokens/primitives/radii";
+export type { RadiusRole } from "./Theme/tokens/primitives/radii";
+export { BORDER_WIDTHS } from "./Theme/tokens/primitives/borderWidths";
+export { DISABLED_OPACITY } from "./Theme/tokens/primitives/states";
+export { NUMERIC_TEXT, TEXT_STYLES } from "./Theme/tokens/primitives/typography";
+export type { TextStyleName } from "./Theme/tokens/primitives/typography";
+export { shadowsFor } from "./Theme/tokens/primitives/shadows";
 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 { bandOn, recessOn, cardRule } from "./Theme/tokens/builders/planeStep";
 export { overlayScrimStyles, OVERLAY_BLUR } from "./Theme/chakra/overlay.styles";
-export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY } from "./Theme/chakra/motion";
+export { usePrefersReducedMotion, reducedMotionSx, REDUCED_MOTION_QUERY, MOTION_KEEP_CLASS, } from "./Theme/chakra/motion";
+export type { ReducedMotionScope } 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";
@@ -218,7 +227,7 @@ export type { OrgSwitcherProps, OrgSwitcherSize, OrgSwitcherDisplay } from "./Co
 export { default as StatusTag } from "./Components/StatusTag/StatusTag";
 export type { StatusTagProps, StatusAppearance } from "./Components/StatusTag/StatusTagProps";
 export { default as CircularProgress } from "./Components/CircularProgress/CircularProgress";
-export type { CircularProgressProps, CircularProgressSize } from "./Components/CircularProgress/CircularProgressProps";
+export type { CircularProgressProps, CircularProgressSize, CircularProgressDiameter } from "./Components/CircularProgress/CircularProgressProps";
 export { default as FormDrawer } from "./Components/FormDrawer/FormDrawer";
 export type { FormDrawerProps, FormDrawerSection, FormDrawerLabels } from "./Components/FormDrawer/FormDrawerProps";
 export { default as ErrorState } from "./Components/QueryState/ErrorState";
@@ -384,3 +393,23 @@ export type { WizardStep, WizardLabels, WizardDialogProps, WizardProps } from ".
 export type { WizardState, WizardAction, StepValidator } from "./Components/WizardDialog/wizardSteps";
 export type { PdfViewerProps, PdfViewerLabels } from "./Components/PdfViewer/PdfViewer";
 export type { EditorProps, EditorApi, EditorMergeField, EditorTokenSyntax, EditorToolbarButton, EditorLabels, } from "./Components/Editor/EditorProps";
+export { default as Pagination } from "./Components/Pagination/Pagination";
+export { defaultPaginationLabels } from "./Components/Pagination/PaginationProps";
+export type { PaginationProps, PaginationLabels } from "./Components/Pagination/PaginationProps";
+export { default as ChoiceCard } from "./Components/ChoiceCard/ChoiceCard";
+export { default as ChoiceCardGroup } from "./Components/ChoiceCard/ChoiceCardGroup";
+export type { ChoiceCardProps, ChoiceCardGroupProps } from "./Components/ChoiceCard/ChoiceCardProps";
+export { default as IconButton } from "./Components/IconButton/IconButton";
+export type { IconButtonProps } from "./Components/IconButton/IconButtonProps";
+export { default as FormField } from "./Components/FormField/FormField";
+export type { FormFieldProps, FormFieldControlProps, FormFieldLayout } from "./Components/FormField/FormFieldProps";
+export { default as VisuallyHidden } from "./Components/VisuallyHidden/VisuallyHidden";
+export type { VisuallyHiddenProps } from "./Components/VisuallyHidden/VisuallyHiddenProps";
+export { default as SkipLink } from "./Components/SkipLink/SkipLink";
+export type { SkipLinkProps } from "./Components/SkipLink/SkipLinkProps";
+export { formatDate, formatDateTime, formatDateRange, DEFAULT_DATE_FALLBACK } from "./Utils/formatDate";
+export type { DateInput, DateFormatOptions, DateTimeFormatOptions } from "./Utils/formatDate";
+export { default as TimePicker } from "./Components/TimePicker/TimePicker";
+export type { TimePickerProps } from "./Components/TimePicker/TimePickerProps";
+export { default as TagInput } from "./Components/TagInput/TagInput";
+export type { TagInputProps, TagValidator } from "./Components/TagInput/TagInputProps";

package/dist/index.js

@@ -44,10 +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.appInitials = exports.describeDayStates = exports.resolveDayStateVisual = 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.optionRowDescriptionInk = exports.optionRowWeight = exports.optionRowInk = exports.resolveFilledSurface = exports.labelOnFill = exports.darkerFillRung = exports.solidFillRung = exports.DARK_CANVAS_LUMINANCE = exports.AA_NORMAL_TEXT = exports.pickAccentText = 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.FormDrawer = exports.CircularProgress = exports.StatusTag = exports.StatCard = exports.PageHeader = exports.fieldMessageStyles = exports.fieldLabelStyles = exports.controlSizeStyles = exports.fieldControlStyles = exports.FieldMessage = exports.useFieldIds = exports.REDUCED_MOTION_QUERY = exports.reducedMotionSx = exports.usePrefersReducedMotion = exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.RAISED_OVERLAY = exports.raisedRule = exports.buildSurfaceRaised = exports.tooltipSurface = exports.SCRIM_OPACITY = exports.overlayScrim = exports.resolveSoftTone = exports.toneInk = exports.toneScale = exports.toneToSemantic = exports.toneToColorScheme = exports.isTone = exports.TONES = exports.transitionFor = exports.MOTION_EASE = exports.MOTION_MS = exports.isControlSize = exports.DEFAULT_CONTROL_SIZE = exports.CONTROL_SIZE_NAMES = exports.CONTROL_SIZES = exports.inkSafeGradientToken = exports.gradientCss = exports.resolveGradient = exports.fieldSurfaces = exports.placeholderInkOn = exports.placeholderInk = exports.SCROLLBAR_WIDTH = exports.globalScrollbarStyles = exports.scrollbarStyles = exports.useAppSwitcherShortcut = exports.buildSuiteApps = exports.formatShortcut = exports.matchesShortcut = exports.filterApps = void 0;
-exports.validateFile = exports.validateFileSize = exports.validateFileType = exports.validatePositiveNumber = exports.validateRequired = exports.validatePassword = exports.validateEmail = exports.EMAIL_REGEX = exports.createEnumLabelResolver = exports.humanize = exports.clearChunkReloadGuard = exports.isChunkLoadError = exports.installPreloadErrorReload = exports.lazyWithRetry = exports.useAnchoredPanelHeight = exports.formatRelativeTime = exports.formatCount = exports.groupConsecutive = exports.sectionizeByDay = exports.NotificationItem = exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.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 = void 0;
-exports.ReviewSummary = exports.SpecTable = exports.OffersList = exports.TrustBadges = exports.PincodeChecker = exports.StickyBuyBar = exports.BagBar = exports.OrderStatusTimeline = exports.CouponField = exports.OrderSummary = exports.CartItem = exports.QuantityStepper = exports.VariantSelector = exports.OptionChip = exports.WishlistToggle = exports.ProductBadges = exports.StockStatus = exports.PriceBlock = exports.Rating = exports.SEEK_STEP_SECONDS = exports.PLAYBACK_SPEEDS = exports.ZOOM_STEP = exports.MAX_ZOOM = exports.MIN_ZOOM = exports.resolveMediaUrl = exports.fileKind = exports.countMedia = exports.planPreview = exports.buildFileItems = exports.buildMediaItems = exports.MediaStatusPanel = exports.MediaScrubber = exports.defaultMediaAudioPlayerLabels = exports.MediaAudioPlayer = exports.defaultMediaViewerLabels = exports.defaultMediaDocumentStageLabels = exports.MediaDocumentStage = exports.defaultMediaVideoPlayerLabels = exports.MediaVideoPlayer = exports.defaultMediaImageViewerLabels = exports.MediaImageViewer = exports.useFileViewer = exports.MediaViewer = exports.RangeSlider = exports.getApiErrorStatus = exports.getApiErrorMessage = exports.defaultValidationMessages = exports.validateYoutubeUrl = exports.validateVideoFile = exports.validateVideoFileType = void 0;
-exports.firstInvalidStep = exports.wizardTransition = exports.Wizard = exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = exports.PinToggle = exports.NavLauncher = exports.LauncherTrigger = exports.KbdShortcut = exports.Kbd = exports.QuickAddSheet = exports.ProductCardSkeleton = exports.ProductCardGrid = exports.unitPrice = exports.discountAmount = exports.discountPercent = exports.formatPrice = exports.firstAvailableSelection = exports.priceRange = exports.remainingStock = exports.isOptionAvailable = exports.findVariant = exports.selectionComplete = exports.stockState = exports.LOW_STOCK_THRESHOLD = exports.defaultMediaLightboxLabels = exports.defaultMediaGalleryLabels = exports.MediaLightbox = exports.MediaGallery = exports.PaymentOptionGroup = exports.PaymentOption = exports.AddressCardGroup = exports.AddressCard = exports.DetailSections = exports.ReviewList = void 0;
+exports.OVERLAY_BLUR = exports.overlayScrimStyles = exports.cardRule = exports.recessOn = 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_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 = void 0;
+exports.formatRelativeTime = exports.formatCount = exports.groupConsecutive = exports.sectionizeByDay = exports.NotificationItem = exports.NotificationList = exports.NotificationPanel = exports.NotificationBell = exports.ConfirmDialog = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.Accordian = exports.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 = void 0;
+exports.ProductBadges = exports.StockStatus = exports.PriceBlock = exports.Rating = exports.SEEK_STEP_SECONDS = exports.PLAYBACK_SPEEDS = exports.ZOOM_STEP = exports.MAX_ZOOM = exports.MIN_ZOOM = exports.resolveMediaUrl = exports.fileKind = exports.countMedia = exports.planPreview = exports.buildFileItems = exports.buildMediaItems = exports.MediaStatusPanel = exports.MediaScrubber = exports.defaultMediaAudioPlayerLabels = exports.MediaAudioPlayer = exports.defaultMediaViewerLabels = exports.defaultMediaDocumentStageLabels = exports.MediaDocumentStage = exports.defaultMediaVideoPlayerLabels = exports.MediaVideoPlayer = exports.defaultMediaImageViewerLabels = exports.MediaImageViewer = exports.useFileViewer = exports.MediaViewer = 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 = void 0;
+exports.WizardDialog = exports.flattenScreens = exports.searchLauncherSections = exports.searchLauncher = exports.NewTabLink = exports.PinToggle = exports.NavLauncher = exports.LauncherTrigger = exports.KbdShortcut = exports.Kbd = exports.QuickAddSheet = exports.ProductCardSkeleton = exports.ProductCardGrid = exports.unitPrice = exports.discountAmount = exports.discountPercent = exports.formatPrice = exports.firstAvailableSelection = exports.priceRange = exports.remainingStock = exports.isOptionAvailable = exports.findVariant = exports.selectionComplete = exports.stockState = exports.LOW_STOCK_THRESHOLD = exports.defaultMediaLightboxLabels = exports.defaultMediaGalleryLabels = exports.MediaLightbox = 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 = 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 = void 0;
 const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordion = Accordion_1.default;
 const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -429,7 +430,23 @@ Object.defineProperty(exports, "isControlSize", { enumerable: true, get: functio
 var motion_1 = require("./Theme/tokens/primitives/motion");
 Object.defineProperty(exports, "MOTION_MS", { enumerable: true, get: function () { return motion_1.MOTION_MS; } });
 Object.defineProperty(exports, "MOTION_EASE", { enumerable: true, get: function () { return motion_1.MOTION_EASE; } });
+Object.defineProperty(exports, "MOTION_EASE_OUT", { enumerable: true, get: function () { return motion_1.MOTION_EASE_OUT; } });
+Object.defineProperty(exports, "MOTION_EASE_IN", { enumerable: true, get: function () { return motion_1.MOTION_EASE_IN; } });
+Object.defineProperty(exports, "MOTION_BEZIER", { enumerable: true, get: function () { return motion_1.MOTION_BEZIER; } });
+Object.defineProperty(exports, "MOTION_LOOP_MS", { enumerable: true, get: function () { return motion_1.MOTION_LOOP_MS; } });
 Object.defineProperty(exports, "transitionFor", { enumerable: true, get: function () { return motion_1.transitionFor; } });
+Object.defineProperty(exports, "motionTransition", { enumerable: true, get: function () { return motion_1.motionTransition; } });
+var radii_1 = require("./Theme/tokens/primitives/radii");
+Object.defineProperty(exports, "RADIUS_ROLE", { enumerable: true, get: function () { return radii_1.RADIUS_ROLE; } });
+var borderWidths_1 = require("./Theme/tokens/primitives/borderWidths");
+Object.defineProperty(exports, "BORDER_WIDTHS", { enumerable: true, get: function () { return borderWidths_1.BORDER_WIDTHS; } });
+var states_1 = require("./Theme/tokens/primitives/states");
+Object.defineProperty(exports, "DISABLED_OPACITY", { enumerable: true, get: function () { return states_1.DISABLED_OPACITY; } });
+var typography_1 = require("./Theme/tokens/primitives/typography");
+Object.defineProperty(exports, "NUMERIC_TEXT", { enumerable: true, get: function () { return typography_1.NUMERIC_TEXT; } });
+Object.defineProperty(exports, "TEXT_STYLES", { enumerable: true, get: function () { return typography_1.TEXT_STYLES; } });
+var shadows_1 = require("./Theme/tokens/primitives/shadows");
+Object.defineProperty(exports, "shadowsFor", { enumerable: true, get: function () { return shadows_1.shadowsFor; } });
 var tone_1 = require("./Theme/tokens/builders/tone");
 Object.defineProperty(exports, "TONES", { enumerable: true, get: function () { return tone_1.TONES; } });
 Object.defineProperty(exports, "isTone", { enumerable: true, get: function () { return tone_1.isTone; } });
@@ -447,6 +464,10 @@ var surfaceRaised_1 = require("./Theme/tokens/builders/surfaceRaised");
 Object.defineProperty(exports, "buildSurfaceRaised", { enumerable: true, get: function () { return surfaceRaised_1.buildSurfaceRaised; } });
 Object.defineProperty(exports, "raisedRule", { enumerable: true, get: function () { return surfaceRaised_1.raisedRule; } });
 Object.defineProperty(exports, "RAISED_OVERLAY", { enumerable: true, get: function () { return surfaceRaised_1.RAISED_OVERLAY; } });
+var planeStep_1 = require("./Theme/tokens/builders/planeStep");
+Object.defineProperty(exports, "bandOn", { enumerable: true, get: function () { return planeStep_1.bandOn; } });
+Object.defineProperty(exports, "recessOn", { enumerable: true, get: function () { return planeStep_1.recessOn; } });
+Object.defineProperty(exports, "cardRule", { enumerable: true, get: function () { return planeStep_1.cardRule; } });
 var overlay_styles_1 = require("./Theme/chakra/overlay.styles");
 Object.defineProperty(exports, "overlayScrimStyles", { enumerable: true, get: function () { return overlay_styles_1.overlayScrimStyles; } });
 Object.defineProperty(exports, "OVERLAY_BLUR", { enumerable: true, get: function () { return overlay_styles_1.OVERLAY_BLUR; } });
@@ -454,6 +475,7 @@ var motion_2 = require("./Theme/chakra/motion");
 Object.defineProperty(exports, "usePrefersReducedMotion", { enumerable: true, get: function () { return motion_2.usePrefersReducedMotion; } });
 Object.defineProperty(exports, "reducedMotionSx", { enumerable: true, get: function () { return motion_2.reducedMotionSx; } });
 Object.defineProperty(exports, "REDUCED_MOTION_QUERY", { enumerable: true, get: function () { return motion_2.REDUCED_MOTION_QUERY; } });
+Object.defineProperty(exports, "MOTION_KEEP_CLASS", { enumerable: true, get: function () { return motion_2.MOTION_KEEP_CLASS; } });
 var useFieldIds_1 = require("./Components/Common/useFieldIds");
 Object.defineProperty(exports, "useFieldIds", { enumerable: true, get: function () { return useFieldIds_1.useFieldIds; } });
 var FieldMessage_1 = require("./Components/Common/FieldMessage");
@@ -702,3 +724,28 @@ 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 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");
+Object.defineProperty(exports, "defaultPaginationLabels", { enumerable: true, get: function () { return PaginationProps_1.defaultPaginationLabels; } });
+var ChoiceCard_1 = require("./Components/ChoiceCard/ChoiceCard");
+Object.defineProperty(exports, "ChoiceCard", { enumerable: true, get: function () { return __importDefault(ChoiceCard_1).default; } });
+var ChoiceCardGroup_1 = require("./Components/ChoiceCard/ChoiceCardGroup");
+Object.defineProperty(exports, "ChoiceCardGroup", { enumerable: true, get: function () { return __importDefault(ChoiceCardGroup_1).default; } });
+var IconButton_1 = require("./Components/IconButton/IconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+var FormField_1 = require("./Components/FormField/FormField");
+Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return __importDefault(FormField_1).default; } });
+var VisuallyHidden_1 = require("./Components/VisuallyHidden/VisuallyHidden");
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return __importDefault(VisuallyHidden_1).default; } });
+var SkipLink_1 = require("./Components/SkipLink/SkipLink");
+Object.defineProperty(exports, "SkipLink", { enumerable: true, get: function () { return __importDefault(SkipLink_1).default; } });
+var formatDate_1 = require("./Utils/formatDate");
+Object.defineProperty(exports, "formatDate", { enumerable: true, get: function () { return formatDate_1.formatDate; } });
+Object.defineProperty(exports, "formatDateTime", { enumerable: true, get: function () { return formatDate_1.formatDateTime; } });
+Object.defineProperty(exports, "formatDateRange", { enumerable: true, get: function () { return formatDate_1.formatDateRange; } });
+Object.defineProperty(exports, "DEFAULT_DATE_FALLBACK", { enumerable: true, get: function () { return formatDate_1.DEFAULT_DATE_FALLBACK; } });
+var TimePicker_1 = require("./Components/TimePicker/TimePicker");
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return __importDefault(TimePicker_1).default; } });
+var TagInput_1 = require("./Components/TagInput/TagInput");
+Object.defineProperty(exports, "TagInput", { enumerable: true, get: function () { return __importDefault(TagInput_1).default; } });

package/package.json

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