@opengovsg/oui 0.0.0-snapshot-20250311073924

package/dist/esm/text-area/text-area.js

@@ -0,0 +1,26 @@
+"use strict";
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { composeRenderProps, textAreaStyles } from '@opengovsg/oui-theme';
+import { TextArea as TextArea$1 } from 'react-aria-components';
+
+const TextArea = forwardRef(
+  ({ size, variant, isDisabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      TextArea$1,
+      {
+        ...props,
+        disabled: isDisabled,
+        className: composeRenderProps(
+          props.className,
+          (className, renderProps) => textAreaStyles({ ...renderProps, className, size, variant })
+        ),
+        ref
+      }
+    );
+  }
+);
+TextArea.displayName = "TextArea";
+
+export { TextArea };

package/dist/esm/text-area-field/index.js

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

package/dist/esm/text-area-field/text-area-field.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { TextField } from 'react-aria-components';
+import { TextArea } from '../text-area/text-area.js';
+import { Label, Description, FieldError } from '../field/field.js';
+
+function TextAreaField({
+  label,
+  description,
+  errorMessage,
+  classNames,
+  className,
+  inputProps,
+  size,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    TextField,
+    {
+      ...props,
+      className: composeTailwindRenderProps(
+        className ?? classNames?.base,
+        "flex flex-col gap-2"
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            size,
+            variant,
+            className: classNames?.input,
+            ...inputProps
+          }
+        ),
+        description && /* @__PURE__ */ jsx(Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsx(FieldError, { size, className: classNames?.error, children: errorMessage })
+      ]
+    }
+  );
+}
+
+export { TextAreaField };

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

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

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

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { TextField as TextField$1 } from 'react-aria-components';
+import { Input } from '../input/input.js';
+import { Label, Description, FieldError } from '../field/field.js';
+
+function TextField({
+  label,
+  description,
+  errorMessage,
+  classNames,
+  className,
+  inputProps,
+  size,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    TextField$1,
+    {
+      ...props,
+      className: composeTailwindRenderProps(
+        className ?? classNames?.base,
+        "flex flex-col gap-2"
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { size, className: classNames?.label, children: label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size,
+            variant,
+            className: classNames?.input,
+            ...inputProps
+          }
+        ),
+        description && /* @__PURE__ */ jsx(Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsx(FieldError, { size, className: classNames?.error, children: errorMessage })
+      ]
+    }
+  );
+}
+
+export { TextField };

package/dist/esm/toggle/index.js

@@ -0,0 +1,2 @@
+"use strict";
+export { Toggle } from './toggle.js';

package/dist/esm/toggle/toggle.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useCallback, cloneElement } from 'react';
+import { toggleStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { mergeProps } from 'react-aria';
+import { Switch } from 'react-aria-components';
+import { mapPropsVariants } from '../system/utils.js';
+
+const Toggle = ({
+  children,
+  classNames,
+  thumbIcon,
+  ...originalProps
+}) => {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    toggleStyles.variantKeys
+  );
+  const slots = toggleStyles(variantProps);
+  const clonedThumbIcon = useCallback(
+    (renderProps) => {
+      const baseProps = {
+        className: slots.thumbIcon({ className: classNames?.thumbIcon })
+      };
+      return typeof thumbIcon === "function" ? thumbIcon(mergeProps(baseProps, renderProps)) : thumbIcon && cloneElement(thumbIcon, baseProps);
+    },
+    [classNames?.thumbIcon, slots, thumbIcon]
+  );
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      ...props,
+      className: composeTailwindRenderProps(
+        props.className ?? classNames?.base,
+        slots.base()
+      ),
+      children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: slots.track({ className: classNames?.track }), children: /* @__PURE__ */ jsx("span", { className: slots.thumb({ className: classNames?.thumb }), children: thumbIcon && clonedThumbIcon(renderProps) }) }),
+        children
+      ] })
+    }
+  );
+};
+
+export { Toggle };

