@opengovsg/oui 0.0.7 → 0.0.9

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

@@ -0,0 +1,166 @@
+import type { PressEvent } from "@react-types/shared";
+import type { ReactNode } from "react";
+import type { BadgeSlots, BadgeVariantProps, SlotsToClasses } from "@opengovsg/oui-theme";
+import type { ReactRef } from "../system/react-utils";
+import type { HtmlUiProps, PropGetter } from "../system/types";
+export interface UseBadgeProps extends HtmlUiProps, BadgeVariantProps {
+    ref?: ReactRef<HTMLDivElement | null>;
+    /**
+     * Element to be rendered in the left side of the badge.
+     */
+    startContent?: React.ReactNode;
+    /**
+     * Element to be rendered in the right side of the badge.
+     * if you pass this prop and the `onClose` prop, the passed element
+     * will have the close button props and it will be rendered instead of the
+     * default close button.
+     */
+    endContent?: React.ReactNode;
+    /**
+     * Classname or List of classes to change the classNames of the element.
+     * if `className` is passed, it will be added to the base slot.
+     *
+     * @example
+     * ```ts
+     * <Badge classNames={{
+     *    base:"base-classes",
+     *    dot: "dot-classes",
+     *    content: "content-classes",
+     *    closeButton: "close-button-classes",
+     * }} />
+     * ```
+     */
+    classNames?: SlotsToClasses<BadgeSlots | "closeButton">;
+    /**
+     * Callback fired when the badge is closed. if you pass this prop,
+     * the badge will display a close button in the `endContent` slot.
+     * @param e PressEvent
+     */
+    onClose?: (e: PressEvent) => void;
+}
+export declare function useBadge(originalProps: UseBadgeProps): {
+    Component: import("../system/types").As<any>;
+    children: ReactNode;
+    slots: {
+        closeButton: import("tailwind-variants").TVReturnType<{
+            size: {
+                xs: string;
+                sm: string;
+                md: string;
+            };
+        }, undefined, string, {
+            responsiveVariants?: boolean | (string | number | symbol)[] | {
+                size?: boolean | (string | number | symbol)[] | undefined;
+                isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
+            } | undefined;
+        } & import("tailwind-variants/dist/config.js").TWMConfig & {
+            twMergeConfig: {
+                extend: {
+                    theme: {};
+                    classGroups: {
+                        prose: {
+                            prose: (() => boolean)[];
+                        }[];
+                    };
+                };
+            };
+        }, {
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }, undefined, "outline-offset-2 outline-none", {
+            responsiveVariants?: boolean | (string | number | symbol)[] | {
+                isFocusVisible?: boolean | (string | number | symbol)[] | undefined;
+            } | undefined;
+        } & import("tailwind-variants/dist/config.js").TWMConfig & {
+            twMergeConfig: {
+                extend: {
+                    theme: {};
+                    classGroups: {
+                        prose: {
+                            prose: (() => boolean)[];
+                        }[];
+                    };
+                };
+            };
+        }, {
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }, undefined, import("tailwind-variants").TVReturnType<{
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }, undefined, "outline-offset-2 outline-none", import("tailwind-variants/dist/config.js").TVConfig<{
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }, {
+            isFocusVisible: {
+                false: string;
+                true: string;
+            };
+        }>, unknown, unknown, undefined>>>;
+        base: ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
+        dot: ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
+        content: ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string) & ((slotProps?: ({
+            size?: "md" | "sm" | "xs" | undefined;
+            color?: "sub" | "main" | "neutral" | "critical" | "warning" | "success" | undefined;
+            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            variant?: "solid" | "outline" | "dot" | "subtle" | undefined;
+            isDisabled?: boolean | undefined;
+            isCloseable?: boolean | undefined;
+        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string);
+    };
+    classNames: SlotsToClasses<"content" | "base" | "dot" | "closeButton"> | undefined;
+    isCloseable: boolean;
+    startContent: import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | null;
+    endContent: import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLElement>, HTMLElement> | null;
+    getCloseButtonProps: PropGetter;
+    getChipProps: PropGetter;
+};
+//# sourceMappingURL=use-badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-badge.d.ts","sourceRoot":"","sources":["../../../src/badge/use-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,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;AAI9D,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,iBAAiB;IACnE,GAAG,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE5B;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,GAAG,aAAa,CAAC,CAAA;IACvD;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC;AAiBD,wBAAgB,QAAQ,CAAC,aAAa,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGpD"}

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

@@ -30,6 +30,11 @@ export interface ButtonProps extends Omit<AriaButtonProps, "children">, ButtonVa
      * @defaultValue "start"
      */
     spinnerPlacement?: "start" | "end";
+    /**
+     * Whether the button only contains an icon.
+     * If true, you must provide an `aria-label` for accessibility.
+     */
+    isIconOnly?: boolean;
 }
 /**
  * You probably do not want to use this component if you are rendering a link.

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAK3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAO9D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,kBAAkB;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAwElB,CAAA"}

package/dist/types/calendar/calendar-base.d.ts

@@ -0,0 +1,14 @@
+import type { ForwardedRef } from "react";
+import type { DateValue } from "react-aria-components";
+import type { CalendarProps } from "./types";
+export interface CalendarBaseProps<T extends DateValue> extends CalendarProps<T> {
+    calendarRef: ForwardedRef<HTMLDivElement>;
+}
+export declare function CalendarBase<T extends DateValue>({ weekdayStyle, calendarRef, minValue, maxValue, bottomContent, showTodayButton, ...props }: CalendarBaseProps<T>): import("react/jsx-runtime").JSX.Element;
+interface CalendarHeaderProps {
+    offsetMonths?: number;
+}
+export declare function CalendarHeader({ offsetMonths }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarGridHeader(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar-base.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAsBtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA6C5C,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,SAAS,CACpD,SAAQ,aAAa,CAAC,CAAC,CAAC;IACxB,WAAW,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAC1C;AAgED,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,EAChD,YAAuB,EACvB,WAAW,EACX,QAAuC,EACvC,QAAyC,EACzC,aAAa,EACb,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAsEtB;AA+ED,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAgB,EAAE,EAAE,mBAAmB,2CA8DvE;AAED,wBAAgB,kBAAkB,4CAiBjC"}