@opengovsg/oui 0.0.0-snapshot-20251203100754 → 0.0.0-snapshot-20260126025301

package/dist/types/navbar/navbar-context.d.ts

@@ -0,0 +1,182 @@
+export declare const NavbarProvider: import("react").Context<{
+    Component: import("../system/types").As<any>;
+    slots: {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {};
+    domRef: import("react").RefObject<HTMLElement | null>;
+    menuTopOffset: number;
+    menuTopOffsetPx: string;
+    isNavbarHidden: boolean;
+    shouldShowOnScrollUp: boolean;
+    isMenuOpen: boolean;
+    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"toggle" | "content" | "base" | "wrapper" | "item" | "brand" | "menu" | "menuItem" | "toggleIcon"> | undefined;
+    setIsMenuOpen: (value: boolean, ...args: any[]) => void;
+    menuRef: import("react").RefObject<HTMLButtonElement | null>;
+    getBaseProps: import("../system/types").PropGetter;
+    getWrapperProps: import("../system/types").PropGetter;
+    position: "static" | "sticky";
+    motionProps: Omit<import("motion/react").HTMLMotionProps<"nav">, "ref"> | undefined;
+}>, useNavbarContext: () => {
+    Component: import("../system/types").As<any>;
+    slots: {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {};
+    domRef: import("react").RefObject<HTMLElement | null>;
+    menuTopOffset: number;
+    menuTopOffsetPx: string;
+    isNavbarHidden: boolean;
+    shouldShowOnScrollUp: boolean;
+    isMenuOpen: boolean;
+    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"toggle" | "content" | "base" | "wrapper" | "item" | "brand" | "menu" | "menuItem" | "toggleIcon"> | undefined;
+    setIsMenuOpen: (value: boolean, ...args: any[]) => void;
+    menuRef: import("react").RefObject<HTMLButtonElement | null>;
+    getBaseProps: import("../system/types").PropGetter;
+    getWrapperProps: import("../system/types").PropGetter;
+    position: "static" | "sticky";
+    motionProps: Omit<import("motion/react").HTMLMotionProps<"nav">, "ref"> | undefined;
+};
+//# sourceMappingURL=navbar-context.d.ts.map

package/dist/types/navbar/navbar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-context.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-context.ts"],"names":[],"mappings":"AAKA,eAAO,MAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM1C,CAAA"}

package/dist/types/navbar/navbar-item.d.ts

@@ -0,0 +1,11 @@
+import type { HtmlUiProps } from "../system/types";
+export interface NavbarItemProps extends HtmlUiProps<"li"> {
+    children?: React.ReactNode;
+    /**
+     * Whether the item is active or not.
+     * @default false
+     */
+    isActive?: boolean;
+}
+export declare const NavbarItem: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarItemProps, never>;
+//# sourceMappingURL=navbar-item.d.ts.map

package/dist/types/navbar/navbar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-item.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,2FAkBrB,CAAA"}

package/dist/types/navbar/navbar-menu/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/navbar/navbar-menu/i18n.d.ts.map

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

package/dist/types/navbar/navbar-menu/item.d.ts

@@ -0,0 +1,16 @@
+import type { ClassNameOrFunction } from "@opengovsg/oui-theme";
+import type { HtmlUiProps } from "../../system/types";
+export interface NavbarMenuItemRenderProps {
+    isActive: boolean;
+}
+export interface NavbarMenuItemProps extends Omit<HtmlUiProps<"li">, "className"> {
+    /**
+     * Whether the item is active or not.
+     * @default false
+     */
+    isActive?: boolean;
+    children?: React.ReactNode;
+    className?: ClassNameOrFunction<NavbarMenuItemRenderProps>;
+}
+export declare const NavbarMenuItem: import("../../system/utils").InternalForwardRefRenderFunction<"li", NavbarMenuItemProps, never>;
+//# sourceMappingURL=item.d.ts.map

package/dist/types/navbar/navbar-menu/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKrD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;CAC3D;AAED,eAAO,MAAM,cAAc,iGAgC1B,CAAA"}

package/dist/types/navbar/navbar-menu/menu.d.ts

@@ -0,0 +1,11 @@
+import type { HtmlUiProps } from "../../system/types";
+export interface NavbarMenuProps extends HtmlUiProps<"ul"> {
+    children?: React.ReactNode;
+    /**
+     * The container element in which the navbar menu overlay portal will be placed.
+     * @default below the navbar element
+     */
+    portalContainer?: Element;
+}
+export declare const NavbarMenu: import("../../system/utils").InternalForwardRefRenderFunction<"ul", NavbarMenuProps, never>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/types/navbar/navbar-menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAKrD,MAAM,WAAW,eAAgB,SAAQ,WAAW,CAAC,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,UAAU,6FAoDtB,CAAA"}

package/dist/types/navbar/navbar-menu/toggle.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { ToggleButtonProps } from "react-aria-components";
+import type { ButtonVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+export interface NavbarMenuToggleProps extends ToggleButtonProps, Pick<ButtonVariantProps, "size" | "radius" | "isIconOnly"> {
+    /**
+     * The icon to display.
+     */
+    icon?: ReactNode | ((isOpen: boolean) => ReactNode) | null;
+    classNames?: SlotsToClasses<"toggle" | "toggleIcon">;
+}
+export declare const NavbarMenuToggle: ({ icon, className, onChange, classNames, size, radius, isIconOnly, ...props }: NavbarMenuToggleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/types/navbar/navbar-menu/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/navbar/navbar-menu/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAK9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM9E,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,IAAI,CAAA;IAC1D,UAAU,CAAC,EAAE,cAAc,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,gBAAgB,kFAS1B,qBAAqB,4CAkFvB,CAAA"}

package/dist/types/navbar/navbar.d.ts

@@ -0,0 +1,6 @@
+import type { UseNavbarProps } from "./use-navbar";
+export interface NavbarProps extends UseNavbarProps {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const Navbar: import("../system/utils").InternalForwardRefRenderFunction<"div", NavbarProps, never>;
+//# sourceMappingURL=navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../src/navbar/navbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;CAC/C;AAiBD,eAAO,MAAM,MAAM,uFAoCjB,CAAA"}

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

@@ -0,0 +1,163 @@
+import type { HTMLMotionProps } from "motion/react";
+import type { NavbarSlots, NavbarVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { ReactRef } from "../system/react-utils";
+import type { HtmlUiProps, PropGetter } from "../system/types";
+interface Props extends HtmlUiProps<"nav"> {
+    /**
+     * Ref to the DOM node.
+     */
+    ref?: ReactRef<HTMLElement | null>;
+    /**
+     * The parent element where the navbar is placed within.
+     * This is used to determine the scroll position for `shouldShowOnScrollUp`.
+     * @default `window`
+     */
+    parentRef?: React.RefObject<HTMLElement>;
+    /**
+     * The height of the navbar.
+     * @default "4rem" (64px)
+     */
+    height?: number | string;
+    /**
+     * Whether the menu is open.
+     * @default false
+     */
+    isMenuOpen?: boolean;
+    /**
+     * Whether the menu should be open by default.
+     * @default false
+     */
+    isMenuDefaultOpen?: boolean;
+    /**
+     * Whether the navbar should show up when user is scrolling up or not.
+     * Will only take effect if the `position` of the navbar is set to `static`.
+     * @default false
+     */
+    shouldShowOnScrollUp?: boolean;
+    /**
+     * Whether the navbar parent scroll event should be listened to or not.
+     * @default false
+     */
+    disableScrollHandler?: boolean;
+    /**
+     * The scroll event handler for the navbar. The event fires when the navbar parent element is scrolled.
+     * it only works if `disableScrollHandler` is set to `false` or `shouldShowOnScrollUp` is set to `true`.
+     */
+    onScrollPositionChange?: (scrollPosition: number) => void;
+    /**
+     * Whether the navbar should block scroll when the menu is open or not.
+     * @default true
+     */
+    shouldBlockScroll?: boolean;
+    /**
+     * The props to modify motion animation. Use the `variants` API to create your own animation.
+     * This motion is only available if the `shouldShowOnScrollUp` prop is set to `true`.
+     */
+    motionProps?: Omit<HTMLMotionProps<"nav">, "ref">;
+    /**
+     * The event handler for the menu open state.
+     * @param isOpen boolean
+     * @returns void
+     */
+    onMenuOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Classname or List of classes to change the classNames of the element.
+     * if `className` is passed, it will be added to the base slot.
+     */
+    classNames?: SlotsToClasses<NavbarSlots>;
+}
+export type UseNavbarProps = Props & NavbarVariantProps;
+export declare function useNavbar(originalProps: UseNavbarProps): {
+    Component: import("../system/types").As<any>;
+    slots: {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        wrapper: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        toggleIcon: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        brand: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        item: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menu: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+        menuItem: (slotProps?: ({
+            position?: "static" | "sticky" | undefined;
+            hasBorder?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
+    } & {};
+    domRef: import("react").RefObject<HTMLElement | null>;
+    menuTopOffset: number;
+    menuTopOffsetPx: string;
+    isNavbarHidden: boolean;
+    shouldShowOnScrollUp: boolean;
+    isMenuOpen: boolean;
+    classNames: SlotsToClasses<"toggle" | "content" | "base" | "wrapper" | "item" | "brand" | "menu" | "menuItem" | "toggleIcon"> | undefined;
+    setIsMenuOpen: (value: boolean, ...args: any[]) => void;
+    menuRef: import("react").RefObject<HTMLButtonElement | null>;
+    getBaseProps: PropGetter;
+    getWrapperProps: PropGetter;
+    position: "static" | "sticky";
+    motionProps: Omit<HTMLMotionProps<"nav">, "ref"> | undefined;
+};
+export type UseNavbarReturn = ReturnType<typeof useNavbar>;
+export {};
+//# sourceMappingURL=use-navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-navbar.d.ts","sourceRoot":"","sources":["../../../src/navbar/use-navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAMnD,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAQ9D,UAAU,KAAM,SAAQ,WAAW,CAAC,KAAK,CAAC;IACxC;;OAEG;IACH,GAAG,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;IACjD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,kBAAkB,CAAA;AAEvD,wBAAgB,SAAS,CAAC,aAAa,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HtD;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/dist/types/range-calendar/range-calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,YAAY,EAIb,MAAM,yBAAyB,CAAA;AAahC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAe7B,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,CACrD,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACvC,sBAAsB,CAAC,CAAC,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,SAAS,mFAlCE,MAAO,SAoJ5B,CAAA;AAEF,eAAO,MAAM,yBAAyB,kBAEnC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,YAAY,gEAKrD;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACzD,4CAuDA,CAAA"}
+{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,iBAAiB,EACjB,SAAS,EACV,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,YAAY,EAIb,MAAM,yBAAyB,CAAA;AAahC,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAe7B,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,CACrD,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACvC,sBAAsB,CAAC,CAAC,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAA;IAE1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAA;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE/B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,SAAS,mFAnCE,MAAO,SAqJ5B,CAAA;AAEF,eAAO,MAAM,yBAAyB,kBAEnC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,4CAQA,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,YAAY,gEAKrD;IACD,IAAI,EAAE,YAAY,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACzD,4CAuDA,CAAA"}

package/dist/types/select/select-item.d.ts

@@ -1,9 +1,8 @@
 import type { ReactElement } from "react";
 import type { ListBoxItemProps } from "react-aria-components";
 import type { SelectItemVariantProps, SelectItemVariantSlots, SlotsToClasses } from "@opengovsg/oui-theme";
-interface SelectItemProps<T extends object> extends ListBoxItemProps<T>, SelectItemVariantProps {
+export interface SelectItemProps<T extends object> extends ListBoxItemProps<T>, SelectItemVariantProps {
     classNames?: SlotsToClasses<SelectItemVariantSlots>;
 }
 export declare const SelectItem: <T extends object>(props: SelectItemProps<T>) => ReactElement;
-export {};
 //# sourceMappingURL=select-item.d.ts.map

package/dist/types/select/select-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/select/select-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM,CACxC,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,sBAAsB;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAA;CACpD;AAED,eAAO,MAAM,UAAU,EA8CjB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA"}
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/select/select-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAG7D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACtB,cAAc,EACf,MAAM,sBAAsB,CAAA;AAM7B,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAC/C,SAAQ,gBAAgB,CAAC,CAAC,CAAC,EACzB,sBAAsB;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC,sBAAsB,CAAC,CAAA;CACpD;AAED,eAAO,MAAM,UAAU,EA8CjB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA"}

package/dist/types/select/select.d.ts

@@ -13,6 +13,20 @@ export interface SelectProps<T> extends Omit<AriaSelectProps, "children">, Varia
     /** The list of Select options to render */
     items?: NonNullable<ListBoxProps<T>["items"]>;
     children?: ListBoxProps<T>["children"];
+    /**
+     * Enable search/autocomplete functionality with a search field
+     * @default false
+     */
+    enableSearch?: boolean;
+    /**
+     * Placeholder text for the search field.
+     * If not provided, a localized default will be used.
+     */
+    searchPlaceholder?: string;
+    /**
+     * Icon to display in the search field. If not provided, no icon will be displayed.
+     */
+    searchIcon?: React.ReactNode;
 }
 export declare function Select<T extends object>({ label, description, classNames, errorMessage, ...originalProps }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAY9B,OAAO,KAAK,EAEV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQvE,MAAM,WAAW,WAAW,CAAC,CAAC,CAC5B,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAAA;IAEzD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAEpC,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEvD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;CACvC;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqFhB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAiB9B,OAAO,KAAK,EAEV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACb,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAA0B,YAAY,EAAE,MAAM,sBAAsB,CAAA;AA2B3E,MAAM,WAAW,WAAW,CAAC,CAAC,CAC5B,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,UAAU,CAAC,EAAE,cAAc,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAAA;IAEzD;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IAErC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;IAEpC,YAAY,CAAC,EACT,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,UAAU,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAEvD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAEtC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAeD,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EAAE,EACvC,KAAK,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,CAAC,CAAC,2CA+IhB"}

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

@@ -26,36 +26,36 @@ export interface UseSpinnerProps extends Omit<HtmlUiProps, "children">, SpinnerV
 export declare const useSpinner: (originalProps: UseSpinnerProps) => {
     slots: {
         base: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle1: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle2: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle1: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         circle2: (slotProps?: ({
-            size?: "lg" | "md" | "sm" | undefined;
+            size?: "lg" | "md" | "sm" | "xs" | undefined;
             color?: "current" | "white" | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {};

package/dist/types/system/react-utils/children.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+type ChildrenOrFunction<T> = ReactNode | ((values: T) => ReactNode);
+/**
+ * Gets only the valid children of a component,
+ * and ignores any nullish or falsy child.
+ *
+ * @param children the children
+ */
+export declare function getValidChildren(children: React.ReactNode): React.ReactElement[];
+export declare const pickChildren: <T = ReactNode>(children: T | undefined, targetChild: React.ElementType) => [T | undefined, T[] | undefined];
+export declare const renderChildren: <T>(renderProps: T, children: ChildrenOrFunction<T>) => ReactNode;
+export {};
+//# sourceMappingURL=children.d.ts.map

package/dist/types/system/react-utils/children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/children.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;AAEnE;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAGnD,KAAK,CAAC,YAAY,EAAE,CAC1B;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,wBAClB,CAAC,GAAG,SAAS,eACV,KAAK,CAAC,WAAW,KAC7B,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,SAAS,CAiBjC,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,eACjB,CAAC,YACJ,kBAAkB,CAAC,CAAC,CAAC,cAOhC,CAAA"}

package/dist/types/system/react-utils/context.d.ts

@@ -1,9 +1,9 @@
-export interface CreateContextOptions<T = any> {
+export interface CreateContextOptions<T = any, S extends boolean = true> {
     /**
      * If `true`, React will throw if context is `null` or `undefined`
      * In some cases, you might want to support nested context, so you can set it to `false`
      */
-    strict?: boolean;
+    strict?: S;
     /**
      * Error message to throw if the context is `undefined`
      */
@@ -14,11 +14,11 @@ export interface CreateContextOptions<T = any> {
     name?: string;
     defaultValue?: T;
 }
-export type CreateContextReturn<T> = [React.Context<T>, () => T];
+export type CreateContextReturn<T, S extends boolean> = S extends true ? [React.Context<T>, () => T] : [React.Context<T | undefined>, () => T | undefined];
 /**
  * Creates a named context, provider, and hook.
  *
  * @param options - create context options
  */
-export declare function createContext<ContextType>(options?: CreateContextOptions<ContextType>): CreateContextReturn<ContextType>;
+export declare function createContext<ContextType, S extends boolean = true>(options?: CreateContextOptions<ContextType, S>): CreateContextReturn<ContextType, S>;
 //# sourceMappingURL=context.d.ts.map

package/dist/types/system/react-utils/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/context.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,YAAY,CAAC,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAEhE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,EACvC,OAAO,GAAE,oBAAoB,CAAC,WAAW,CAAM,GAC9C,mBAAmB,CAAC,WAAW,CAAC,CA2BlC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/context.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,SAAS,OAAO,GAAG,IAAI;IACrE;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAA;IACV;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,YAAY,CAAC,EAAE,CAAC,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GAClE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAA;AAEvD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,CAAC,SAAS,OAAO,GAAG,IAAI,EACjE,OAAO,GAAE,oBAAoB,CAAC,WAAW,EAAE,CAAC,CAAM,GACjD,mBAAmB,CAAC,WAAW,EAAE,CAAC,CAAC,CA2BrC"}

package/dist/types/system/react-utils/index.d.ts

@@ -1,4 +1,6 @@
-export * from "./context";
-export * from "./refs";
-export * from "./filter-dom-props";
+export { createContext } from "./context";
+export { useDomRef } from "./refs";
+export { filterDOMProps } from "./filter-dom-props";
+export type { CreateContextOptions, CreateContextReturn } from "./context";
+export type { ReactRef } from "./refs";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/system/react-utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/system/react-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAC1E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA"}