@opengovsg/oui-theme 0.0.7 → 0.0.10

package/dist/components/menu.d.mts

@@ -0,0 +1,463 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+
+declare const menuItemStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            iconContainer: string;
+            icon: string;
+        };
+        sm: {
+            iconContainer: string;
+            icon: string;
+        };
+        md: {
+            iconContainer: string;
+            icon: string;
+        };
+    };
+}, {
+    container: string;
+    iconContainer: string;
+    icon: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isSelected?: boolean | (string | number | symbol)[] | undefined;
+        isFocused?: boolean | (string | number | symbol)[] | undefined;
+        isOpen?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    description: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isSelected?: boolean | (string | number | symbol)[] | undefined;
+        isFocused?: boolean | (string | number | symbol)[] | undefined;
+        isOpen?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+    description: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    size: {
+        xs: {
+            container: string;
+            description: string;
+        };
+        sm: {
+            container: string;
+            description: string;
+        };
+        md: {
+            container: string;
+            description: string;
+        };
+    };
+    isFocused: {
+        true: {
+            container: string;
+        };
+    };
+    isOpen: {
+        true: string;
+    };
+    isSelected: {
+        true: {
+            container: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            container: string;
+        };
+    };
+}>, unknown, unknown, undefined>>>;
+type MenuItemVariantProps = VariantProps<typeof menuItemStyles>;
+type MenuItemVariantSlots = keyof ReturnType<typeof menuItemStyles>;
+declare const menuStyles: tailwind_variants.TVReturnType<{
+    variant: {};
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    isEmpty: {
+        true: string;
+    };
+}, {
+    base: string;
+    popover: string;
+    separator: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+        variant?: boolean | (string | number | symbol)[] | undefined;
+        isEmpty?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    variant: {};
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    isEmpty: {
+        true: string;
+    };
+}, {
+    base: string;
+    popover: string;
+    separator: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {};
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    isEmpty: {
+        true: string;
+    };
+}, {
+    base: string;
+    popover: string;
+    separator: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    variant: {};
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    isEmpty: {
+        true: string;
+    };
+}, {
+    variant: {};
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    isEmpty: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>;
+type MenuVariantProps = VariantProps<typeof menuStyles>;
+type MenuVariantSlots = keyof ReturnType<typeof menuStyles>;
+declare const menuSectionStyles: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            header: string;
+        };
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+}, undefined, {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {
+        size?: boolean | (string | number | symbol)[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {
+    size: {
+        xs: {
+            header: string;
+        };
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            header: string;
+        };
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+    };
+}, {
+    base: string;
+    header: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: {
+            header: string;
+        };
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+    };
+}, {
+    size: {
+        xs: {
+            header: string;
+        };
+        sm: {
+            header: string;
+        };
+        md: {
+            header: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type MenuSectionVariantProps = VariantProps<typeof menuSectionStyles>;
+type MenuSectionVariantSlots = keyof ReturnType<typeof menuSectionStyles>;
+declare const menuDividerStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "border-base-divider-medium my-1 border-b", {
+    responsiveVariants?: boolean | (string | number | symbol)[] | {} | undefined;
+} & tailwind_variants_dist_config_js.TWMConfig & {
+    twMergeConfig: {
+        extend: {
+            theme: {};
+            classGroups: {
+                prose: {
+                    prose: (() => boolean)[];
+                }[];
+            };
+        };
+    };
+}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "border-base-divider-medium my-1 border-b", tailwind_variants_dist_config_js.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+
+export { type MenuItemVariantProps, type MenuItemVariantSlots, type MenuSectionVariantProps, type MenuSectionVariantSlots, type MenuVariantProps, type MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles };