@spteck/react-controls-v2 2.4.3 → 2.5.1

package/dist/components/ColorPicker/IColorPickerProps.d.ts

@@ -0,0 +1,297 @@
+import { HsvaColor, ColorResult } from './colorConvert';
+import * as React from 'react';
+/** Common props shared by all color picker sub-components */
+export interface IColorPickerBaseProps {
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+export interface IColorPickerInteractiveProps extends IColorPickerBaseProps {
+    /** Called when the user starts or continues a drag / click interaction */
+    onMove?: (interaction: {
+        left: number;
+        top: number;
+    }) => void;
+    /** Called on initial press (mousedown / touchstart) */
+    onDown?: (interaction: {
+        left: number;
+        top: number;
+    }) => void;
+}
+export interface IColorPickerPointerProps extends IColorPickerBaseProps {
+    /** Pointer colour (CSS color string) */
+    color?: string;
+    /** Left offset, 0..1 */
+    left?: number;
+    /** Top offset, 0..1 (used in saturation panels) */
+    top?: number;
+}
+export interface IColorPickerSaturationProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Custom pointer / thumb element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+    /** Pointer radius in px @default 6 */
+    radius?: number;
+}
+export interface IColorPickerHueProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width of the hue bar @default '100%' */
+    width?: React.CSSProperties['width'];
+    /** Height of the hue bar @default 12 */
+    height?: React.CSSProperties['height'];
+    /** Direction of the hue bar */
+    direction?: 'horizontal' | 'vertical';
+    /** Custom pointer element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+    /** Pointer radius @default 6 */
+    radius?: number;
+}
+export interface IColorPickerAlphaProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width of the alpha bar @default '100%' */
+    width?: React.CSSProperties['width'];
+    /** Height of the alpha bar @default 12 */
+    height?: React.CSSProperties['height'];
+    /** Direction of the alpha bar */
+    direction?: 'horizontal' | 'vertical';
+    /** Custom pointer element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+    /** Pointer radius @default 6 */
+    radius?: number;
+}
+export interface IColorPickerShadeSliderProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width @default '100%' */
+    width?: React.CSSProperties['width'];
+    /** Height @default 12 */
+    height?: React.CSSProperties['height'];
+    /** Custom pointer element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+    /** Pointer radius @default 6 */
+    radius?: number;
+}
+/** Swatch preset can be a plain hex string or an object with a title */
+export type SwatchPresetColor = string | {
+    color: string;
+    title?: string;
+};
+export interface IColorPickerSwatchProps extends IColorPickerBaseProps {
+    /** Swatch colour (CSS color string) */
+    color?: string;
+    /** Swatch title / tooltip */
+    title?: string;
+    /** Whether the swatch is currently selected */
+    checked?: boolean;
+    /** Whether the swatch is disabled */
+    disabled?: boolean;
+    /** Swatch size @default 24 */
+    size?: number;
+    /** Border radius @default 4 */
+    radius?: number;
+    /** Called when swatch is clicked */
+    onClick?: (color: string) => void;
+    /** Custom render function for the swatch rect */
+    rectRender?: (props: React.HTMLAttributes<HTMLDivElement>) => React.ReactNode;
+    /** Content before the swatch list */
+    addonBefore?: React.ReactNode;
+    /** Content after the swatch list */
+    addonAfter?: React.ReactNode;
+    /** Preset color swatches */
+    colors?: SwatchPresetColor[];
+    /** Render function for each preset swatch */
+    rectProps?: React.HTMLAttributes<HTMLDivElement>;
+}
+export interface IColorPickerEditableInputProps extends IColorPickerBaseProps {
+    /** Label text (e.g. "Hex", "R", "G", "B") */
+    label?: string;
+    /** Current value */
+    value?: string | number;
+    /** Called when the value changes */
+    onChange?: (value: string) => void;
+    /** Input placeholder */
+    placeholder?: string;
+}
+export interface IColorPickerEditableInputRGBAProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Whether to show the alpha channel input @default true */
+    showAlpha?: boolean;
+}
+export interface IColorPickerEditableInputHSLAProps extends IColorPickerBaseProps {
+    /** Current HSVA colour */
+    hsva: HsvaColor;
+    /** Called when the colour changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Whether to show the alpha channel input @default true */
+    showAlpha?: boolean;
+}
+export interface IColorPickerSketchProps extends IColorPickerBaseProps {
+    /** Current color (hex string, CSS string, or HsvaColor) */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width of the picker in px @default 218 */
+    width?: number;
+    /** Preset swatch colors */
+    presetColors?: SwatchPresetColor[];
+    /** Whether to disable the hex/rgb editable inputs @default false */
+    editableDisable?: boolean;
+    /** Whether to disable the alpha slider/input @default false */
+    disableAlpha?: boolean;
+}
+export declare enum ChromeInputType {
+    HEXA = "hexa",
+    RGBA = "rgba",
+    HSLA = "hsla"
+}
+export interface IColorPickerChromeProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width @default 225 */
+    width?: number;
+    /** Whether to show the alpha slider/input @default true */
+    showAlpha?: boolean;
+    /** Whether to show the color-format toggle @default true */
+    showColorPreview?: boolean;
+    /** Whether to show the editable inputs @default true */
+    showEditableInput?: boolean;
+    /** Whether to show the eye-dropper button @default true */
+    showEyeDropper?: boolean;
+    /** Input type displayed by default @default ChromeInputType.HEXA */
+    inputType?: ChromeInputType;
+}
+export interface IColorPickerColorfulProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Whether to disable the alpha slider @default false */
+    disableAlpha?: boolean;
+}
+export interface IColorPickerWheelProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width/height of the wheel @default 200 */
+    width?: number;
+    /** Height of the wheel @default width */
+    height?: number;
+    /** Custom pointer element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+}
+export interface IColorPickerCircleProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Preset swatch colors */
+    colors?: SwatchPresetColor[];
+    /** Size of each swatch circle @default 28 */
+    pointSize?: number;
+}
+export interface IColorPickerCompactProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Preset swatch colors */
+    colors?: SwatchPresetColor[];
+}
+export interface IColorPickerBlockProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Width of the picker @default 270 */
+    width?: number;
+    /** Preset swatch colors */
+    colors?: SwatchPresetColor[];
+    /** Whether to show the triangle pointer on the color preview @default true */
+    showTriangle?: boolean;
+}
+export interface IColorPickerMaterialProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+}
+export declare enum GithubPlacement {
+    Left = "L",
+    LeftTop = "LT",
+    LeftBottom = "LB",
+    Right = "R",
+    RightTop = "RT",
+    RightBottom = "RB",
+    Top = "T",
+    TopLeft = "TL",
+    TopRight = "TR",
+    Bottom = "B",
+    BottomLeft = "BL",
+    BottomRight = "BR"
+}
+export interface IColorPickerGithubProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Preset swatch colors */
+    colors?: SwatchPresetColor[];
+    /** Placement of the arrow pointer @default GithubPlacement.TopLeft */
+    placement?: GithubPlacement;
+}
+/** A labelled group of theme colors */
+export interface ThemeColorGroup {
+    /** Group label displayed above the swatches (e.g. "Brand", "Neutral") */
+    label: string;
+    /** Swatch presets in this group — hex strings or `{ color, title }` */
+    colors: SwatchPresetColor[];
+}
+export interface IColorPickerThemeProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Labelled groups of theme colors. Defaults to Fluent UI 9 Brand / Neutral / Status tokens. */
+    groups?: ThemeColorGroup[];
+    /** Size of each swatch @default 28 */
+    swatchSize?: number;
+}
+export interface IColorPickerSliderProps extends IColorPickerBaseProps {
+    /** Current color */
+    color?: string | HsvaColor;
+    /** Called when color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Number of lightness swatches to display @default 12 */
+    swatchCount?: number;
+    /** Custom pointer element */
+    pointer?: React.ComponentType<IColorPickerPointerProps>;
+}
+export interface IColorPickerProps extends IColorPickerBaseProps {
+    /** Current color (hex, CSS string, or HsvaColor) — controlled mode */
+    color?: string | HsvaColor;
+    /** Default color (hex, CSS string, or HsvaColor) — uncontrolled mode */
+    defaultColor?: string | HsvaColor;
+    /** Called when the color changes */
+    onChange?: (newColor: ColorResult) => void;
+    /** Children (compound pattern) */
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=IColorPickerProps.d.ts.map

package/dist/components/ColorPicker/colorConvert.d.ts

@@ -0,0 +1,72 @@
+export interface HsvaColor {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+export interface HslaColor {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+export interface RgbaColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface HsvColor {
+    h: number;
+    s: number;
+    v: number;
+}
+export interface HslColor {
+    h: number;
+    s: number;
+    l: number;
+}
+export interface RgbColor {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface XYColor {
+    x: number;
+    y: number;
+}
+export interface ColorResult {
+    hsva: HsvaColor;
+    hsla: HslaColor;
+    rgba: RgbaColor;
+    hex: string;
+    hexa: string;
+}
+export declare const hsvaToRgba: ({ h, s, v, a }: HsvaColor) => RgbaColor;
+export declare const rgbaToHsva: ({ r, g, b, a }: RgbaColor) => HsvaColor;
+export declare const hsvaToHsla: ({ h, s, v, a }: HsvaColor) => HslaColor;
+export declare const hslaToHsva: ({ h, s, l, a }: HslaColor) => HsvaColor;
+export declare const hexToHsva: (hex: string) => HsvaColor;
+export declare const hsvaToHex: (hsva: HsvaColor) => string;
+export declare const hsvaToHexa: (hsva: HsvaColor) => string;
+export declare const hexToRgba: (hex: string) => RgbaColor;
+export declare const rgbaToHex: ({ r, g, b }: RgbaColor) => string;
+export declare const rgbaToHexa: ({ r, g, b, a }: RgbaColor) => string;
+export declare const hsvaToHslString: (hsva: HsvaColor) => string;
+export declare const hsvaToHslaString: (hsva: HsvaColor) => string;
+export declare const hsvaToRgbString: (hsva: HsvaColor) => string;
+export declare const hsvaToRgbaString: (hsva: HsvaColor) => string;
+export declare const parseHue: (value: string, unit?: string) => number;
+export declare const hslaStringToHsva: (str: string) => HsvaColor;
+export declare const rgbaStringToHsva: (str: string) => HsvaColor;
+/**
+ * Parse any CSS color string into HsvaColor.
+ * Supports: hex (#RGB, #RRGGBB, #RRGGBBAA), rgb(), rgba(), hsl(), hsla(), named colors
+ */
+export declare const color: (input: string | HsvaColor) => ColorResult;
+export declare const validHex: (hex: string) => boolean;
+export declare const getContrastingColor: (input: HsvaColor | string) => string;
+export declare const equalColorObjects: (a: HsvaColor, b: HsvaColor) => boolean;
+export declare const equalHex: (a: string, b: string) => boolean;
+export declare const clampHsva: (hsva: HsvaColor) => HsvaColor;
+//# sourceMappingURL=colorConvert.d.ts.map

package/dist/components/ColorPicker/index.d.ts

@@ -0,0 +1,25 @@
+export { ColorPicker } from './ColorPicker';
+export { ColorPickerSaturation } from './ColorPickerSaturation';
+export { ColorPickerHue } from './ColorPickerHue';
+export { ColorPickerAlpha } from './ColorPickerAlpha';
+export { ColorPickerShadeSlider } from './ColorPickerShadeSlider';
+export { ColorPickerSwatch } from './ColorPickerSwatch';
+export { ColorPickerEditableInput } from './ColorPickerEditableInput';
+export { ColorPickerEditableInputRGBA } from './ColorPickerEditableInputRGBA';
+export { ColorPickerEditableInputHSLA } from './ColorPickerEditableInputHSLA';
+export { ColorPickerInteractive } from './ColorPickerInteractive';
+export { ColorPickerSketch } from './ColorPickerSketch';
+export { ColorPickerChrome } from './ColorPickerChrome';
+export { ColorPickerColorful } from './ColorPickerColorful';
+export { ColorPickerWheel } from './ColorPickerWheel';
+export { ColorPickerCircle } from './ColorPickerCircle';
+export { ColorPickerCompact } from './ColorPickerCompact';
+export { ColorPickerBlock } from './ColorPickerBlock';
+export { ColorPickerSlider } from './ColorPickerSlider';
+export { ColorPickerTheme } from './ColorPickerTheme';
+export { useColorPickerStyles } from './useColorPickerStyles';
+export { color, hsvaToRgba, rgbaToHsva, hsvaToHsla, hslaToHsva, hexToHsva, hsvaToHex, hsvaToHexa, hexToRgba, rgbaToHex, rgbaToHexa, hsvaToHslString, hsvaToHslaString, hsvaToRgbString, hsvaToRgbaString, parseHue, hslaStringToHsva, rgbaStringToHsva, validHex, getContrastingColor, equalColorObjects, equalHex, clampHsva, } from './colorConvert';
+export type { IColorPickerProps, IColorPickerBaseProps, IColorPickerInteractiveProps, IColorPickerPointerProps, IColorPickerSaturationProps, IColorPickerHueProps, IColorPickerAlphaProps, IColorPickerShadeSliderProps, IColorPickerSwatchProps, IColorPickerEditableInputProps, IColorPickerEditableInputRGBAProps, IColorPickerEditableInputHSLAProps, IColorPickerSketchProps, IColorPickerChromeProps, IColorPickerColorfulProps, IColorPickerWheelProps, IColorPickerCircleProps, IColorPickerCompactProps, IColorPickerBlockProps, IColorPickerSliderProps, IColorPickerThemeProps, ThemeColorGroup, SwatchPresetColor, } from './IColorPickerProps';
+export { ChromeInputType } from './IColorPickerProps';
+export type { HsvaColor, HslaColor, RgbaColor, HsvColor, HslColor, RgbColor, XYColor, ColorResult, } from './colorConvert';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ColorPicker/useColorPickerStyles.d.ts

@@ -0,0 +1,30 @@
+export declare const useColorPickerStyles: () => {
+    pointer: string;
+    interactiveContainer: string;
+    saturation: string;
+    bar: string;
+    checkerboard: string;
+    swatchContainer: string;
+    swatch: string;
+    swatchSelected: string;
+    editableInputContainer: string;
+    editableInputLabel: string;
+    sketchContainer: string;
+    chromeContainer: string;
+    chromePreview: string;
+    colorfulContainer: string;
+    wheelContainer: string;
+    circleContainer: string;
+    circlePoint: string;
+    circlePointSelected: string;
+    compactContainer: string;
+    blockContainer: string;
+    blockHeader: string;
+    blockTriangle: string;
+    materialContainer: string;
+    materialInputUnderline: string;
+    githubContainer: string;
+    githubArrow: string;
+    sliderContainer: string;
+};
+//# sourceMappingURL=useColorPickerStyles.d.ts.map

package/dist/components/CompactCalendar/CalendarGrid.d.ts

@@ -0,0 +1,4 @@
+import { ICalendarGridProps } from './ICalendarGridProps';
+import * as React from 'react';
+export declare const CalendarGrid: React.FunctionComponent<ICalendarGridProps>;
+//# sourceMappingURL=CalendarGrid.d.ts.map

package/dist/components/CompactCalendar/CalendarHeader.d.ts

@@ -0,0 +1,4 @@
+import { ICalendarHeaderProps } from './ICalendarHeaderProps';
+import * as React from 'react';
+export declare const CalendarHeader: React.FunctionComponent<ICalendarHeaderProps>;
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/dist/components/CompactCalendar/CompactCalendar.d.ts

@@ -0,0 +1,4 @@
+import { ICompactCalendarProps } from './ICompactCalendarProps';
+import * as React from "react";
+export declare const CompactCalendar: React.FunctionComponent<ICompactCalendarProps>;
+//# sourceMappingURL=CompactCalendar.d.ts.map

package/dist/components/CompactCalendar/EventsList.d.ts

@@ -0,0 +1,4 @@
+import { IEventsListProps } from './IEventsListProps';
+import * as React from "react";
+export declare const EventsList: React.FunctionComponent<IEventsListProps>;
+//# sourceMappingURL=EventsList.d.ts.map

package/dist/components/CompactCalendar/ICalendarGridProps.d.ts

@@ -0,0 +1,32 @@
+import { Locale } from 'date-fns';
+import { IEvent } from '../calendarControl/models/IEvents';
+import { GroupedEvents } from './useCompactCalendarEvents';
+export interface ICalendarGridProps {
+    /** 2D array of Date objects representing the month grid */
+    weeks: Date[][];
+    /** The current month date (used for outside-month detection) */
+    date: Date;
+    /** Currently selected date */
+    selectedDate: Date | null;
+    /** Today's date */
+    today: Date;
+    /** Ordered short day names for the weekday header row */
+    orderedShortDays: string[];
+    /** Events grouped by date key */
+    groupedEvents: GroupedEvents;
+    /** Indices of weekend days (0–6) */
+    weekendDays: number[];
+    /** Whether to highlight today's date */
+    highlightToday: boolean;
+    /** Whether to display days from adjacent months */
+    withOutsideDays: boolean;
+    /** Whether to show week numbers in the first column */
+    withWeekNumbers: boolean;
+    /** Called when a day cell is clicked */
+    onDayClick: (date: Date) => void;
+    /** Resolves the display color for an event */
+    getEventColor: (event: IEvent) => string;
+    /** Resolved date-fns locale for formatting */
+    locale?: Locale;
+}
+//# sourceMappingURL=ICalendarGridProps.d.ts.map

package/dist/components/CompactCalendar/ICalendarHeaderProps.d.ts

@@ -0,0 +1,15 @@
+import { Locale } from 'date-fns';
+export interface ICalendarHeaderProps {
+    /** The current month/year date */
+    date: Date;
+    /** Custom header renderer — receives the date and the default header element */
+    renderHeader?: (input: {
+        date: Date;
+        defaultHeader: React.ReactNode;
+    }) => React.ReactNode;
+    /** Called when the year button is clicked */
+    onYearClick?: () => void;
+    /** Resolved date-fns locale for formatting */
+    locale?: Locale;
+}
+//# sourceMappingURL=ICalendarHeaderProps.d.ts.map

package/dist/components/CompactCalendar/ICompactCalendarProps.d.ts

@@ -0,0 +1,54 @@
+import { Locale } from 'date-fns';
+import { IEvent } from '../calendarControl/models/IEvents';
+import { ICompactCalendarStrings as ILocaleCompactCalendarStrings } from '../../localization/ILibraryStrings';
+export interface ICompactCalendarRenderHeaderInput {
+    date: Date;
+    defaultHeader: React.ReactNode;
+}
+export interface ICompactCalendarProps {
+    /** Date representing the month to display */
+    date: Date;
+    /** Called when the displayed month changes */
+    onDateChange?: (date: Date) => void;
+    /** Currently selected date (controlled) */
+    selectedDate?: Date | null;
+    /** Default selected date (uncontrolled) */
+    defaultSelectedDate?: Date | null;
+    /** Called when the selected date changes */
+    onSelectedDateChange?: (date: Date | null) => void;
+    /** Show week numbers in the first column. @default false */
+    withWeekNumbers?: boolean;
+    /** Number 0–6 where 0 = Sunday and 6 = Saturday. @default 1 (Monday) */
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** Indices of weekend days (0–6). @default [0, 6] */
+    weekendDays?: number[];
+    /** Always render 6 weeks in the month view. @default true */
+    consistentWeeks?: boolean;
+    /** Highlight the current day. @default true */
+    highlightToday?: boolean;
+    /** Display days from adjacent months to fill weeks. @default false */
+    withOutsideDays?: boolean;
+    /** Events to display */
+    events?: IEvent[];
+    /** Called when a day is clicked */
+    onDayClick?: (date: Date) => void;
+    /** Called when an event is clicked */
+    onEventClick?: (event: IEvent, e: React.MouseEvent<HTMLElement>) => void;
+    /** Called when the year back button is clicked */
+    onYearClick?: () => void;
+    /** Custom header renderer */
+    renderHeader?: (input: ICompactCalendarRenderHeaderInput) => React.ReactNode;
+    /** Custom event item renderer */
+    renderEvent?: (event: IEvent, defaultElement: React.ReactNode) => React.ReactNode;
+    /** date-fns format string for the events list header. @default 'EEEE, MMMM d' */
+    eventsHeaderFormat?: string;
+    /** Locale for date formatting. Pass a BCP47 string (e.g. 'en-US', 'fr') or a date-fns Locale object. Auto-detects from LocalizationProvider or browser default if not set. */
+    locale?: string | Locale;
+    /** Height of the component */
+    height?: string | number;
+    /** Additional CSS class name */
+    className?: string;
+    /** Strings override for i18n */
+    strings?: Partial<ILocaleCompactCalendarStrings>;
+}
+//# sourceMappingURL=ICompactCalendarProps.d.ts.map

package/dist/components/CompactCalendar/IEventsListProps.d.ts

@@ -0,0 +1,21 @@
+import { Locale } from 'date-fns';
+import { IEvent } from '../calendarControl/models/IEvents';
+export interface IEventsListProps {
+    /** Events to display, already sorted */
+    events: IEvent[];
+    /** Formatted header string (e.g. "Monday, April 14") */
+    header: string;
+    /** Label to display for all-day events */
+    allDayLabel: string;
+    /** Label to display when there are no events */
+    noEventsLabel: string;
+    /** Called when an event is clicked */
+    onEventClick?: (event: IEvent, e: React.MouseEvent<HTMLElement>) => void;
+    /** Custom event item renderer */
+    renderEvent?: (event: IEvent, defaultElement: React.ReactNode) => React.ReactNode;
+    /** Resolves the color for an event */
+    getEventColor: (event: IEvent) => string;
+    /** Resolved date-fns locale for formatting */
+    locale?: Locale;
+}
+//# sourceMappingURL=IEventsListProps.d.ts.map

package/dist/components/CompactCalendar/index.d.ts

@@ -0,0 +1,12 @@
+export { CompactCalendar } from './CompactCalendar';
+export { CalendarGrid } from './CalendarGrid';
+export { CalendarHeader } from './CalendarHeader';
+export { EventsList } from './EventsList';
+export type { ICompactCalendarProps, ICompactCalendarRenderHeaderInput, } from './ICompactCalendarProps';
+export type { ICalendarGridProps } from './ICalendarGridProps';
+export type { ICalendarHeaderProps } from './ICalendarHeaderProps';
+export type { IEventsListProps } from './IEventsListProps';
+export { useCompactCalendarEvents } from './useCompactCalendarEvents';
+export type { GroupedEvents } from './useCompactCalendarEvents';
+export { resolveLocale } from './resolveLocale';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CompactCalendar/resolveLocale.d.ts

@@ -0,0 +1,12 @@
+import { Locale } from 'date-fns';
+/**
+ * Resolves a locale string or Locale object to a date-fns Locale.
+ *
+ * Resolution order:
+ * 1. If a date-fns `Locale` object is passed, return it directly.
+ * 2. Exact match in the locale map (e.g. 'fr-FR').
+ * 3. Language-prefix fallback (e.g. 'fr-CA' → 'fr').
+ * 4. Falls back to `enUS`.
+ */
+export declare function resolveLocale(locale?: string | Locale): Locale;
+//# sourceMappingURL=resolveLocale.d.ts.map

package/dist/components/CompactCalendar/useCompactCalendarEvents.d.ts

@@ -0,0 +1,12 @@
+import { IEvent } from '../calendarControl/models/IEvents';
+export type GroupedEvents = Record<string, IEvent[]>;
+/**
+ * Hook that groups calendar events by date for a given month.
+ * Memoizes the result to avoid unnecessary recalculations.
+ *
+ * @param date - The month to group events for
+ * @param events - Array of events to group
+ * @returns Events grouped by date key ('yyyy-MM-dd')
+ */
+export declare const useCompactCalendarEvents: (date: Date, events: IEvent[] | undefined) => GroupedEvents;
+//# sourceMappingURL=useCompactCalendarEvents.d.ts.map

package/dist/components/CompactCalendar/useCompactCalendarStyles.d.ts

@@ -0,0 +1,26 @@
+export declare const useCompactCalendarStyles: () => {
+    styles: {
+        root: string;
+        header: string;
+        headerBackButton: string;
+        headerLabel: string;
+        calendar: string;
+        weekdaysCorner: string;
+        weekday: string;
+        weekNumber: string;
+        day: string;
+        dayHidden: string;
+        dayWeekend: string;
+        dayOutside: string;
+        dayToday: string;
+        daySelected: string;
+        dayIndicators: string;
+        dayIndicator: string;
+        eventsList: string;
+        eventsHeader: string;
+        event: string;
+        eventColor: string;
+        eventTimeColor: string;
+    };
+};
+//# sourceMappingURL=useCompactCalendarStyles.d.ts.map