@opengovsg/oui 0.0.39 → 0.0.40

package/dist/cjs/date-field/date-field.cjs

@@ -22,13 +22,9 @@ function DateField(originalProps) {
     },
     variantProps
   ] = $670gB$react.useMemo(
-    () => utils.mapPropsVariants(originalProps, ouiTheme.dateFieldStyles.variantKeys),
+    () => utils.mapPropsVariants(originalProps, ouiTheme.dateInputStyles.variantKeys),
     [originalProps]
   );
-  const styles = ouiTheme.dateFieldStyles({
-    className: classNames?.input,
-    ...variantProps
-  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     reactAriaComponents.DateField,
     {
@@ -40,7 +36,14 @@ function DateField(originalProps) {
       ),
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size: variantProps.size, className: classNames?.label, children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(DateInput, { size: variantProps.size, className: styles, ...inputProps }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DateInput,
+          {
+            ...variantProps,
+            ...inputProps,
+            className: classNames?.input ?? inputProps?.className
+          }
+        ),
         description && /* @__PURE__ */ jsxRuntime.jsx(
           field.Description,
           {
@@ -59,13 +62,18 @@ function DateInput(originalProps) {
     () => utils.mapPropsVariants(originalProps, ouiTheme.dateInputStyles.variantKeys),
     [originalProps]
   );
-  const styles = ouiTheme.dateInputStyles(variantProps);
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactAriaComponents.DateInput,
     {
-      className: ouiTheme.composeTailwindRenderProps(
+      className: ouiTheme.composeRenderProps(
         className ?? classNames?.base,
-        styles.base()
+        (className2, renderProps) => {
+          return ouiTheme.dateInputStyles({
+            ...variantProps,
+            ...renderProps,
+            className: className2
+          });
+        }
       ),
       ...props,
       children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +82,7 @@ function DateInput(originalProps) {
           segment,
           className: ouiTheme.composeRenderProps(
             classNames?.segment,
-            (className2, renderProps) => styles.segment({
+            (className2, renderProps) => ouiTheme.dateSegmentStyles({
               isEditable: segment.isEditable,
               ...renderProps,
               className: className2

package/dist/cjs/date-picker/date-picker.cjs

@@ -49,6 +49,7 @@ function DatePicker(originalProps) {
           /* @__PURE__ */ jsxRuntime.jsx(
             dateField.DateInput,
             {
+              variant: "unstyled",
               size: variantProps.size,
               className: styles.input({ className: classNames?.input })
             }

package/dist/cjs/date-range-picker/date-range-picker.cjs

@@ -65,6 +65,7 @@ function DateRangePicker(originalProps) {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   dateField.DateInput,
                   {
+                    variant: "unstyled",
                     slot: "start",
                     size: variantProps.size,
                     className: styles.startInput({ className: classNames?.startInput })
@@ -83,6 +84,7 @@ function DateRangePicker(originalProps) {
                 /* @__PURE__ */ jsxRuntime.jsx(
                   dateField.DateInput,
                   {
+                    variant: "unstyled",
                     slot: "end",
                     size: variantProps.size,
                     className: styles.endInput({ className: classNames?.endInput })

package/dist/cjs/index.cjs

@@ -67,6 +67,7 @@ var useNavbar = require('./navbar/use-navbar.cjs');
 var navbarContext = require('./navbar/navbar-context.cjs');
 var index = require('./avatar/index.cjs');
 var accordion = require('./accordion/accordion.cjs');
+var timeField = require('./time-field/time-field.cjs');
 var sonner = require('sonner');
 var avatarContext = require('./avatar/avatar-context.cjs');
 var avatarGroup = require('./avatar/avatar-group.cjs');
@@ -182,6 +183,7 @@ exports.AccordionHeader = accordion.AccordionHeader;
 exports.AccordionItem = accordion.AccordionItem;
 exports.AccordionStyleContext = accordion.AccordionStyleContext;
 exports.useAccordionStyleContext = accordion.useAccordionStyleContext;
+exports.TimeField = timeField.TimeField;
 Object.defineProperty(exports, "toast", {
 	enumerable: true,
 	get: function () { return sonner.toast; }

package/dist/cjs/time-field/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var timeField = require('./time-field.cjs');
+
+
+
+exports.TimeField = timeField.TimeField;

package/dist/cjs/time-field/time-field.cjs

@@ -0,0 +1,61 @@
+"use strict";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var $670gB$react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var ouiTheme = require('@opengovsg/oui-theme');
+var dateField = require('../date-field/date-field.cjs');
+var field = require('../field/field.cjs');
+var utils = require('../system/utils.cjs');
+
+function TimeField(originalProps) {
+  const [
+    {
+      label,
+      description,
+      className,
+      classNames,
+      errorMessage,
+      inputProps,
+      ...props
+    },
+    variantProps
+  ] = $670gB$react.useMemo(
+    () => utils.mapPropsVariants(originalProps, ouiTheme.dateInputStyles.variantKeys),
+    [originalProps]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.TimeField,
+    {
+      ...props,
+      isDisabled: variantProps.isDisabled,
+      className: ouiTheme.composeTailwindRenderProps(
+        className ?? classNames?.base,
+        "flex w-full flex-col gap-2"
+      ),
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(field.Label, { size: variantProps.size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          dateField.DateInput,
+          {
+            ...variantProps,
+            ...inputProps,
+            className: classNames?.input ?? inputProps?.className
+          }
+        ),
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          field.Description,
+          {
+            size: variantProps.size,
+            className: classNames?.description,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { size: variantProps.size, className: classNames?.error, children: errorMessage })
+      ]
+    }
+  );
+}
+
+exports.TimeField = TimeField;

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

@@ -3,7 +3,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DateField as DateField$1, DateInput as DateInput$1, DateSegment } from 'react-aria-components';
-import { dateFieldStyles, composeTailwindRenderProps, dateInputStyles, composeRenderProps } from '@opengovsg/oui-theme';
+import { dateInputStyles, composeTailwindRenderProps, composeRenderProps, dateSegmentStyles } from '@opengovsg/oui-theme';
 import { Label, Description, FieldError } from '../field/field.js';
 import { mapPropsVariants } from '../system/utils.js';
 
@@ -20,13 +20,9 @@ function DateField(originalProps) {
     },
     variantProps
   ] = useMemo(
-    () => mapPropsVariants(originalProps, dateFieldStyles.variantKeys),
+    () => mapPropsVariants(originalProps, dateInputStyles.variantKeys),
     [originalProps]
   );
-  const styles = dateFieldStyles({
-    className: classNames?.input,
-    ...variantProps
-  });
   return /* @__PURE__ */ jsxs(
     DateField$1,
     {
@@ -38,7 +34,14 @@ function DateField(originalProps) {
       ),
       children: [
         label && /* @__PURE__ */ jsx(Label, { size: variantProps.size, className: classNames?.label, children: label }),
-        /* @__PURE__ */ jsx(DateInput, { size: variantProps.size, className: styles, ...inputProps }),
+        /* @__PURE__ */ jsx(
+          DateInput,
+          {
+            ...variantProps,
+            ...inputProps,
+            className: classNames?.input ?? inputProps?.className
+          }
+        ),
         description && /* @__PURE__ */ jsx(
           Description,
           {
@@ -57,13 +60,18 @@ function DateInput(originalProps) {
     () => mapPropsVariants(originalProps, dateInputStyles.variantKeys),
     [originalProps]
   );
-  const styles = dateInputStyles(variantProps);
   return /* @__PURE__ */ jsx(
     DateInput$1,
     {
-      className: composeTailwindRenderProps(
+      className: composeRenderProps(
         className ?? classNames?.base,
-        styles.base()
+        (className2, renderProps) => {
+          return dateInputStyles({
+            ...variantProps,
+            ...renderProps,
+            className: className2
+          });
+        }
       ),
       ...props,
       children: (segment) => /* @__PURE__ */ jsx(
@@ -72,7 +80,7 @@ function DateInput(originalProps) {
           segment,
           className: composeRenderProps(
             classNames?.segment,
-            (className2, renderProps) => styles.segment({
+            (className2, renderProps) => dateSegmentStyles({
               isEditable: segment.isEditable,
               ...renderProps,
               className: className2

package/dist/esm/date-picker/date-picker.js

@@ -47,6 +47,7 @@ function DatePicker(originalProps) {
           /* @__PURE__ */ jsx(
             DateInput,
             {
+              variant: "unstyled",
               size: variantProps.size,
               className: styles.input({ className: classNames?.input })
             }

package/dist/esm/date-range-picker/date-range-picker.js

@@ -63,6 +63,7 @@ function DateRangePicker(originalProps) {
                 /* @__PURE__ */ jsx(
                   DateInput,
                   {
+                    variant: "unstyled",
                     slot: "start",
                     size: variantProps.size,
                     className: styles.startInput({ className: classNames?.startInput })
@@ -81,6 +82,7 @@ function DateRangePicker(originalProps) {
                 /* @__PURE__ */ jsx(
                   DateInput,
                   {
+                    variant: "unstyled",
                     slot: "end",
                     size: variantProps.size,
                     className: styles.endInput({ className: classNames?.endInput })

package/dist/esm/index.js

@@ -65,6 +65,7 @@ export { useNavbar } from './navbar/use-navbar.js';
 export { NavbarProvider, useNavbarContext } from './navbar/navbar-context.js';
 export { Avatar } from './avatar/index.js';
 export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionStyleContext, useAccordionStyleContext } from './accordion/accordion.js';
+export { TimeField } from './time-field/time-field.js';
 export { toast } from 'sonner';
 export { AvatarContext, useAvatarContext } from './avatar/avatar-context.js';
 export { AvatarGroup } from './avatar/avatar-group.js';

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { TimeField as TimeField$1 } from 'react-aria-components';
+import { dateInputStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { DateInput } from '../date-field/date-field.js';
+import { Label, Description, FieldError } from '../field/field.js';
+import { mapPropsVariants } from '../system/utils.js';
+
+function TimeField(originalProps) {
+  const [
+    {
+      label,
+      description,
+      className,
+      classNames,
+      errorMessage,
+      inputProps,
+      ...props
+    },
+    variantProps
+  ] = useMemo(
+    () => mapPropsVariants(originalProps, dateInputStyles.variantKeys),
+    [originalProps]
+  );
+  return /* @__PURE__ */ jsxs(
+    TimeField$1,
+    {
+      ...props,
+      isDisabled: variantProps.isDisabled,
+      className: composeTailwindRenderProps(
+        className ?? classNames?.base,
+        "flex w-full flex-col gap-2"
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { size: variantProps.size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsx(
+          DateInput,
+          {
+            ...variantProps,
+            ...inputProps,
+            className: classNames?.input ?? inputProps?.className
+          }
+        ),
+        description && /* @__PURE__ */ jsx(
+          Description,
+          {
+            size: variantProps.size,
+            className: classNames?.description,
+            children: description
+          }
+        ),
+        /* @__PURE__ */ jsx(FieldError, { size: variantProps.size, className: classNames?.error, children: errorMessage })
+      ]
+    }
+  );
+}
+
+export { TimeField };

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

@@ -1,7 +1,6 @@
 import type { DateFieldProps as AriaDateFieldProps, DateInputProps as AriaDateInputProps, DateValue, ValidationResult } from "react-aria-components";
-import type { DateInputSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
-import { dateFieldStyles, dateInputStyles } from "@opengovsg/oui-theme";
-interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T>, VariantProps<typeof dateFieldStyles> {
+import type { DateInputVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T>, DateInputVariantProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
@@ -9,12 +8,11 @@ interface DateFieldProps<T extends DateValue> extends AriaDateFieldProps<T>, Var
     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> {
+export interface DateInputProps extends Omit<AriaDateInputProps, "children">, DateInputVariantProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
-    classNames?: SlotsToClasses<DateInputSlots>;
+    classNames?: SlotsToClasses<"base" | "segment">;
 }
 export declare function DateInput(originalProps: DateInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=date-field.d.ts.map

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;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"}
+{"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,qBAAqB,EACrB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAW7B,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CACjD,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,qBAAqB;IACvB,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,2CAkDjC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAC1C,qBAAqB;IACvB,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,MAAM,GAAG,SAAS,CAAC,CAAA;CAChD;AAED,wBAAgB,SAAS,CAAC,aAAa,EAAE,cAAc,2CAoCtD"}

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,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"}
+{"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,2CAqFlC"}

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,qBAAqB,EACtB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAQ3D,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,SAAS,CACvD,SAAQ,wBAAwB,CAAC,CAAC,CAAC,EACjC,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,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,kBAAkB,CAAC,CAAC,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;QAClD,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,EACjD,aAAa,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgGvC"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAS9B,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,qBAAqB,EACtB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAQ3D,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,SAAS,CACvD,SAAQ,wBAAwB,CAAC,CAAC,CAAC,EACjC,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,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,kBAAkB,CAAC,CAAC,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,mBAAmB,CAAC,EAAE,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;QAClD,QAAQ,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;KACzC,CAAA;CACF;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,EACjD,aAAa,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkGvC"}

package/dist/types/index.d.mts

@@ -32,4 +32,5 @@ export * from "./toast";
 export * from "./navbar";
 export * from "./avatar";
 export * from "./accordion";
+export * from "./time-field";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -32,4 +32,5 @@ export * from "./toast";
 export * from "./navbar";
 export * from "./avatar";
 export * from "./accordion";
+export * from "./time-field";
 //# 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;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,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;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}

package/dist/types/time-field/index.d.ts

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

package/dist/types/time-field/index.d.ts.map

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

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

@@ -0,0 +1,12 @@
+import type { TimeFieldProps as AriaTimeFieldProps, TimeValue, ValidationResult } from "react-aria-components";
+import type { DateInputVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { DateInputProps } from "../date-field";
+export interface TimeFieldProps<T extends TimeValue> extends AriaTimeFieldProps<T>, DateInputVariantProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode | null;
+    errorMessage?: React.ReactNode | ((validation: ValidationResult) => React.ReactNode);
+    inputProps?: Partial<DateInputProps>;
+    classNames?: SlotsToClasses<"base" | "label" | "input" | "description" | "error">;
+}
+export declare function TimeField<T extends TimeValue>(originalProps: TimeFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=time-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../src/time-field/time-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACT,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CACjD,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,qBAAqB;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IACpC,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACpC,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,2CAkDjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -50,7 +50,7 @@
     "storybook": "10.1.10",
     "tsx": "^4.21.0",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.39",
+    "@opengovsg/oui-theme": "0.0.40",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
@@ -88,7 +88,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.14.0",
-    "@opengovsg/oui-theme": "0.0.39"
+    "@opengovsg/oui-theme": "0.0.40"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",