@opengovsg/oui 0.0.0-snapshot-20250320092749 → 0.0.0-snapshot-20250326084237

package/dist/types/calendar/calendar-style-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-style-context.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-style-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,SAAS,EAC1D,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBhC;AAED,MAAM,MAAM,8BAA8B,GAAG,UAAU,CACrD,OAAO,wBAAwB,CAChC,CAAA;AAED,eAAO,MAAO,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAE,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKzD,CAAA"}
+{"version":3,"file":"calendar-style-context.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-style-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,MAAM,WAAW,8BAA8B,CAAC,CAAC,SAAS,YAAY;IACpE,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IACxC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAC1C,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAC7E,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;CAC/B;AAED,eAAO,MAAO,oBAAoB,yEAAE,uBAAuB,oDAKzD,CAAA"}

package/dist/types/calendar/calendar.d.ts

@@ -1,5 +1,8 @@
 import type { ReactElement } from "react";
-import type { DateValue } from "react-aria-components";
+import { CalendarDate } from "@internationalized/date";
 import type { CalendarProps } from "./types";
-export declare const Calendar: <T extends DateValue>(props: CalendarProps<T>) => ReactElement;
+export declare const Calendar: <T extends CalendarDate>(props: CalendarProps<T>) => ReactElement;
+export declare const CalendarStateWrapper: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=calendar.d.ts.map

package/dist/types/calendar/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,eAAO,MAAM,QAAQ,EAWf,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,YAAY,EAA2B,MAAM,yBAAyB,CAAA;AAe/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,eAAO,MAAM,QAAQ,EA8Hf,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;AAEvE,eAAO,MAAM,oBAAoB,kBAE9B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA"}

package/dist/types/calendar/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-calendar-i18n";
+export * from "./use-calendar-selectors";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/calendar/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA"}

package/dist/types/calendar/hooks/use-calendar-i18n.d.ts

@@ -0,0 +1,4 @@
+import type { LocalizedStrings } from "react-aria";
+export declare const i18nStrings: LocalizedStrings;
+export declare const useCalendarI18n: () => import("react-aria").FormatMessage;
+//# sourceMappingURL=use-calendar-i18n.d.ts.map

package/dist/types/calendar/hooks/use-calendar-i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar-i18n.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/use-calendar-i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAGlD,eAAO,MAAM,WAAW,EAAE,gBAqBzB,CAAA;AAED,eAAO,MAAM,eAAe,0CAE3B,CAAA"}

package/dist/types/calendar/hooks/use-calendar-selectors.d.ts

@@ -0,0 +1,13 @@
+import type { CalendarState, RangeCalendarState } from "react-stately";
+export declare const useCalendarSelectors: (state: CalendarState | RangeCalendarState) => {
+    months: {
+        id: number;
+        textValue: string;
+    }[];
+    years: {
+        id: number;
+        textValue: string;
+    }[];
+    datePartOrder: ("month" | "year")[];
+};
+//# sourceMappingURL=use-calendar-selectors.d.ts.map

package/dist/types/calendar/hooks/use-calendar-selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar-selectors.d.ts","sourceRoot":"","sources":["../../../../src/calendar/hooks/use-calendar-selectors.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAMtE,eAAO,MAAM,oBAAoB,UACxB,aAAa,GAAG,kBAAkB;;;;;;;;;;CAmC1C,CAAA"}

package/dist/types/calendar/types.d.ts

@@ -1,7 +1,8 @@
+import type { CalendarDate } from "@internationalized/date";
 import type { ReactNode } from "react";
