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

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

@@ -4,15 +4,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { composeRenderProps } from 'react-aria-components';
 import { tagFieldStyles } from '@opengovsg/oui-theme';
+import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
+import { Popover } from '../popover/popover.js';
 import { TagFieldItem } from './tag-field-item.js';
 import { TagFieldList } from './tag-field-list.js';
 import { TagFieldRoot } from './tag-field-root.js';
 import { TagFieldTagList } from './tag-field-tag-list.js';
 import { TagFieldTrigger } from './tag-field-trigger.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 { Label, FieldGroup, Description, FieldError } from '../field/field.js';
-import { Input } from '../input/input.js';
-import { Popover } from '../popover/popover.js';
 
 function TagField({
   classNames,

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

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { TextArea } from '../text-area/text-area.js';
 import { Label, Description, FieldError } from '../field/field.js';
+import { TextArea } from '../text-area/text-area.js';
 
 function TextAreaField({
   label,

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

@@ -3,8 +3,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { TextField as TextField$1 } from 'react-aria-components';
 import { composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Input } from '../input/input.js';
 import { Label, Description, FieldError } from '../field/field.js';
+import { Input } from '../input/input.js';
 
 function TextField({
   label,

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/hooks/index.d.ts

@@ -1,2 +1,5 @@
-export * from "./use-controllable-state";
+export { useControllableState } from "./use-controllable-state";
+export { useDraggable } from "./use-draggable";
+export type { UseControllableStateProps } from "./use-controllable-state";
+export type { UseDraggableProps } from "./use-draggable";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AACzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/types/hooks/use-draggable.d.ts

@@ -0,0 +1,24 @@
+import type { MoveResult } from "@react-aria/interactions";
+export interface UseDraggableProps {
+    /**
+     * Ref to the moving target DOM node.
+     */
+    targetRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Whether to disable the target is draggable.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the target can overflow the viewport.
+     * @default false
+     */
+    canOverflow?: boolean;
+}
+/**
+ * A hook to make a target draggable.
+ * @param props UseDraggableProps
+ * @returns MoveResult for the drag DOM node.
+ */
+export declare function useDraggable(props: UseDraggableProps): MoveResult;
+//# sourceMappingURL=use-draggable.d.ts.map

package/dist/types/hooks/use-draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-draggable.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-draggable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAIzE,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC/C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,UAAU,CAmGjE"}

package/dist/types/index.d.mts

@@ -27,4 +27,5 @@ export * from "./checkbox";
 export * from "./pagination";
 export * from "./file-dropzone";
 export * from "./number-field";
+export * from "./modal";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -27,4 +27,5 @@ export * from "./checkbox";
 export * from "./pagination";
 export * from "./file-dropzone";
 export * from "./number-field";
+export * from "./modal";
 //# 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"}
+{"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"}

package/dist/types/modal/i18n.d.ts

@@ -0,0 +1,3 @@
+import type { LocalizedStrings } from "react-aria";
+export declare const i18nStrings: LocalizedStrings;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/modal/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/modal/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,eAAO,MAAM,WAAW,EAAE,gBAazB,CAAA"}

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

@@ -0,0 +1,12 @@
+export { Modal } from "./modal";
+export { ModalContent } from "./modal-content";
+export { ModalFooter } from "./modal-footer";
+export { ModalBody } from "./modal-body";
+export { ModalHeader } from "./modal-header";
+export type { ModalProps } from "./modal";
+export type { ModalContentProps } from "./modal-content";
+export type { ModalFooterProps } from "./modal-footer";
+export type { ModalBodyProps } from "./modal-body";
+export type { ModalHeaderProps } from "./modal-header";
+export { ModalVariantContext, useModalVariantContext, } from "./modal-variant-context";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EACL,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,yBAAyB,CAAA"}

package/dist/types/modal/modal-body.d.ts

@@ -0,0 +1,5 @@
+import type { HtmlUiProps } from "../system/types";
+export interface ModalBodyProps extends HtmlUiProps<"div"> {
+}
+export declare const ModalBody: import("../system/utils").InternalForwardRefRenderFunction<import("../system/types").As, ModalBodyProps, never>;
+//# sourceMappingURL=modal-body.d.ts.map

package/dist/types/modal/modal-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/modal/modal-body.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,cAAe,SAAQ,WAAW,CAAC,KAAK,CAAC;CAAG;AAE7D,eAAO,MAAM,SAAS,iHAiBpB,CAAA"}

package/dist/types/modal/modal-content.d.ts

@@ -0,0 +1,10 @@
+import type { DialogProps } from "react-aria-components";
+import type { ButtonProps } from "../button";
+export interface ModalContentProps extends Omit<DialogProps, "children"> {
+    children: React.ReactNode | ((onClose: () => void) => React.ReactNode);
+    closeButtonContent?: React.ReactNode;
+    hideCloseButton?: boolean;
+    closeButtonProps?: Omit<ButtonProps, "className" | "slot">;
+}
+export declare function ModalContent({ closeButtonContent: closeButtonContentProp, hideCloseButton, closeButtonProps, ...props }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-content.d.ts.map

package/dist/types/modal/modal-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../src/modal/modal-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAQxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK5C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACtE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC,CAAA;CAC3D;AAED,wBAAgB,YAAY,CAAC,EAC3B,kBAAkB,EAAE,sBAAsB,EAC1C,eAAe,EACf,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA2CnB"}

package/dist/types/modal/modal-footer.d.ts

@@ -0,0 +1,5 @@
+import type { HtmlUiProps } from "../system/types";
+export interface ModalFooterProps extends HtmlUiProps<"footer"> {
+}
+export declare const ModalFooter: import("../system/utils").InternalForwardRefRenderFunction<import("../system/types").As, ModalFooterProps, never>;
+//# sourceMappingURL=modal-footer.d.ts.map

package/dist/types/modal/modal-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer.d.ts","sourceRoot":"","sources":["../../../src/modal/modal-footer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,QAAQ,CAAC;CAAG;AAElE,eAAO,MAAM,WAAW,mHAgBtB,CAAA"}

package/dist/types/modal/modal-header.d.ts

@@ -0,0 +1,5 @@
+import type { HeadingProps } from "react-aria-components";
+export interface ModalHeaderProps extends HeadingProps {
+}
+export declare function ModalHeader(props: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-header.d.ts.map

package/dist/types/modal/modal-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/modal/modal-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AASzD,MAAM,WAAW,gBAAiB,SAAQ,YAAY;CAAG;AAEzD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAYlD"}

package/dist/types/modal/modal-variant-context.d.ts

@@ -0,0 +1,8 @@
+import type { ModalSlots, modalStyles, ModalVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface ModalVariantContextValue extends ModalVariantProps {
+    classNames?: SlotsToClasses<ModalSlots>;
+    slots: ReturnType<typeof modalStyles>;
+    buttonSize: "md" | "lg";
+}
+export declare const ModalVariantContext: import("react").Context<ModalVariantContextValue>, useModalVariantContext: () => ModalVariantContextValue;
+//# sourceMappingURL=modal-variant-context.d.ts.map

package/dist/types/modal/modal-variant-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-variant-context.d.ts","sourceRoot":"","sources":["../../../src/modal/modal-variant-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAI7B,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACvC,KAAK,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IACrC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAA;CACxB;AAED,eAAO,MAAO,mBAAmB,qDAAE,sBAAsB,gCAIrD,CAAA"}

package/dist/types/modal/modal.d.ts

@@ -0,0 +1,8 @@
+import type { ModalOverlayProps } from "react-aria-components";
+import type { ModalSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import { modalStyles } from "@opengovsg/oui-theme";
+export interface ModalProps extends ModalOverlayProps, VariantProps<typeof modalStyles> {
+    classNames?: SlotsToClasses<ModalSlots>;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAQ9D,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAsB,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAMtE,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,eAAO,MAAM,KAAK,uGAsDhB,CAAA"}

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

@@ -149,182 +149,182 @@ export declare function usePagination(originalProps: UsePaginationProps): {
     dotsJump: number;
     slots: {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.0-snapshot-20251201075851",
+  "version": "0.0.0-snapshot-20251203091804",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -41,16 +41,16 @@
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "csstype": "^3.1.3",
-    "eslint": "^9.20.1",
+    "eslint": "^9.39.1",
     "lucide-react": "^0.475.0",
     "motion": "^12.18.1",
     "prettier": "^3.5.3",
     "react": "^19.0.0",
     "react-aria-components": "^1.13.0",
     "storybook": "10.1.2",
-    "tsx": "^4.20.3",
+    "tsx": "^4.21.0",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20251201075851",
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20251203091804",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
@@ -87,7 +87,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.12.2",
-    "@opengovsg/oui-theme": "0.0.0-snapshot-20251201075851"
+    "@opengovsg/oui-theme": "0.0.0-snapshot-20251203091804"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",