@opengovsg/oui-theme 0.0.0-snapshot-20250808095237 → 0.0.0-snapshot-20250808095255

package/dist/components/date-field.d.ts

@@ -1,6 +1,6 @@
+import * as tailwind_merge from 'tailwind-merge';
 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 dateInputStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -37,25 +37,6 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     base: string;
     segment: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocused?: boolean | (string | number | symbol)[] | undefined;
-        isPlaceholder?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     isPlaceholder: {
         true: {
@@ -123,102 +104,23 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
 }, {
     base: string;
     segment: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}, {
-    variant: {};
-    isPlaceholder: {
-        true: {
-            segment: string;
-        };
-        false: {
-            segment: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            segment: string;
-        };
-    };
-    isFocused: {
-        true: {
-            segment: string;
-        };
-    };
-    size: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DateInputSlots = keyof ReturnType<typeof dateInputStyles>;
 type DateInputVariantProps = VariantProps<typeof dateInputStyles>;
 declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     size: {
-        xs: tailwind_variants.ClassValue | {};
-        sm: tailwind_variants.ClassValue | {};
-        md: tailwind_variants.ClassValue | {};
+        xs: tailwind_merge.ClassNameValue | {};
+        sm: tailwind_merge.ClassNameValue | {};
+        md: tailwind_merge.ClassNameValue | {};
     };
     variant: {
-        outline: tailwind_variants.ClassValue | {};
-        unstyled: tailwind_variants.ClassValue | {};
+        outline: tailwind_merge.ClassNameValue | {};
+        unstyled: tailwind_merge.ClassNameValue | {};
     };
     isDisabled: {
-        true: tailwind_variants.ClassValue | {};
+        true: tailwind_merge.ClassNameValue | {};
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -245,23 +147,6 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
         true: string;
     };
 }, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     size: {
         xs: string;
         sm: string;
@@ -287,33 +172,7 @@ declare const dateFieldStyles: tailwind_variants.TVReturnType<{} | {
     isDisabled: {
         true: string;
     };
-}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}, {
-    size: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    variant: {
-        outline: string;
-        unstyled: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, "text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden", unknown, unknown, undefined>>>;
 type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>;
 
 export { type DateFieldVariantProps, type DateInputSlots, type DateInputVariantProps, dateFieldStyles, dateInputStyles };

package/dist/components/date-picker.d.mts

@@ -1,6 +1,5 @@
 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 datePickerStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -26,22 +25,6 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     selectorButton: string;
     calendarButton: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     size: {
         xs: {
@@ -87,39 +70,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     dialog: string;
     selectorButton: string;
     calendarButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}, {
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>;
 type DatePickerVariantProps = VariantProps<typeof datePickerStyles>;
 

package/dist/components/date-picker.d.ts

@@ -1,6 +1,5 @@
 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 datePickerStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -26,22 +25,6 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     selectorButton: string;
     calendarButton: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     size: {
         xs: {
@@ -87,39 +70,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     dialog: string;
     selectorButton: string;
     calendarButton: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}, {
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            input: string;
-        };
-        sm: {
-            group: string;
-            input: string;
-        };
-        md: {
-            group: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>;
 type DatePickerVariantProps = VariantProps<typeof datePickerStyles>;
 

package/dist/components/date-range-picker.d.mts

@@ -1,6 +1,5 @@
 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 dateRangePickerStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -38,22 +37,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     calendarButton: string;
     connector: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     size: {
         xs: {
@@ -123,57 +106,7 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     selectorButton: string;
     calendarButton: string;
     connector: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        sm: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        md: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-    };
-}, {
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        sm: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        md: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DateRangePickerSlots = keyof ReturnType<typeof dateRangePickerStyles>;
 type DateRangePickerVariantProps = VariantProps<typeof dateRangePickerStyles>;
 

package/dist/components/date-range-picker.d.ts

@@ -1,6 +1,5 @@
 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 dateRangePickerStyles: tailwind_variants.TVReturnType<{
     variant: {};
@@ -38,22 +37,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     calendarButton: string;
     connector: string;
 }, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        size?: boolean | (string | number | symbol)[] | undefined;
-        variant?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {};
     size: {
         xs: {
@@ -123,57 +106,7 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     selectorButton: string;
     calendarButton: string;
     connector: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        sm: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        md: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-    };
-}, {
-    variant: {};
-    size: {
-        xs: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        sm: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-        md: {
-            group: string;
-            dateWrapper: string;
-            startInput: string;
-            endInput: string;
-            connector: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type DateRangePickerSlots = keyof ReturnType<typeof dateRangePickerStyles>;
 type DateRangePickerVariantProps = VariantProps<typeof dateRangePickerStyles>;
 

package/dist/components/field-group.d.mts

@@ -1,6 +1,5 @@
 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 fieldBorderStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -16,24 +15,6 @@ declare const fieldBorderStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
-        isInvalid?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         outline: string;
     };
@@ -59,56 +40,12 @@ declare const fieldBorderStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
     };
-}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        outline: string;
-    };
-    isFocusWithin: {
-        true: string;
-    };
-    isInvalid: {
-        true: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}, {
-    variant: {
-        outline: string;
-    };
-    isFocusWithin: {
-        true: string;
-    };
-    isInvalid: {
-        true: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, undefined, unknown, unknown, undefined>>;
 declare const fieldGroupStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
     };
 }, undefined, "group flex items-center rounded-sm border bg-white not-motion-reduce:transition-shadow", {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
-        isInvalid?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         outline: string;
     };
@@ -135,24 +72,6 @@ declare const fieldGroupStyles: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | (string | number | symbol)[] | {
-        variant?: boolean | (string | number | symbol)[] | undefined;
-        isDisabled?: boolean | (string | number | symbol)[] | undefined;
-        isFocusWithin?: boolean | (string | number | symbol)[] | undefined;
-        isInvalid?: boolean | (string | number | symbol)[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config_js.TWMConfig & {
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}, {
     variant: {
         outline: string;
     };
@@ -178,33 +97,7 @@ declare const fieldGroupStyles: tailwind_variants.TVReturnType<{
     isDisabled: {
         true: string;
     };
-}, undefined, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        outline: string;
-    };
-    isFocusWithin: {
-        true: string;
-    };
-    isInvalid: {
-        true: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}, {
-    variant: {
-        outline: string;
-    };
-    isFocusWithin: {
-        true: string;
-    };
-    isInvalid: {
-        true: string;
-    };
-    isDisabled: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, undefined, unknown, unknown, undefined>>>;
 type FieldVariantProps = VariantProps<typeof fieldGroupStyles>;
 type FieldSlots = keyof ReturnType<typeof fieldGroupStyles>;