@opengovsg/oui 0.0.0-snapshot-20251103063040 → 0.0.0-snapshot-20251203091804

package/dist/esm/modal/modal-content.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useContext, isValidElement } from 'react';
+import { useMessageFormatter } from 'react-aria';
+import { Dialog } from 'react-aria-components';
+import { cn } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
+import { i18nStrings } from './i18n.js';
+import { ModalVariantContext } from './modal-variant-context.js';
+import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
+
+function ModalContent({
+  closeButtonContent: closeButtonContentProp,
+  hideCloseButton,
+  closeButtonProps,
+  ...props
+}) {
+  const { slots, classNames, buttonSize } = useContext(ModalVariantContext);
+  const formatMessage = useMessageFormatter(i18nStrings);
+  const closeButtonContent = isValidElement(closeButtonContentProp) ? closeButtonContentProp : /* @__PURE__ */ jsx(X, {});
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      ...props,
+      className: slots.dialog({
+        className: props.className ?? classNames?.dialog
+      }),
+      children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        !hideCloseButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            slot: "close",
+            isIconOnly: true,
+            "aria-label": formatMessage("dismiss"),
+            size: buttonSize,
+            variant: "clear",
+            color: "neutral",
+            ...closeButtonProps,
+            className: slots.closeButton({
+              className: cn(classNames?.closeButton, props.className)
+            }),
+            children: closeButtonContent
+          }
+        ),
+        typeof props.children === "function" ? props.children(close) : props.children
+      ] })
+    }
+  );
+}
+
+export { ModalContent };

package/dist/esm/modal/modal-footer.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { cn } from '@opengovsg/oui-theme';
+import { forwardRef } from '../system/utils.js';
+import { ModalVariantContext } from './modal-variant-context.js';
+
+const ModalFooter = forwardRef(function ModalFooter2({ as, ...props }, ref) {
+  const { slots, classNames } = useContext(ModalVariantContext);
+  const Component = as || "footer";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: slots.footer({
+        className: cn(classNames?.footer, props.className)
+      }),
+      ...props
+    }
+  );
+});
+ModalFooter.displayName = "ModalFooter";
+
+export { ModalFooter };

package/dist/esm/modal/modal-header.js

@@ -0,0 +1,23 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
+import { Heading } from 'react-aria-components';
+import { cn } from '@opengovsg/oui-theme';
+import { ModalVariantContext } from './modal-variant-context.js';
+
+function ModalHeader(props) {
+  const { slots, classNames } = useContext(ModalVariantContext);
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      slot: "title",
+      ...props,
+      className: slots.header({
+        className: cn(classNames?.header, props.className)
+      })
+    }
+  );
+}
+
+export { ModalHeader };

package/dist/esm/modal/modal-variant-context.js

@@ -0,0 +1,10 @@
+"use strict";
+"use client";
+import { createContext } from '../system/react-utils/context.js';
+
+const [ModalVariantContext, useModalVariantContext] = createContext({
+  name: "ModalVariantContext",
+  strict: true
+});
+
+export { ModalVariantContext, useModalVariantContext };