-import type { CalendarProps as AriaCalendarProps, CalendarGridProps, DateValue } from "react-aria-components";
+import type { CalendarProps as AriaCalendarProps, CalendarGridProps } from "react-aria-components";
 import type { CalendarSlots, CalendarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
-export interface CalendarProps<T extends DateValue> extends AriaCalendarProps<T>, CalendarVariantProps, Pick<CalendarGridProps, "weekdayStyle"> {
+export interface CalendarProps<T extends CalendarDate> extends AriaCalendarProps<T>, CalendarVariantProps, Pick<CalendarGridProps, "weekdayStyle"> {
     errorMessage?: string;
     /**
      * List of classes to change the classNames of the element.
@@ -41,12 +42,12 @@ export interface CalendarProps<T extends DateValue> extends AriaCalendarProps<T>
      * The minimum allowed date that a user may select.
      * @defaultValue `new CalendarDate(1900, 0, 1)`
      */
-    minValue?: DateValue;
+    minValue?: T;
     /**
      * The maximum allowed date that a user may select.
      * @defaultValue `new CalendarDate(2100, 12, 31)`
      */
-    maxValue?: DateValue;
+    maxValue?: T;
     /**
      * If provided, there will be a button below the calendar for users to jump to today's date.
      * @defaultValue `true`

package/dist/types/calendar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAK7B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,CAChD,SAAQ,iBAAiB,CAAC,CAAC,CAAC,EAC1B,oBAAoB,EACpB,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,EAClB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CACnD,SAAQ,iBAAiB,CAAC,CAAC,CAAC,EAC1B,oBAAoB,EACpB,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B"}

package/dist/types/index.d.mts

@@ -16,4 +16,5 @@ export * from "./tag-field";
 export * from "./select";
 export * from "./badge";
 export * from "./calendar";
+export * from "./range-calendar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -16,4 +16,5 @@ export * from "./tag-field";
 export * from "./select";
 export * from "./badge";
 export * from "./calendar";
+export * from "./range-calendar";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA"}

package/dist/types/range-calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./range-calendar";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/range-calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/types/range-calendar/range-calendar.d.ts

@@ -0,0 +1,69 @@
+import type { RangeCalendarProps as AriaRangeCalendarProps, CalendarGridProps, DateValue } from "react-aria-components";
+import { CalendarDate } from "@internationalized/date";
+import type { CalendarSlots, CalendarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+interface RangeCalendarProps<T extends CalendarDate> extends CalendarVariantProps, Pick<CalendarGridProps, "weekdayStyle">, AriaRangeCalendarProps<T> {
+    /**
+     * List of classes to change the classNames of the element.
+     * if `className` is passed, it will be added to the base slot.
+     *
+     * @example
+     * ```ts
+     *
+     * Component: Calendar, RangeCalendar
+     *
+     * <Component classNames={{
+     *    base:"base-classes",
+     *    nextButton:"next-button-classes",
+     *    prevButton:"prev-button-classes",
+     *    buttonGroup:"button-group-classes",
+     *    header:"header-classes",
+     *    title:"title-classes",
+     *    content:"content-classes",
+     *    gridWrapper:"grid-wrapper-classes",
+     *    calendar:"calendar-classes",
+     *    grid:"grid-classes",
+     *    gridHeader:"grid-header-classes",
+     *    gridHeaderCell:"grid-header-cell-classes",
+     *    gridBody:"grid-body-classes",
+     *    cell:"grid-cell-classes",
+     *    monthSelector:"month-selector-classes",
+     *    yearSelector:"year-selector-classes",
+     *    selectors:"selectors-classes",
+     *    selectorText:"selector-text-classes",
+     *    monthList:"month-list-classes",
+     *    yearList:"year-list-classes",
+     * }} />
+     * ```
+     */
+    classNames?: SlotsToClasses<CalendarSlots>;
+    /**
+     * The minimum allowed date that a user may select.
+     * @defaultValue `new CalendarDate(1900, 0, 1)`
+     */
+    minValue?: T;
+    /**
+     * The maximum allowed date that a user may select.
+     * @defaultValue `new CalendarDate(2100, 12, 31)`
+     */
+    maxValue?: T;
+    /**
+     * If provided, there will be a button below the calendar for users to jump to today's date.
+     * @defaultValue `true`
+     * If `bottomContent is provided, this will be ignored.
+     */
+    showTodayButton?: boolean;
+    bottomContent?: React.ReactNode;
+    errorMessage?: string;
+}
+export declare const RangeCalendar: import("react").ForwardRefExoticComponent<RangeCalendarProps<CalendarDate> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const RangeCalendarStateWrapper: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RangeCalendarCell: <T extends CalendarDate>({ date, isMultipleMonths, dateToHighlight, firstDayOfWeek, }: {
+    date: CalendarDate;
+    isMultipleMonths: boolean;
+    dateToHighlight: DateValue | null;
+    firstDayOfWeek?: RangeCalendarProps<T>["firstDayOfWeek"];
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=range-calendar.d.ts.map

package/dist/types/range-calendar/range-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,YAAY,EAIb,MAAM,yBAAyB,CAAA;AAahC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAe7B,UAAU,kBAAkB,CAAC,CAAC,SAAS,YAAY,CACjD,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACvC,sBAAsB,CAAC,CAAC,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,6HAiHxB,CAAA;AAEF,eAAO,MAAM,yBAAyB,kBAEnC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,YAAY,gEAKrD;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACzD,4CAuDA,CAAA"}

package/dist/types/tag-field/tag-field-tag-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-field-tag-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAKhE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKzE,UAAU,0BAA0B,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,CAAA;IACP,SAAS,EAAE,UAAU,CACnB,+BAA+B,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAC3D,CAAA;IACD,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM;IACpD,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,aAAa,CAAC,EAC7B,KAAK,GAAG,SAAS,GAAG,SAAS,CAC9B,CAAA;IACD,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACjE;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,4BAG7C,oBAAoB,CAAC,CAAC,CAAC,iwBAyDzB,CAAA"}
+{"version":3,"file":"tag-field-tag-list.d.ts","sourceRoot":"","sources":["../../../src/tag-field/tag-field-tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAA;AAIhE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKzE,UAAU,0BAA0B,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,CAAA;IACP,SAAS,EAAE,UAAU,CACnB,+BAA+B,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAC3D,CAAA;IACD,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM;IACpD,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,aAAa,CAAC,EAC7B,KAAK,GAAG,SAAS,GAAG,SAAS,CAC9B,CAAA;IACD,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACjE;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,4BAG7C,oBAAoB,CAAC,CAAC,CAAC,iwBAyDzB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.0-snapshot-20250320092749",
+  "version": "0.0.0-snapshot-20250326084237",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -47,11 +47,11 @@
     "prettier": "^3.5.0",
     "tsx": "^4.19.2",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20250320092749",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0"
+    "@oui/typescript-config": "0.0.0",
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250326084237"
   },
   "dependencies": {
     "@internationalized/date": "^3.7.0",
@@ -79,7 +79,7 @@
   "peerDependencies": {
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react-aria-components": "^1.7.1",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20250320092749"
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20250326084237"
   },
   "prettier": "@oui/prettier-config",
   "scripts": {

package/dist/cjs/calendar/calendar-base.cjs

@@ -1,347 +0,0 @@
-"use strict";
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var date = require('@internationalized/date');
-var reactAria = require('react-aria');
-var reactAriaComponents = require('react-aria-components');
-var ouiTheme = require('@opengovsg/oui-theme');
-var button = require('../button/button.cjs');
-var calendarStyleContext = require('./calendar-style-context.cjs');
-var utils = require('./utils.cjs');
-var chevronRight = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs');
-var chevronLeft = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs');
-var select = require('../select/select.cjs');
-var selectItem = require('../select/select-item.cjs');
-
-const useCalendarSelectors = (state) => {
-  const yearRange = react.useMemo(() => {
-    const start = state.minValue.year ?? 1900;
-    const end = state.maxValue.year ?? 2100;
-    return { start, end };
-  }, [state.maxValue, state.minValue]);
-  const dateFormatter = reactAria.useDateFormatter(state);
-  const datePartOrder = react.useMemo(() => {
-    const parts = dateFormatter.formatToParts(
-      state.visibleRange.start.toDate(state.timeZone)
-    );
-    const filteredParts = parts.filter(
-      (part) => ["year", "month"].includes(part.type)
-    );
-    const filteredPartNames = filteredParts.map((part) => part.type);
-    return filteredPartNames;
-  }, [dateFormatter, state.timeZone, state.visibleRange.start]);
-  const months = utils.useGenerateLocalizedMonths(state.timeZone);
-  const years = utils.useGenerateLocalizedYears(
-    yearRange.start,
-    yearRange.end,
-    state.timeZone
-  );
-  return react.useMemo(() => {
-    return {
-      months,
-      years,
-      datePartOrder
-    };
-  }, [datePartOrder, months, years]);
-};
-const i18nStrings = {
-  "en-SG": {
-    selectMonth: "Select month",
-    selectYear: "Select year",
-    today: "Today"
-  },
-  "zh-SG": {
-    selectMonth: "\u9009\u62E9\u6708\u4EFD",
-    selectYear: "\u9009\u62E9\u5E74\u4EFD",
-    today: "\u4ECA\u5929"
-  },
-  "ms-SG": {
-    selectMonth: "Pilih bulan",
-    selectYear: "Pilih tahun",
-    today: "Hari ini"
-  },
-  "ta-SG": {
-    selectMonth: "\u0BAE\u0BBE\u0BA4\u0BA4\u0BCD\u0BA4\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
-    selectYear: "\u0B86\u0BA3\u0BCD\u0B9F\u0BC8 \u0BA4\u0BC7\u0BB0\u0BCD\u0BA8\u0BCD\u0BA4\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
-    today: "\u0B87\u0BA9\u0BCD\u0BB1\u0BC1"
-  }
-};
-const CalendarBottomContent = ({
-  bottomContent,
-  showTodayButton
-}) => {
-  const state = react.useContext(reactAriaComponents.CalendarStateContext);
-  const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
-  const formatMessage = reactAria.useMessageFormatter(i18nStrings);
-  if (bottomContent) {
-    return bottomContent;
-  }
-  if (!showTodayButton) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: slots.bottomContentWrapper({
-        className: classNames?.bottomContentWrapper
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        button.Button,
-        {
-          isDisabled: state.isDisabled,
-          variant: "clear",
-          color: "sub",
-          size,
-          slot: null,
-          className: slots.todayButton({ className: classNames?.todayButton }),
-          onPress: () => {
-            state.setFocusedDate(date.today(date.getLocalTimeZone()));
-          },
-          children: formatMessage("today")
-        }
-      )
-    }
-  );
-};
-function CalendarBase({
-  weekdayStyle = "narrow",
-  calendarRef,
-  minValue = new date.CalendarDate(1900, 0, 1),
-  maxValue = new date.CalendarDate(2100, 12, 31),
-  bottomContent,
-  showTodayButton = true,
-  ...props
-}) {
-  const { slots, className, classNames } = calendarStyleContext.useCalendarStyleContext();
-  const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
-  const dateToHighlight = react.useMemo(() => {
-    return props.defaultFocusedValue ?? date.today(date.getLocalTimeZone());
-  }, [props.defaultFocusedValue]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    reactAriaComponents.Calendar,
-    {
-      pageBehavior: "single",
-      ...props,
-      ref: calendarRef,
-      minValue,
-      maxValue,
-      className: reactAriaComponents.composeRenderProps(
-        className,
-        (className2, renderProps) => slots.base({
-          className: ouiTheme.cn(classNames?.base, className2),
-          ...renderProps
-        })
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: slots.gridWrapper({
-              className: classNames?.gridWrapper
-            }),
-            children: Array.from({ length: numberOfVisibleMonths }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: slots.calendar({ className: classNames?.calendar }),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(CalendarHeader, { offsetMonths: index }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    reactAriaComponents.CalendarGrid,
-                    {
-                      className: slots.grid({ className: classNames?.grid }),
-                      weekdayStyle,
-                      offset: { months: index },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(CalendarGridHeader, {}),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          reactAriaComponents.CalendarGridBody,
-                          {
-                            className: slots.gridBody({ className: classNames?.gridBody }),
-                            children: (date) => /* @__PURE__ */ jsxRuntime.jsx(
-                              reactAriaComponents.CalendarCell,
-                              {
-                                className: reactAriaComponents.composeRenderProps(
-                                  classNames?.cell,
-                                  (className2, renderProps) => slots.cell({
-                                    className: className2,
-                                    isMultipleMonths: numberOfVisibleMonths >= 2,
-                                    isDateHighlighted: date.compare(dateToHighlight) === 0,
-                                    ...renderProps
-                                  })
-                                ),
-                                date
-                              }
-                            )
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              },
-              index
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          CalendarBottomContent,
-          {
-            bottomContent,
-            showTodayButton
-          }
-        )
-      ]
-    }
-  );
-}
-const CalendarMonthDaySelector = () => {
-  const { slots, size, classNames } = calendarStyleContext.useCalendarStyleContext();
-  const state = react.useContext(reactAriaComponents.CalendarStateContext);
-  const { months, years, datePartOrder } = useCalendarSelectors(state);
-  const formatMessage = reactAria.useMessageFormatter(i18nStrings);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Group, { className: slots.selectors({ className: classNames?.selectors }), children: datePartOrder.map((part) => {
-    if (part === "month") {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        select.Select,
-        {
-          isDisabled: state.isDisabled,
-          size,
-          items: months,
-          variant: "clear",
-          classNames: {
-            trigger: slots.monthSelector({
-              className: classNames?.monthSelector
-            }),
-            list: slots.monthList({ className: classNames?.monthList }),
-            selectedText: slots.selectorText({
-              className: classNames?.selectorText
-            }),
-            popover: "min-w-[12ch]"
-          },
-          selectedKey: state.visibleRange.start.month,
-          "aria-label": formatMessage("selectMonth"),
-          onSelectionChange: (month) => {
-            state.setFocusedDate(
-              new date.CalendarDate(state.focusedDate.year, Number(month), 1)
-            );
-          },
-          children: (month) => /* @__PURE__ */ jsxRuntime.jsx(selectItem.SelectItem, { children: month.textValue })
-        },
-        part
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      select.Select,
-      {
-        isDisabled: state.isDisabled,
-        size,
-        variant: "clear",
-        items: years,
-        classNames: {
-          trigger: slots.yearSelector({
-            className: classNames?.yearSelector
-          }),
-          list: slots.yearList({ className: classNames?.yearList }),
-          selectedText: slots.selectorText({
-            className: classNames?.selectorText
-          })
-        },
-        selectedKey: state.visibleRange.start.year,
-        "aria-label": formatMessage("selectYear"),
-        onSelectionChange: (year) => {
-          state.setFocusedDate(
-            new date.CalendarDate(
-              Number(year),
-              state.focusedDate.month,
-              state.focusedDate.day
-            )
-          );
-        },
-        children: (year) => /* @__PURE__ */ jsxRuntime.jsx(selectItem.SelectItem, { children: year.textValue })
-      },
-      part
-    );
-  }) });
-};
-function CalendarHeader({ offsetMonths = 0 }) {
-  const { direction } = reactAriaComponents.useLocale();
-  const { slots, classNames, size } = calendarStyleContext.useCalendarStyleContext();
-  const state = react.useContext(reactAriaComponents.CalendarStateContext);
-  const monthYearTitle = utils.useLocalizedMonthYear(
-    state.visibleRange.start.add({ months: offsetMonths }),
-    state.timeZone
-  );
-  if (offsetMonths === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.header({ className: classNames?.header }), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CalendarMonthDaySelector, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        reactAriaComponents.Group,
-        {
-          className: slots.buttonGroup({ className: classNames?.buttonGroup }),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                size,
-                isIconOnly: true,
-                variant: "clear",
-                color: "sub",
-                slot: "previous",
-                className: slots.prevButton({ className: classNames?.prevButton }),
-                children: direction === "rtl" ? /* @__PURE__ */ jsxRuntime.jsx(chevronRight.default, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(chevronLeft.default, { "aria-hidden": true })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                size,
-                variant: "clear",
-                color: "sub",
-                isIconOnly: true,
-                slot: "next",
-                className: slots.nextButton({
-                  className: classNames?.nextButton
-                }),
-                children: direction === "rtl" ? /* @__PURE__ */ jsxRuntime.jsx(chevronLeft.default, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(chevronRight.default, { "aria-hidden": true })
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Heading,
-    {
-      className: slots.header({ className: classNames?.header }),
-      "aria-hidden": true,
-      level: 2,
-      children: monthYearTitle
-    }
-  );
-}
-function CalendarGridHeader() {
-  const { slots, classNames } = calendarStyleContext.useCalendarStyleContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.CalendarGridHeader,
-    {
-      className: slots.gridHeader({ className: classNames?.gridHeader }),
-      children: (day) => /* @__PURE__ */ jsxRuntime.jsx(
-        reactAriaComponents.CalendarHeaderCell,
-        {
-          className: slots.gridHeaderCell({
-            className: classNames?.gridHeaderCell
-          }),
-          children: day
-        }
-      )
-    }
-  );
-}
-
-exports.CalendarBase = CalendarBase;
-exports.CalendarGridHeader = CalendarGridHeader;
-exports.CalendarHeader = CalendarHeader;