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

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

@@ -0,0 +1,82 @@
+import type { InputBase, Validation } from "@react-types/shared";
+import type { AriaFieldProps } from "react-aria";
+import type { DropzoneOptions } from "react-dropzone";
+import type { FileDropzoneSlots, FileInfoDropzoneSlots, SlotsToClasses, VariantProps } from "@opengovsg/oui-theme";
+import { fileDropzoneStyles } from "@opengovsg/oui-theme";
+import type { FileItem } from "./types";
+export interface FileItemsRenderProps {
+    file: FileItem;
+    removeFile: () => void;
+}
+export interface FileDropzoneProps extends Omit<AriaFieldProps, "validate">, InputBase, Validation<FileItem[]>, VariantProps<typeof fileDropzoneStyles> {
+    name?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    validator?: DropzoneOptions["validator"];
+    classNames?: SlotsToClasses<FileDropzoneSlots>;
+    itemClassNames?: SlotsToClasses<FileInfoDropzoneSlots>;
+    /** The current files (controlled). */
+    value?: FileItem[];
+    /** The default files (uncontrolled). */
+    defaultValue?: FileItem[];
+    /** Sets the controlled value. */
+    onChange?: (value: FileItem[]) => void;
+    /**
+     * Allowed MIME types for each file upload (e.g `image/png`, `text/html`, etc). Wildcards are also supported (e.g `image/*`).
+     *
+     * Defaults to allowing uploading of all MIME types.
+     */
+    allowedMimeTypes?: string[];
+    /**
+     * Maximum upload size of each file allowed in bytes. (e.g 1000 bytes = 1 KB)
+     * @default Number.POSITIVE_INFINITY
+     */
+    maxFileSize?: number;
+    /**
+     * Minimum upload size of each file allowed in bytes. (e.g 1000 bytes = 1 KB)
+     * @default 0
+     */
+    minFileSize?: number;
+    /**
+     * Whether to show file size information below the dropzone.
+     * @default true
+     */
+    showFileSizeText?: boolean;
+    /**
+     * Maximum number of files allowed per upload.
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Whether to show rejected files in the component.
+     */
+    showRejectedFiles?: boolean;
+    /**
+     * List of file rejections (controlled).
+     */
+    rejections?: FileItem[];
+    /**
+     * If provided, callback function will be called when files are rejected.
+     */
+    onRejection?: (rejections: FileItem[]) => void;
+    /**
+     * If provided, this function will be called with any error messages that occur during file validation.
+     * If there are multiple errors, only the first message will be passed to this function.
+     */
+    onError?: (errorMessage: string) => void;
+    children?: (values: FileItemsRenderProps) => React.ReactNode;
+    /**
+     * Whether to hide the dropzone when there is at least one file uploaded.
+     * @default true if maxFiles is 1, false otherwise
+     */
+    hideDropzoneOnValue?: boolean;
+    /**
+     * If provided, the image preview will be shown in the given size variant.
+     * If `null`, no image preview will be shown.
+     * @default "small"
+     */
+    imagePreview?: "small" | "large" | null;
+}
+export declare const FileDropzone: (originalProps: FileDropzoneProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-dropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/file-dropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,eAAe,EAA4B,MAAM,gBAAgB,CAAA;AAe/E,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAY,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAavC,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,QAAQ,CAAA;IACd,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EACtC,SAAS,EACT,UAAU,CAAC,QAAQ,EAAE,CAAC,EACtB,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE9B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAA;IACtD,sCAAsC;IACtC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,wCAAwC;IACxC,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAA;IACzB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAA;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;IAC9C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAA;IAE5D;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;CACxC;AAED,eAAO,MAAM,YAAY,kBAAmB,iBAAiB,4CAwQ5D,CAAA"}

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

@@ -0,0 +1,9 @@
+import type { FileInfoDropzoneSlots, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { FileItem } from "./types";
+export interface FileInfoProps {
+    file: FileItem;
+    imagePreview?: "small" | "large" | null;
+    classNames?: SlotsToClasses<FileInfoDropzoneSlots>;
+}
+export declare const FileInfo: ({ file, imagePreview, classNames }: FileInfoProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-info.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-info.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/file-info.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAQvC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAA;CACnD;AAED,eAAO,MAAM,QAAQ,uCAAwC,aAAa,4CA0HzE,CAAA"}

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

@@ -0,0 +1,7 @@
+export { FileDropzone } from "./file-dropzone";
+export { FileInfo } from "./file-info";
+export type { FileInfoProps } from "./file-info";
+export type { FileDropzoneProps, FileItemsRenderProps } from "./file-dropzone";
+export type { FileItem } from "./types";
+export { formatBytes, formatErrorMessage } from "./utils";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAE9E,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,24 @@
+import type { DropzoneState, FileError } from "react-dropzone";
+import type { FileDropzoneSlots, fileDropzoneStyles, FileDropzoneVariantProps, FileInfoDropzoneSlots, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface FileItem extends File {
+    errors?: readonly FileError[];
+}
+export interface FileDropzoneState extends Omit<DropzoneState, "getInputProps"> {
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    inputProps: ReturnType<DropzoneState["getInputProps"]>;
+    triggerFileSelector: () => void | null;
+    maxFiles: number;
+    maxFileSize: number;
+    showDropzone: boolean;
+    files: FileItem[];
+    handleRemoveFile: (fileName: string) => void;
+    handleRemoveRejection: (fileName: string) => void;
+    formatError: (error: FileError) => string;
+}
+export interface FileDropzoneStyleContextReturn extends FileDropzoneVariantProps {
+    slots: ReturnType<typeof fileDropzoneStyles>;
+    classNames?: SlotsToClasses<FileDropzoneSlots>;
+    itemClassNames?: SlotsToClasses<FileInfoDropzoneSlots>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE9D,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,EACrB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,QAAS,SAAQ,IAAI;IACpC,MAAM,CAAC,EAAE,SAAS,SAAS,EAAE,CAAA;CAC9B;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;IACtD,mBAAmB,EAAE,MAAM,IAAI,GAAG,IAAI,CAAA;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,qBAAqB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAA;CAC1C;AAED,MAAM,WAAW,8BACf,SAAQ,wBAAwB;IAChC,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAA;CACvD"}

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

@@ -0,0 +1,8 @@
+import type { FileRejection } from "react-dropzone";
+export declare const formatBytes: (bytes: number, decimals?: number, size?: "bytes" | "KB" | "MB" | "GB" | "TB" | "PB" | "EB" | "ZB" | "YB") => string;
+export declare const formatErrorMessage: (error: FileRejection["errors"][number], config: {
+    maxFileSize: number;
+    minFileSize: number;
+    maxFiles: number;
+}) => string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/file-dropzone/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAGnD,eAAO,MAAM,WAAW,UACf,MAAM,4BAEN,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,WAavE,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,UAC9B;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,WAgBvE,CAAA"}

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

@@ -25,4 +25,7 @@ export * from "./date-picker";
 export * from "./date-range-picker";
 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

@@ -25,4 +25,7 @@ export * from "./date-picker";
 export * from "./date-range-picker";
 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"}
+{"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/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAMrD,CAAA;AACF,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA4CD,eAAO,MAAM,IAAI,GA1CE,CAAC,SAAS,MAAM,0EAgBhC,MAAO,SA0BsC,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,kGA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EArMvC,MAAO,SA2OoD,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,gEAC6ioD,MAAO,aAAa,wDAD5ioD,CAAA"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,IAAI,aAAa,EAC1B,gBAAgB,IAAI,oBAAoB,EACxC,YAAY,EAEZ,cAAc,EACf,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAIL,WAAW,IAAI,eAAe,EAQ/B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAO,kBAAkB,gEAAE,qBAAqB,2CAMrD,CAAA;AACF,MAAM,WAAW,SAAS,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACtE,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AA4CD,eAAO,MAAM,IAAI,GA1CE,CAAC,SAAS,MAAM,0EAgBhC,MAAO,SA0BsC,CAAA;AAEhD,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,uBAAuB;IACzB,UAAU,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAA;IACjD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAC9C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,kGA+HnB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,2CASlD;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,CACjC,SAAQ,oBAAoB,CAAC,CAAC,CAAC,EAC7B,uBAAuB;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,CAAC,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,CAAA;CACrD;AAwCD,eAAO,MAAM,WAAW,GAtCE,CAAC,SAAS,MAAM,8EArMvC,MAAO,SA2OoD,CAAA;AAE9D,eAAO,MAAM,WAAW,wBAAkB,CAAA;AAC1C,eAAO,MAAM,cAAc,gEACmytD,MAAO,aAAa,wDADlytD,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/number-field/index.d.ts

@@ -0,0 +1,3 @@
+export { NumberField } from "./number-field";
+export type { NumberFieldProps } from "./number-field";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/number-field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA"}

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

@@ -0,0 +1,24 @@
+import type { NumberFieldProps as AriaNumberFieldProps, ValidationResult } from "react-aria-components";
+import type { NumberFieldSlots, NumberFieldVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { InputProps } from "../input";
+export interface NumberFieldProps extends AriaNumberFieldProps, NumberFieldVariantProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<NumberFieldSlots>;
+    inputProps?: Partial<InputProps>;
+    /**
+     * If true, hides the stepper buttons
+     */
+    hideSteppers?: boolean;
+    /**
+     * Content to be displayed at the start of the input field
+     */
+    startContent?: React.ReactNode;
+    /**
+     * Content to be displayed at the end of the input field
+     */
+    endContent?: React.ReactNode;
+}
+export declare function NumberField(originalProps: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=number-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,IAAI,oBAAoB,EACxC,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAS7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAM1C,MAAM,WAAW,gBACf,SAAQ,oBAAoB,EAC1B,uBAAuB;IACzB,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;IAElE,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAE7C,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,wBAAgB,WAAW,CAAC,aAAa,EAAE,gBAAgB,2CAgH1D"}

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;