package/dist/esm/modal/modal.js

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
+import { Provider, ModalOverlay, Modal as Modal$1 } from 'react-aria-components';
+import { modalStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { mapPropsVariants } from '../system/utils.js';
+import { ModalVariantContext } from './modal-variant-context.js';
+
+const Modal = forwardRef(function Modal2(originalProps, ref) {
+  const [{ classNames, ...props }, variantProps] = mapPropsVariants(
+    originalProps,
+    modalStyles.variantKeys
+  );
+  const { isDismissable = true } = props;
+  const slots = modalStyles(variantProps);
+  const buttonSize = useMemo(() => {
+    switch (variantProps.size) {
+      case "mobile":
+        return "md";
+      default: {
+        return "lg";
+      }
+    }
+  }, [variantProps.size]);
+  return /* @__PURE__ */ jsx(
+    Provider,
+    {
+      values: [
+        [
+          ModalVariantContext,
+          { ...variantProps, classNames, buttonSize, slots }
+        ]
+      ],
+      children: /* @__PURE__ */ jsx(
+        ModalOverlay,
+        {
+          ...props,
+          isDismissable,
+          className: composeRenderProps(
+            classNames?.overlay,
+            (className, renderProps) => slots.overlay({ className, ...renderProps })
+          ),
+          children: /* @__PURE__ */ jsx(
+            Modal$1,
+            {
+              ...props,
+              ref,
+              isDismissable,
+              "data-placement": variantProps.placement,
+              className: composeRenderProps(
+                props.className ?? classNames?.base,
+                (className, renderProps) => slots.base({ className, ...renderProps })
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+});
+Modal.displayName = "Modal";
+
+export { Modal };

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/plus.js

@@ -0,0 +1,17 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+const Plus = createLucideIcon("Plus", __iconNode);
+
+export { __iconNode, Plus as default };

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/trash-2.js

@@ -0,0 +1,20 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+];
+const Trash2 = createLucideIcon("Trash2", __iconNode);
+
+export { __iconNode, Trash2 as default };

package/dist/esm/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/upload.js

@@ -0,0 +1,18 @@
+import createLucideIcon from '../createLucideIcon.js';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
+  ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
+];
+const Upload = createLucideIcon("Upload", __iconNode);
+
+export { __iconNode, Upload as default };

package/dist/esm/number-field/index.js

@@ -0,0 +1,2 @@
+"use strict";
+export { NumberField } from './number-field.js';

package/dist/esm/number-field/number-field.js

@@ -0,0 +1,134 @@
+"use strict";
+"use client";
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { NumberField as NumberField$1 } from 'react-aria-components';
+import { numberFieldStyles, composeTailwindRenderProps, dataAttr, fieldBorderStyles, cn } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
+import { mapPropsVariants } from '../system/utils.js';
+import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js';
+import Plus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/plus.js';
+
+function NumberField(originalProps) {
+  const [
+    {
+      label,
+      description,
+      errorMessage,
+      classNames,
+      inputProps,
+      startContent,
+      endContent,
+      hideSteppers,
+      ...props
+    },
+    variantProps
+  ] = mapPropsVariants(originalProps, numberFieldStyles.variantKeys);
+  const styles = numberFieldStyles(variantProps);
+  return /* @__PURE__ */ jsxs(
+    NumberField$1,
+    {
+      ...props,
+      "data-hide-steppers": dataAttr(!!hideSteppers),
+      "data-has-start-content": dataAttr(!!startContent),
+      "data-has-end-content": dataAttr(!!endContent),
+      className: composeTailwindRenderProps(
+        props.className,
+        styles.base({
+          className: classNames?.base
+        })
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx(
+          Label,
+          {
+            className: styles.label({ className: classNames?.label }),
+            size: variantProps.size,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(FieldGroup, { className: styles.field({ className: classNames?.field }), children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          startContent,
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              size: variantProps.size,
+              variant: "unstyled",
+              className: styles.input({
+                className: classNames?.input
+              }),
+              ...inputProps
+            }
+          ),
+          endContent,
+          !hideSteppers && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: fieldBorderStyles({
+                ...renderProps,
+                className: cn(
+                  styles.stepperContainer({
+                    className: classNames?.stepperContainer
+                  })
+                )
+              }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: styles.decrement({
+                      className: classNames?.decrement
+                    }),
+                    size: variantProps.size,
+                    isIconOnly: true,
+                    variant: "clear",
+                    color: "neutral",
+                    slot: "decrement",
+                    children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": true })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: styles.increment({
+                      className: classNames?.increment
+                    }),
+                    size: variantProps.size,
+                    isIconOnly: true,
+                    variant: "clear",
+                    color: "neutral",
+                    slot: "increment",
+                    children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": true })
+                  }
+                )
+              ]
+            }
+          )
+        ] }) }),
+        description && /* @__PURE__ */ jsx(
+          Description,
+          {
+            className: styles.description({
+              className: classNames?.description
+            }),
+            size: variantProps.size,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FieldError,
+          {
+            className: styles.error({
+              className: classNames?.error
+            }),
+            size: variantProps.size,
+            children: errorMessage
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { NumberField };

package/dist/esm/pagination/use-pagination-item.js

@@ -1,10 +1,9 @@
 "use strict";
 "use client";
 import { useMemo } from 'react';
-import { useFocusRing as $f7dceffc5ad7768b$export$4e328f61c538687f } from '../node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.js';
+import { useFocusRing } from '@react-aria/focus';
+import { usePress, useHover } from '@react-aria/interactions';
 import { useRouter, mergeProps, chain, shouldClientNavigate } from '@react-aria/utils';
-import { useHover as $6179b936705e76d3$export$ae780daf29e6d456 } from '../node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useHover.js';
-import { usePress as $f6c31cce2adf654f$export$45712eceda6fad21 } from '../node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/usePress.js';
 import { cn, dataAttr } from '@opengovsg/oui-theme';
 import { filterDOMProps } from '../system/react-utils/filter-dom-props.js';
 import { useDomRef } from '../system/react-utils/refs.js';
@@ -32,12 +31,12 @@ function usePaginationItem(props) {
     () => isActive ? `${getAriaLabel?.(value)} active` : getAriaLabel?.(value),
     [isActive, getAriaLabel, value]
   );
-  const { isPressed, pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+  const { isPressed, pressProps } = usePress({
     isDisabled,
     onPress
   });
-  const { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f({});
-  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled });
+  const { focusProps, isFocused, isFocusVisible } = useFocusRing({});
+  const { isHovered, hoverProps } = useHover({ isDisabled });
   const getItemProps = (props2 = {}) => {
     return {
       ref: domRef,

package/dist/esm/range-calendar/range-calendar.js

@@ -6,12 +6,12 @@ import { CalendarDate, today, getLocalTimeZone, getDayOfWeek } from '@internatio
 import { RangeCalendar as RangeCalendar$1, Provider, CalendarGrid, CalendarGridBody, Text, RangeCalendarStateContext, useLocale, CalendarCell } from 'react-aria-components';
 import { useDeepCompareMemo } from 'use-deep-compare';
 import { calendarStyles, composeRenderProps, cn, dataAttr } from '@opengovsg/oui-theme';
+import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 import { AgnosticCalendarStateContext } from '../calendar/agnostic-calendar-state-context.js';
 import { CalendarBottomContent } from '../calendar/calendar-bottom-content.js';
 import { CalendarGridHeader } from '../calendar/calendar-grid-header.js';
 import { CalendarHeader } from '../calendar/calendar-header.js';
 import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
-import { CalendarStyleContext, useCalendarStyleContext } from '../calendar/calendar-style-context.js';
 
 const RangeCalendar = forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = mapPropsVariants(

package/dist/esm/select/select.js

@@ -4,12 +4,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Provider, Select as Select$1, SelectValue, Virtualizer, ListLayout, ListBox } from 'react-aria-components';
 import { selectStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
 import { Label, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { SelectVariantContext } from './select-variant-context.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import { Button } from '../button/button.js';
 
 const calculateEstimatedRowHeight = (size) => {
   switch (size) {

package/dist/types/badge/use-badge.d.ts

@@ -70,48 +70,48 @@ export declare function useBadge(originalProps: UseBadgeProps): {
             };
         }, undefined, "outline-offset-2 outline-none", unknown, unknown, undefined>>>;
         base: ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
         dot: ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
         content: ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string) & ((slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "md" | "sm" | "xs" | undefined;
             color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
-            isDisabled?: boolean | undefined;
             isCloseable?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string);
     };

package/dist/types/calendar/calendar-month-day-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-month-day-selector.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-month-day-selector.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,wBAAwB,+CA2EpC,CAAA"}
+{"version":3,"file":"calendar-month-day-selector.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-month-day-selector.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,wBAAwB,+CA4EpC,CAAA"}

package/dist/types/date-field/date-field.d.ts

@@ -6,6 +6,7 @@ interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T>, Var
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     classNames?: SlotsToClasses<"base" | "label" | "input" | "description" | "error">;
+    inputProps?: DateInputProps;
 }
 export declare function DateField<T extends DateValue>(originalProps: DateFieldProps<T>): import("react/jsx-runtime").JSX.Element;
 interface DateInputProps extends Omit<AriaDateInputProps, "children">, VariantProps<typeof dateInputStyles> {

package/dist/types/date-field/date-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAGL,eAAe,EACf,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAK7B,UAAU,cAAc,CAAC,CAAC,SAAS,SAAS,CAC1C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CACzB,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CACrD,CAAA;CACF;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAC3C,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,2CA2CjC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,wBAAgB,SAAS,CAAC,aAAa,EAAE,cAAc,2CA8BtD"}
+{"version":3,"file":"date-field.d.ts","sourceRoot":"","sources":["../../../src/date-field/date-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAIL,eAAe,EACf,eAAe,EAChB,MAAM,sBAAsB,CAAA;AAK7B,UAAU,cAAc,CAAC,CAAC,SAAS,SAAS,CAC1C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CACzB,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,OAAO,CACrD,CAAA;IACD,UAAU,CAAC,EAAE,cAAc,CAAA;CAC5B;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAC3C,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,2CAmDjC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC5C;AAED,wBAAgB,SAAS,CAAC,aAAa,EAAE,cAAc,2CA+BtD"}

package/dist/types/date-picker/date-picker.d.ts

@@ -1,5 +1,5 @@
 import type { DatePickerProps as AriaDatePickerProps, DateValue, ValidationResult } from "react-aria-components";
-import type { CalendarSlots, DatePickerSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import type { CalendarSlots, DatePickerSlots, FieldErrorSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
 import { datePickerStyles } from "@opengovsg/oui-theme";
 import type { ButtonProps } from "../button";
 import type { CalendarProps } from "../calendar";
@@ -8,11 +8,14 @@ interface DatePickerProps<T extends DateValue> extends VariantProps<typeof dateP
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
+    selectorIcon?: React.ReactNode;
     calendarProps?: CalendarProps<T>;
     popoverProps?: PopoverProps;
     calendarButtonProps?: ButtonProps;
-    classNames?: SlotsToClasses<DatePickerSlots> & {
+    classNames?: SlotsToClasses<DatePickerSlots | "description"> & {
         calendar?: SlotsToClasses<CalendarSlots>;
+        error?: SlotsToClasses<FieldErrorSlots>;
+        popover?: PopoverProps["classNames"];
     };
 }
 export declare function DatePicker<T extends DateValue>(originalProps: DatePickerProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,gBAAgB,EACjB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQ9C,UAAU,eAAe,CAAC,CAAC,SAAS,SAAS,CAC3C,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAC3C,mBAAmB,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,GAAG;QAC7C,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,EAC5C,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,2CAgElC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,gBAAgB,EACjB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQ9C,UAAU,eAAe,CAAC,CAAC,SAAS,SAAS,CAC3C,SAAQ,YAAY,CAAC,OAAO,gBAAgB,CAAC,EAC3C,mBAAmB,CAAC,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,GAAG,aAAa,CAAC,GAAG;QAC7D,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;QACxC,KAAK,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;QACvC,OAAO,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;KACrC,CAAA;CACF;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,EAC5C,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,2CAoFlC"}

package/dist/types/field/field.d.ts

@@ -9,6 +9,9 @@ export declare function Description({ size, className, ...props }: DescriptionPr
 export interface FieldErrorProps extends AriaFieldErrorProps, FieldErrorVariantProps {
     classNames?: SlotsToClasses<FieldErrorSlots>;
 }
-export declare function FieldError({ children, className, size, classNames, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FieldErrorIcon({ size, className, }: Pick<FieldErrorProps, "size"> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FieldError({ children, className, size, classNames, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
 export declare function FieldGroup(props: GroupProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,UAAU,IAAI,cAAc,EAC5B,UAAU,EACV,SAAS,EACV,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EACV,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,iBAAiB;CAAG;AAExE,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE9D;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;CAAG;AAE/E,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ1E;AAED,MAAM,WAAW,eACf,SAAQ,mBAAmB,EACzB,sBAAsB;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;CAC7C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,eAAe,kDAmBjB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,2CAS3C"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,UAAU,IAAI,cAAc,EAC5B,UAAU,EACV,SAAS,EACV,MAAM,uBAAuB,CAAA;AAU9B,OAAO,KAAK,EACV,uBAAuB,EACvB,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,iBAAiB;CAAG;AAExE,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE9D;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;CAAG;AAE/E,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ1E;AAED,MAAM,WAAW,eACf,SAAQ,mBAAmB,EACzB,sBAAsB;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;CAC7C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,GACV,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAIxD;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,eAAe,2CA0BjB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,2CAS3C"}

package/dist/types/file-dropzone/contexts.d.ts

@@ -0,0 +1,4 @@
+import type { FileDropzoneState, FileDropzoneStyleContextReturn } from "./types";
+export declare const FileDropzoneStateContext: import("react").Context<FileDropzoneState>, useFileDropzoneStateContext: () => FileDropzoneState;
+export declare const FileDropzoneStyleContext: import("react").Context<FileDropzoneStyleContextReturn>, useFileDropzoneStyleContext: () => FileDropzoneStyleContextReturn;
+//# sourceMappingURL=contexts.d.ts.map

package/dist/types/file-dropzone/contexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/contexts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAA;AAGhF,eAAO,MAAO,wBAAwB,8CAAE,2BAA2B,yBAI/D,CAAA;AACJ,eAAO,MAAO,wBAAwB,2DAAE,2BAA2B,sCAI/D,CAAA"}