package/dist/types/banner/banner.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+import { BannerSlots, bannerStyles, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import { AriaDisclosureProps } from "react-aria";
+interface BannerProps extends VariantProps<typeof bannerStyles>, AriaDisclosureProps {
+    /**
+     * The banner start content. Will default to the relevant icons based on the `variant` prop.
+     */
+    startContent?: React.ReactNode;
+    children: ReactNode;
+    /**
+     * If provided, the dismiss button will be rendered.
+     */
+    isDismissable?: boolean;
+    className?: string;
+    classNames?: SlotsToClasses<BannerSlots>;
+}
+export declare const Banner: ({ variant, size, children, isDismissable, startContent: startContentProp, className, classNames, defaultExpanded, ...disclosureProps }: BannerProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAClD,OAAO,EACL,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,mBAAmB,EAIpB,MAAM,YAAY,CAAA;AAKnB,UAAU,WACR,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,mBAAmB;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACzC;AAiBD,eAAO,MAAM,MAAM,2IAUhB,WAAW,mDA6Eb,CAAA"}

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

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

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

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

package/dist/types/button/button.d.ts

@@ -0,0 +1,48 @@
+import type { VariantProps } from "@opengovsg/oui-theme";
+import type { ButtonProps as AriaButtonProps } from "react-aria-components";
+import { buttonStyles } from "@opengovsg/oui-theme";
+interface _ButtonProps extends Omit<AriaButtonProps, "children">, VariantProps<typeof buttonStyles> {
+    /**
+     * Whether the button should display a ripple effect on press.
+     * @defaultValue false
+     */
+    disableRipple?: boolean;
+    children: React.ReactNode;
+    /**
+     * The button start content.
+     */
+    startContent?: React.ReactNode;
+    /**
+     * The button end content.
+     */
+    endContent?: React.ReactNode;
+    /**
+     * Spinner to display when loading.
+     * @defaultValue \@opengovsg/oui/components/spinner
+     */
+    spinner?: React.ReactNode;
+    /**
+     * Text to show when the button is loading.
+     * If not provided, the button will only show the loading spinner.
+     */
+    loadingText?: string;
+    /**
+     * The spinner placement.
+     * @defaultValue "start"
+     */
+    spinnerPlacement?: "start" | "end";
+}
+export type ButtonProps = Omit<_ButtonProps, "aria-label"> & ({
+    isIconOnly: true;
+    "aria-label": string;
+} | {
+    isIconOnly?: false;
+    "aria-label"?: string;
+});
+/**
+ * You probably do not want to use this component if you are rendering a link.
+ * Use `LinkButton` component instead.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQnD,UAAU,YACR,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GACxD,CACI;IAAE,UAAU,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAChD,CAAA;AAEH;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}

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

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

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

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

package/dist/types/combo-box/combo-box-fuzzy.d.ts

@@ -0,0 +1,11 @@
+import { SlotsToClasses } from "@opengovsg/oui-theme";
+import { SetRequired } from "type-fest";
+import { ComboBoxItem, ComboBoxProps } from "./combo-box";
+export interface ComboBoxFuzzyProps<T extends ComboBoxItem = ComboBoxItem> extends SetRequired<ComboBoxProps<T>, "inputValue" | "onInputChange" | "onSelectionChange" | "selectedKey" | "items"> {
+    itemClassNames?: ComboBoxProps<T>["itemClassNames"] & SlotsToClasses<"highlight">;
+}
+/**
+ * Controlled variant of ComboBox, allows for fuzzy search and item highlight.
+ */
+export declare function ComboBoxFuzzy<T extends ComboBoxItem = ComboBoxItem>({ items, itemClassNames, onSelectionChange: onSelectionChangeProp, onInputChange: onInputChangeProp, ...props }: ComboBoxFuzzyProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=combo-box-fuzzy.d.ts.map

package/dist/types/combo-box/combo-box-fuzzy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box-fuzzy.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box-fuzzy.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC,OAAO,EAAY,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AA8BnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CACvE,SAAQ,WAAW,CACjB,aAAa,CAAC,CAAC,CAAC,EACd,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,aAAa,GACb,OAAO,CACV;IACD,cAAc,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,GACjD,cAAc,CAAC,WAAW,CAAC,CAAA;CAC9B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EACnE,KAAK,EACL,cAAc,EACd,iBAAiB,EAAE,qBAAqB,EACxC,aAAa,EAAE,iBAAiB,EAChC,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAyEvB"}

package/dist/types/combo-box/combo-box.d.ts

@@ -0,0 +1,50 @@
+import React, { JSX } from "react";
+import { ComboBoxItemSlots, ComboBoxItemVariantProps, ComboBoxSlots, ComboBoxVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxProps, ListLayoutOptions, ValidationResult } from "react-aria-components";
+export type ComboBoxItem = {
+    value: string;
+    name: string;
+    description?: string;
+};
+export interface ComboBoxProps<T extends ComboBoxItem = ComboBoxItem> extends ComboBoxVariantProps, Omit<AriaComboBoxProps<T>, "children"> {
+    label?: string;
+    /** The list of ComboBox items (uncontrolled). */
+    defaultItems?: T[];
+    /** The list of ComboBox items (controlled). */
+    items?: T[];
+    description?: string | null;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<ComboBoxSlots> & SlotsToClasses<"clearButton" | "emptyState">;
+    itemClassNames?: SlotsToClasses<ComboBoxItemSlots>;
+    /**
+     * Any additional props to be spread to the list layout.
+     */
+    listLayoutOptions?: ListLayoutOptions;
+    children?: (item: T) => JSX.Element;
+    /** Values that should invalidate the item cache when using dynamic collections. */
+    dependencies?: ListBoxProps<T>["dependencies"];
+    /**
+     * If provided, a clear button will be rendered next to the expand button.
+     *
+     * This callback will be called when the clear button is clicked.
+     *
+     * To use this, this component must be a controlled component with externally
+     * handled `inputValue`, `onInputChange`, `selectedKey` and `onSelectionChange` state.
+     */
+    onClear?: () => void;
+    renderEmptyState?: ListBoxProps<T>["renderEmptyState"];
+}
+export declare function ComboBoxEmptyState({ size, className, }: Pick<ComboBoxVariantProps, "size"> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBox<T extends ComboBoxItem>({ label, description, errorMessage, classNames, itemClassNames, size, listLayoutOptions, children, dependencies, onClear, renderEmptyState: renderEmptyStateProp, ...props }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface ComboBoxItemProps extends ListBoxItemProps, ComboBoxItemVariantProps {
+    label: React.ReactNode | ((props: ListBoxItemRenderProps) => React.ReactNode);
+    /**
+     * Description for the item, if any
+     */
+    description?: React.ReactNode | ((props: ListBoxItemRenderProps) => React.ReactNode);
+    classNames?: SlotsToClasses<ComboBoxItemSlots>;
+}
+export declare function ComboBoxItem({ className, size, description, label, classNames, ...props }: ComboBoxItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=combo-box.d.ts.map

package/dist/types/combo-box/combo-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-box.d.ts","sourceRoot":"","sources":["../../../src/combo-box/combo-box.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAwB,MAAM,OAAO,CAAA;AACxD,OAAO,EAGL,iBAAiB,EAEjB,wBAAwB,EACxB,aAAa,EAEb,oBAAoB,EAGpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EAGL,aAAa,IAAI,iBAAiB,EAIlC,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EAEZ,iBAAiB,EAKjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAI9B,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,CAClE,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,EAAE,CAAA;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,GACxC,cAAc,CAAC,aAAa,GAAG,YAAY,CAAC,CAAA;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IAEnC,mFAAmF;IACnF,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;IAE9C;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB,gBAAgB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAA;CACvD;AAkCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,GACV,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAY7D;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,cAAc,EACd,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,gBAAgB,EAAE,oBAAoB,EACtC,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CAwJlB;AAED,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,wBAAwB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAC7E;;OAEG;IACH,WAAW,CAAC,EACR,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqCnB"}

package/dist/types/combo-box/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./combo-box";
+export * from "./combo-box-fuzzy";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/combo-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combo-box/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

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

@@ -0,0 +1,14 @@
+import { DescriptionVariantProps, FieldErrorSlots, FieldErrorVariantProps, LabelVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import { FieldErrorProps as AriaFieldErrorProps, LabelProps as AriaLabelProps, GroupProps, TextProps } from "react-aria-components";
+export interface LabelProps extends AriaLabelProps, LabelVariantProps {
+}
+export declare function Label({ size, className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export interface DescriptionProps extends TextProps, DescriptionVariantProps {
+}
+export declare function Description({ size, className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+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 FieldGroup(props: GroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,uBAAuB,EACvB,eAAe,EAEf,sBAAsB,EAGtB,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EAEL,eAAe,IAAI,mBAAmB,EAEtC,UAAU,IAAI,cAAc,EAE5B,UAAU,EAEV,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,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"}

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

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

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

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

package/dist/types/govt-banner/govt-banner.d.ts

@@ -0,0 +1,39 @@
+import type { GovtBannerSlots, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { DisclosureProps } from "react-stately";
+import type { LiteralUnion } from "type-fest";
+interface GovtBannerProps extends DisclosureProps {
+    /**
+     * The environment of the application. If provided, the banner will display a note indicating the environment:
+     * ```
+     * [NOTE: THIS IS A {environment} WEBSITE]
+     * ```
+     */
+    environment?: LiteralUnion<"production" | "staging" | "uat" | "preview", string>;
+    /**
+     * List of classes to change the className of the element.
+     *
+     * @example
+     * ```text
+     * Component: GovtBanner
+     *
+     * Class names:
+     * - banner: the wrapper of the full government banner component,
+     * - mainContentContainer: the wrapper of the main content of the banner
+     * - crest: the SVG of the government crest
+     * - mainContent: the main content of the banner
+     * - link: link stylings
+     * - identifyButton: for the "how to identify" button
+     * - chevron: the chevron icon beside the "how to identify" button
+     * - panel: the wrapper for the panel that appears when the "how to identify" button is clicked
+     * - panelGroup: the wrapper for the panel group containing the icon and the panel section
+     * - panelIcon: the icon in the panel group
+     * - panelSection: the wrapper for the panel section containing the header and content
+     * - panelHeader: the header in the panel section
+     * - inlineIcon: the icon in the panel content
+     * ```
+     */
+    classNames?: SlotsToClasses<GovtBannerSlots>;
+}
+export declare function GovtBanner({ environment, classNames, ...props }: GovtBannerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=govt-banner.d.ts.map

package/dist/types/govt-banner/govt-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"govt-banner.d.ts","sourceRoot":"","sources":["../../../src/govt-banner/govt-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAa7C,UAAU,eAAgB,SAAQ,eAAe;IAC/C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,CACxB,YAAY,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,EAC5C,MAAM,CACP,CAAA;IAED;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;CAC7C;AAsDD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,GAAG,KAAK,EACT,EAAE,eAAe,2CA2JjB"}

package/dist/types/govt-banner/index.d.ts

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

package/dist/types/govt-banner/index.d.ts.map

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

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

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

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

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

package/dist/types/hooks/use-callback-ref.d.ts

@@ -0,0 +1,6 @@
+/**
+ * This hook is user-land implementation of the experimental `useEffectEvent` hook.
+ * React docs: https://react.dev/learn/separating-events-from-effects#declaring-an-effect-event
+ */
+export declare function useCallbackRef<Args extends unknown[], Return>(callback: ((...args: Args) => Return) | undefined, deps?: React.DependencyList): (...args: Args) => Return | undefined;
+//# sourceMappingURL=use-callback-ref.d.ts.map

package/dist/types/hooks/use-callback-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-callback-ref.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-callback-ref.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,EAC3D,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,EACjD,IAAI,GAAE,KAAK,CAAC,cAAmB,aAWF,IAAI,wBAClC"}

package/dist/types/hooks/use-controllable-state.d.ts

@@ -0,0 +1,11 @@
+export interface UseControllableStateProps<T> {
+    value?: T;
+    defaultValue?: T | (() => T);
+    onChange?: (value: T) => void;
+    shouldUpdate?: (prev: T, next: T) => boolean;
+}
+/**
+ * The `useControllableState` hook returns the state and function that updates the state, just like React.useState does.
+ */
+export declare function useControllableState<T>(props: UseControllableStateProps<T>): [T, React.Dispatch<React.SetStateAction<T>>];
+//# sourceMappingURL=use-controllable-state.d.ts.map

package/dist/types/hooks/use-controllable-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAA;CAC7C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAiC7C,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CACzE"}

package/dist/types/index.d.mts

@@ -0,0 +1,16 @@
+export * from "./hooks";
+export * from "./button";
+export * from "./govt-banner";
+export * from "./ripple";
+export * from "./spinner";
+export * from "./toggle";
+export * from "./skip-nav-link";
+export * from "./input";
+export * from "./text-field";
+export * from "./field";
+export * from "./text-area";
+export * from "./text-area-field";
+export * from "./combo-box";
+export * from "./banner";
+export * from "./tag-field";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./hooks";
+export * from "./button";
+export * from "./govt-banner";
+export * from "./ripple";
+export * from "./spinner";
+export * from "./toggle";
+export * from "./skip-nav-link";
+export * from "./input";
+export * from "./text-field";
+export * from "./field";
+export * from "./text-area";
+export * from "./text-area-field";
+export * from "./combo-box";
+export * from "./banner";
+export * from "./tag-field";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/dist/types/input/input.d.ts

@@ -0,0 +1,9 @@
+import { inputStyles, VariantProps } from "@opengovsg/oui-theme";
+import { InputProps as AriaInputProps } from "react-aria-components";
+export interface InputProps extends VariantProps<typeof inputStyles>, Omit<AriaInputProps, "size"> {
+}
+/**
+ * This component should not be used by itself. Use the `TextField` component from `@opengovsg/oui/text-field` instead.
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,WAAW,EACX,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAEL,UAAU,IAAI,cAAc,EAC7B,MAAM,uBAAuB,CAAA;AAE9B,MAAM,WAAW,UACf,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC,EACtC,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;CAAG;AAEnC;;GAEG;AACH,eAAO,MAAM,KAAK,yGAejB,CAAA"}

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

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

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

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

package/dist/types/ripple/ripple.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from "react";
+import type { RippleType, UseRippleReturn } from "./use-ripple";
+export interface RippleProps {
+    ripples: RippleType[];
+    color?: CSSProperties["backgroundColor"];
+    style?: CSSProperties;
+    onClear: UseRippleReturn["onClear"];
+}
+export declare function Ripple({ ripples, style, onClear, color, }: RippleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ripple.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.d.ts","sourceRoot":"","sources":["../../../src/ripple/ripple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE/D,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;CACpC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAY,EACZ,KAAK,EACL,OAAO,EACP,KAAsB,GACvB,EAAE,WAAW,2CAyCb"}

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

@@ -0,0 +1,15 @@
+import type { Key } from "react";
+import type { PressEvent } from "react-aria-components";
+export interface RippleType {
+    key: React.Key;
+    x: number;
+    y: number;
+    size: number;
+}
+export declare const useRipple: () => {
+    ripples: RippleType[];
+    onPress: (event: PressEvent) => void;
+    onClear: (key: Key) => void;
+};
+export type UseRippleReturn = ReturnType<typeof useRipple>;
+//# sourceMappingURL=use-ripple.d.ts.map

package/dist/types/ripple/use-ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ripple.d.ts","sourceRoot":"","sources":["../../../src/ripple/use-ripple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAIvD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAA;IACd,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,SAAS;;qBAGgB,UAAU;mBAgBZ,GAAG;CAKtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/dist/types/skip-nav-link/index.d.ts

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

package/dist/types/skip-nav-link/index.d.ts.map

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

package/dist/types/skip-nav-link/skip-nav-link.d.ts

@@ -0,0 +1,11 @@
+import { AnchorHTMLAttributes } from "react";
+import { skipNavLinkStyles, VariantProps } from "@opengovsg/oui-theme";
+interface SkipNavLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "id" | "href">, VariantProps<typeof skipNavLinkStyles> {
+    /**
+     * The id of the element to skip to
+     */
+    id: string;
+}
+export declare const SkipNavLink: ({ className, id, ...props }: SkipNavLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=skip-nav-link.d.ts.map

package/dist/types/skip-nav-link/skip-nav-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-nav-link.d.ts","sourceRoot":"","sources":["../../../src/skip-nav-link/skip-nav-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEtE,UAAU,gBACR,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,EAClE,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX;AAED,eAAO,MAAM,WAAW,gCAAiC,gBAAgB,4CAQxE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}

package/dist/types/spinner/spinner.d.ts

@@ -0,0 +1,4 @@
+import type { UseSpinnerProps } from "./use-spinner";
+export type SpinnerProps = UseSpinnerProps;
+export declare const Spinner: import("../system/utils").InternalForwardRefRenderFunction<"div", UseSpinnerProps, never>;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/spinner/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIpD,MAAM,MAAM,YAAY,GAAG,eAAe,CAAA;AAE1C,eAAO,MAAM,OAAO,2FAWlB,CAAA"}