@luscii-healthtech/web-ui 52.6.0 → 52.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/index.development.js +41 -33
  2. package/dist/index.development.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/components/Box/Box.d.ts +6 -2
  6. package/dist/src/components/Stack/Stack.d.ts +6 -2
  7. package/dist/src/components/TableNew/TableNew.d.ts +6 -13
  8. package/dist/src/generated/components/Box/Box.d.ts +6 -2
  9. package/dist/src/generated/components/Stack/Stack.d.ts +6 -2
  10. package/dist/src/generated/components/TableNew/TableNew.d.ts +6 -13
  11. package/dist/stories/ActionController.stories.d.ts +2 -0
  12. package/dist/stories/AsideLayout.stories.d.ts +2 -0
  13. package/dist/stories/Box.stories.d.ts +31 -1
  14. package/dist/stories/DetailsDisclosure.stories.d.ts +34 -0
  15. package/dist/stories/Divider.stories.d.ts +8 -0
  16. package/dist/stories/HoverIndicatorControl.stories.d.ts +2 -0
  17. package/dist/stories/PageWithCenteredContentLayout.stories.d.ts +6 -0
  18. package/dist/stories/SplitViewLayout.stories.d.ts +2 -0
  19. package/dist/stories/Stack.stories.d.ts +16 -1
  20. package/dist/stories/TableNew.stories.d.ts +6 -6
  21. package/dist/stories/Tabs.stories.d.ts +2 -0
  22. package/dist/stories/TimelineCardLayout.stories.d.ts +4 -0
  23. package/dist/stories/VerticalMenu.stories.d.ts +2 -0
  24. package/dist/web-ui.esm.js +1 -1
  25. package/dist/web-ui.esm.js.map +1 -1
  26. package/package.json +1 -1
package/dist/src/components/Box/Box.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ComponentPropsWithoutRef, ElementType } from "react";
1
+ import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
2
2
  import { type SpacingKey, type SIZES } from "../../system/Sizes";
3
3
  import { type ELEVATION } from "../../system/Elevation";
4
4
  import { type BackgroundColor, type CursorOption } from "../../types/general.types";
@@ -36,6 +36,7 @@ type SpacingProps = {
36
36
  };
37
37
  type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
38
38
  type ElevationProp = keyof typeof ELEVATION;
39
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
39
40
  export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & SpacingProps & UnderscoredSpacingProps & {
40
41
  as?: C;
41
42
  /**
@@ -65,5 +66,8 @@ export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & Spacing
65
66
  hoverBackgroundColor?: BackgroundColor;
66
67
  cursor?: CursorOption;
67
68
  };
68
- export declare const Box: <C extends ElementType = "div">(props: Props<C>) => import("react/jsx-runtime").JSX.Element;
69
+ type PropsWithRef<C extends ElementType> = Props<C> & {
70
+ ref?: PolymorphicRef<C>;
71
+ };
72
+ export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => ReactElement | null;
69
73
  export {};
package/dist/src/components/Stack/Stack.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import React, { type ComponentProps, type ElementType } from "react";
1
+ import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
2
2
  import { type SpacingKey, type SIZES } from "../../system/Sizes";
3
3
  import { Box } from "../Box/Box";
4
4
  export { Props as StackProps };
5
5
  type Size = keyof typeof SIZES;
6
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
6
7
  type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
7
8
  as?: C;
8
9
  /**
@@ -52,4 +53,7 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
52
53
  */
53
54
  divider?: React.ReactNode;
54
55
  };
55
- export declare const Stack: <C extends ElementType = "div">(props: Props<C> & ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
56
+ type PropsWithRef<C extends ElementType> = Props<C> & {
57
+ ref?: PolymorphicRef<C>;
58
+ };
59
+ export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => ReactElement | null;
package/dist/src/components/TableNew/TableNew.d.ts CHANGED
@@ -33,17 +33,13 @@ export interface TableProps extends HTMLAttributes<HTMLTableElement> {
33
33
  export interface TheadProps extends HTMLAttributes<HTMLTableSectionElement> {
34
34
  stickyHeader?: boolean;
35
35
  }
36
- declare function Thead({ className, children, stickyHeader, ...attrs }: TheadProps): import("react/jsx-runtime").JSX.Element;
37
36
  export interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {
38
37
  hasTFoot?: boolean;
39
38
  }
40
- declare function Tbody({ className, children, hasTFoot, ...attrs }: TbodyProps): import("react/jsx-runtime").JSX.Element;
41
39
  export interface TFootProps extends HTMLAttributes<HTMLTableSectionElement> {
42
40
  }
43
- declare function TFoot({ className, children, ...attrs }: TFootProps): import("react/jsx-runtime").JSX.Element;
44
41
  export interface TrProps extends ComponentProps<typeof Box<"tr">> {
45
42
  }
46
- declare function Tr({ className, children, ...attrs }: TrProps): import("react/jsx-runtime").JSX.Element;
47
43
  export interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
48
44
  /**
49
45
  * Omit padding for the cell. This is useful when the consumer wants
@@ -51,7 +47,6 @@ export interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
51
47
  */
52
48
  omitPadding?: boolean;
53
49
  }
54
- declare function Th({ className, children, omitPadding, ...attrs }: ThProps): import("react/jsx-runtime").JSX.Element;
55
50
  export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
56
51
  /**
57
52
  * Omit padding for the cell. This is useful when the consumer wants
@@ -59,13 +54,11 @@ export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
59
54
  */
60
55
  omitPadding?: boolean;
61
56
  }
62
- declare function Td({ className, children, omitPadding, ...attrs }: TdProps): import("react/jsx-runtime").JSX.Element;
63
57
  export declare const TableNew: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> & {
64
- Thead: typeof Thead;
65
- Tbody: typeof Tbody;
66
- TFoot: typeof TFoot;
67
- Tr: typeof Tr;
68
- Th: typeof Th;
69
- Td: typeof Td;
58
+ Thead: React.ForwardRefExoticComponent<TheadProps & React.RefAttributes<HTMLTableSectionElement>>;
59
+ Tbody: React.ForwardRefExoticComponent<TbodyProps & React.RefAttributes<HTMLTableSectionElement>>;
60
+ TFoot: React.ForwardRefExoticComponent<TFootProps & React.RefAttributes<HTMLTableSectionElement>>;
61
+ Tr: React.ForwardRefExoticComponent<Omit<TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
62
+ Th: React.ForwardRefExoticComponent<ThProps & React.RefAttributes<HTMLTableCellElement>>;
63
+ Td: React.ForwardRefExoticComponent<TdProps & React.RefAttributes<HTMLTableCellElement>>;
70
64
  };
71
- export {};
package/dist/src/generated/components/Box/Box.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ComponentPropsWithoutRef, ElementType } from "react";
1
+ import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
2
2
  import { type SpacingKey, type SIZES } from "../../../system/Sizes";
3
3
  import { type ELEVATION } from "../../../system/Elevation";
4
4
  import { type BackgroundColor, type CursorOption } from "../../../types/general.types";
@@ -36,6 +36,7 @@ type SpacingProps = {
36
36
  };
37
37
  type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
38
38
  type ElevationProp = keyof typeof ELEVATION;
39
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
39
40
  export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & SpacingProps & UnderscoredSpacingProps & {
40
41
  as?: C;
41
42
  /**
@@ -65,5 +66,8 @@ export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & Spacing
65
66
  hoverBackgroundColor?: BackgroundColor;
66
67
  cursor?: CursorOption;
67
68
  };
68
- export declare const Box: <C extends ElementType = "div">(props: Props<C>) => import("react/jsx-runtime").JSX.Element;
69
+ type PropsWithRef<C extends ElementType> = Props<C> & {
70
+ ref?: PolymorphicRef<C>;
71
+ };
72
+ export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => ReactElement | null;
69
73
  export {};
package/dist/src/generated/components/Stack/Stack.d.ts CHANGED
@@ -1,8 +1,9 @@
1
- import React, { type ComponentProps, type ElementType } from "react";
1
+ import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
2
2
  import { type SpacingKey, type SIZES } from "../../../system/Sizes";
3
3
  import { Box } from "../Box/Box";
4
4
  export { Props as StackProps };
5
5
  type Size = keyof typeof SIZES;
6
+ type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
6
7
  type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
7
8
  as?: C;
8
9
  /**
@@ -52,4 +53,7 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
52
53
  */
53
54
  divider?: React.ReactNode;
54
55
  };
55
- export declare const Stack: <C extends ElementType = "div">(props: Props<C> & ComponentProps<typeof Box>) => import("react/jsx-runtime").JSX.Element;
56
+ type PropsWithRef<C extends ElementType> = Props<C> & {
57
+ ref?: PolymorphicRef<C>;
58
+ };
59
+ export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => ReactElement | null;
package/dist/src/generated/components/TableNew/TableNew.d.ts CHANGED
@@ -33,17 +33,13 @@ export interface TableProps extends HTMLAttributes<HTMLTableElement> {
33
33
  export interface TheadProps extends HTMLAttributes<HTMLTableSectionElement> {
34
34
  stickyHeader?: boolean;
35
35
  }
36
- declare function Thead({ className, children, stickyHeader, ...attrs }: TheadProps): import("react/jsx-runtime").JSX.Element;
37
36
  export interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {
38
37
  hasTFoot?: boolean;
39
38
  }
40
- declare function Tbody({ className, children, hasTFoot, ...attrs }: TbodyProps): import("react/jsx-runtime").JSX.Element;
41
39
  export interface TFootProps extends HTMLAttributes<HTMLTableSectionElement> {
42
40
  }
43
- declare function TFoot({ className, children, ...attrs }: TFootProps): import("react/jsx-runtime").JSX.Element;
44
41
  export interface TrProps extends ComponentProps<typeof Box<"tr">> {
45
42
  }
46
- declare function Tr({ className, children, ...attrs }: TrProps): import("react/jsx-runtime").JSX.Element;
47
43
  export interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
48
44
  /**
49
45
  * Omit padding for the cell. This is useful when the consumer wants
@@ -51,7 +47,6 @@ export interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
51
47
  */
52
48
  omitPadding?: boolean;
53
49
  }
54
- declare function Th({ className, children, omitPadding, ...attrs }: ThProps): import("react/jsx-runtime").JSX.Element;
55
50
  export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
56
51
  /**
57
52
  * Omit padding for the cell. This is useful when the consumer wants
@@ -59,13 +54,11 @@ export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
59
54
  */
60
55
  omitPadding?: boolean;
61
56
  }
62
- declare function Td({ className, children, omitPadding, ...attrs }: TdProps): import("react/jsx-runtime").JSX.Element;
63
57
  export declare const TableNew: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> & {
64
- Thead: typeof Thead;
65
- Tbody: typeof Tbody;
66
- TFoot: typeof TFoot;
67
- Tr: typeof Tr;
68
- Th: typeof Th;
69
- Td: typeof Td;
58
+ Thead: React.ForwardRefExoticComponent<TheadProps & React.RefAttributes<HTMLTableSectionElement>>;
59
+ Tbody: React.ForwardRefExoticComponent<TbodyProps & React.RefAttributes<HTMLTableSectionElement>>;
60
+ TFoot: React.ForwardRefExoticComponent<TFootProps & React.RefAttributes<HTMLTableSectionElement>>;
61
+ Tr: React.ForwardRefExoticComponent<Omit<TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
62
+ Th: React.ForwardRefExoticComponent<ThProps & React.RefAttributes<HTMLTableCellElement>>;
63
+ Td: React.ForwardRefExoticComponent<TdProps & React.RefAttributes<HTMLTableCellElement>>;
70
64
  };
71
- export {};
package/dist/stories/ActionController.stories.d.ts CHANGED
@@ -44,6 +44,8 @@ declare const meta: {
44
44
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
45
45
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
46
46
  cursor?: import("../src/types/general.types").CursorOption;
47
+ } & {
48
+ ref?: any;
47
49
  }, "hoverBackgroundColor">> & {
48
50
  Action: import("react").FC;
49
51
  };
package/dist/stories/AsideLayout.stories.d.ts CHANGED
@@ -30,6 +30,8 @@ declare const meta: {
30
30
  borderRadiusRight?: keyof typeof import("../src").SIZES;
31
31
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
32
32
  cursor?: import("../src/types/general.types").CursorOption;
33
+ } & {
34
+ ref?: any;
33
35
  }>;
34
36
  };
35
37
  export default meta;
package/dist/stories/Box.stories.d.ts CHANGED
@@ -1,7 +1,36 @@
1
1
  import { type StoryObj } from "@storybook/react-vite";
2
+ import { type ComponentProps } from "react";
3
+ import { type BackgroundColor, type CursorOption } from "../src/types/general.types";
2
4
  declare const meta: {
3
5
  title: string;
4
- component: <C extends import("react").ElementType = "div">(props: import("../src/components/Box/Box").Props<C>) => import("react/jsx-runtime").JSX.Element;
6
+ component: <C extends import("react").ElementType = "div">(props: import("react").PropsWithoutRef<ComponentProps<C>> & {
7
+ p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
8
+ pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
9
+ pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
10
+ pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
11
+ pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
12
+ px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
13
+ py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
+ m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
15
+ mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
16
+ mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
17
+ mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
18
+ ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
19
+ mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
20
+ my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
21
+ } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
22
+ as?: C | undefined;
23
+ elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
24
+ width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes").SIZES;
25
+ backgroundColor?: BackgroundColor;
26
+ borderRadius?: keyof typeof import("../src/system/Sizes").SIZES;
27
+ borderRadiusLeft?: keyof typeof import("../src/system/Sizes").SIZES;
28
+ borderRadiusRight?: keyof typeof import("../src/system/Sizes").SIZES;
29
+ hoverBackgroundColor?: BackgroundColor;
30
+ cursor?: CursorOption;
31
+ } & {
32
+ ref?: import("react").ComponentPropsWithRef<C>["ref"] | undefined;
33
+ }) => import("react").ReactElement | null;
5
34
  parameters: {};
6
35
  };
7
36
  export default meta;
@@ -14,3 +43,4 @@ export declare const Cursor: Story;
14
43
  export declare const HoverBackgroundColors: Story;
15
44
  export declare const Elevation: Story;
16
45
  export declare const Fractions: Story;
46
+ export declare const RefForwarding: Story;
package/dist/stories/DetailsDisclosure.stories.d.ts CHANGED
@@ -27,6 +27,8 @@ declare const meta: {
27
27
  borderRadiusRight?: keyof typeof import("../src").SIZES;
28
28
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
29
29
  cursor?: import("../src/types/general.types").CursorOption;
30
+ } & {
31
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
30
32
  }, "as"> & ({
31
33
  children?: import("react").ReactNode;
32
34
  name?: string;
@@ -61,6 +63,7 @@ export declare const OpenByDefault: {
61
63
  m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
62
64
  backgroundColor?: import("../src/types/general.types").BackgroundColor;
63
65
  children?: import("react").ReactNode | undefined;
66
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
64
67
  className?: string | undefined;
65
68
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
66
69
  slot?: string | undefined;
@@ -372,6 +375,7 @@ export declare const OpenByDefault: {
372
375
  m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
373
376
  backgroundColor?: import("../src/types/general.types").BackgroundColor;
374
377
  children?: import("react").ReactNode | undefined;
378
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
375
379
  className?: string | undefined;
376
380
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
377
381
  slot?: string | undefined;
@@ -683,6 +687,7 @@ export declare const OpenByDefault: {
683
687
  m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
684
688
  backgroundColor?: import("../src/types/general.types").BackgroundColor;
685
689
  children?: import("react").ReactNode | undefined;
690
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
686
691
  className?: string | undefined;
687
692
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
688
693
  slot?: string | undefined;
@@ -994,6 +999,7 @@ export declare const OpenByDefault: {
994
999
  m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
995
1000
  backgroundColor?: import("../src/types/general.types").BackgroundColor;
996
1001
  children?: import("react").ReactNode | undefined;
1002
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
997
1003
  className?: string | undefined;
998
1004
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
999
1005
  slot?: string | undefined;
@@ -1305,6 +1311,7 @@ export declare const OpenByDefault: {
1305
1311
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1306
1312
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
1307
1313
  children?: import("react").ReactNode;
1314
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
1308
1315
  className?: string | undefined | undefined;
1309
1316
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1310
1317
  slot?: string | undefined | undefined;
@@ -1616,6 +1623,7 @@ export declare const OpenByDefault: {
1616
1623
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1617
1624
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
1618
1625
  children?: import("react").ReactNode;
1626
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
1619
1627
  className?: string | undefined | undefined;
1620
1628
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1621
1629
  slot?: string | undefined | undefined;
@@ -1927,6 +1935,7 @@ export declare const OpenByDefault: {
1927
1935
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1928
1936
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
1929
1937
  children?: import("react").ReactNode;
1938
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
1930
1939
  className?: string | undefined | undefined;
1931
1940
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
1932
1941
  slot?: string | undefined | undefined;
@@ -2238,6 +2247,7 @@ export declare const OpenByDefault: {
2238
2247
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2239
2248
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
2240
2249
  children?: import("react").ReactNode;
2250
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
2241
2251
  className?: string | undefined | undefined;
2242
2252
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2243
2253
  slot?: string | undefined | undefined;
@@ -2551,6 +2561,7 @@ export declare const OpenByDefault: {
2551
2561
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2552
2562
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
2553
2563
  children?: import("react").ReactNode;
2564
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
2554
2565
  className?: string | undefined | undefined;
2555
2566
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2556
2567
  slot?: string | undefined | undefined;
@@ -2862,6 +2873,7 @@ export declare const OpenByDefault: {
2862
2873
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2863
2874
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
2864
2875
  children?: import("react").ReactNode;
2876
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
2865
2877
  className?: string | undefined | undefined;
2866
2878
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
2867
2879
  slot?: string | undefined | undefined;
@@ -3174,6 +3186,7 @@ export declare const OpenByDefault: {
3174
3186
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3175
3187
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
3176
3188
  children?: import("react").ReactNode;
3189
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
3177
3190
  className?: string | undefined | undefined;
3178
3191
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3179
3192
  slot?: string | undefined | undefined;
@@ -3485,6 +3498,7 @@ export declare const OpenByDefault: {
3485
3498
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3486
3499
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
3487
3500
  children?: import("react").ReactNode;
3501
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
3488
3502
  className?: string | undefined | undefined;
3489
3503
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3490
3504
  slot?: string | undefined | undefined;
@@ -3796,6 +3810,7 @@ export declare const OpenByDefault: {
3796
3810
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3797
3811
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
3798
3812
  children?: import("react").ReactNode;
3813
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
3799
3814
  className?: string | undefined | undefined;
3800
3815
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
3801
3816
  slot?: string | undefined | undefined;
@@ -4107,6 +4122,7 @@ export declare const OpenByDefault: {
4107
4122
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4108
4123
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
4109
4124
  children?: import("react").ReactNode;
4125
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
4110
4126
  className?: string | undefined | undefined;
4111
4127
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4112
4128
  slot?: string | undefined | undefined;
@@ -4419,6 +4435,7 @@ export declare const OpenByDefault: {
4419
4435
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4420
4436
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
4421
4437
  children?: import("react").ReactNode;
4438
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
4422
4439
  className?: string | undefined | undefined;
4423
4440
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4424
4441
  slot?: string | undefined | undefined;
@@ -4730,6 +4747,7 @@ export declare const OpenByDefault: {
4730
4747
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4731
4748
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
4732
4749
  children?: import("react").ReactNode;
4750
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
4733
4751
  className?: string | undefined | undefined;
4734
4752
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
4735
4753
  slot?: string | undefined | undefined;
@@ -5041,6 +5059,7 @@ export declare const OpenByDefault: {
5041
5059
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5042
5060
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
5043
5061
  children?: import("react").ReactNode;
5062
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
5044
5063
  className?: string | undefined | undefined;
5045
5064
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5046
5065
  slot?: string | undefined | undefined;
@@ -5352,6 +5371,7 @@ export declare const OpenByDefault: {
5352
5371
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5353
5372
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
5354
5373
  children?: import("react").ReactNode;
5374
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
5355
5375
  className?: string | undefined | undefined;
5356
5376
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5357
5377
  slot?: string | undefined | undefined;
@@ -5664,6 +5684,7 @@ export declare const OpenByDefault: {
5664
5684
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5665
5685
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
5666
5686
  children?: import("react").ReactNode;
5687
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
5667
5688
  className?: string | undefined | undefined;
5668
5689
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5669
5690
  slot?: string | undefined | undefined;
@@ -5975,6 +5996,7 @@ export declare const OpenByDefault: {
5975
5996
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5976
5997
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
5977
5998
  children?: import("react").ReactNode;
5999
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
5978
6000
  className?: string | undefined | undefined;
5979
6001
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
5980
6002
  slot?: string | undefined | undefined;
@@ -6286,6 +6308,7 @@ export declare const OpenByDefault: {
6286
6308
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6287
6309
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
6288
6310
  children?: import("react").ReactNode;
6311
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
6289
6312
  className?: string | undefined | undefined;
6290
6313
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6291
6314
  slot?: string | undefined | undefined;
@@ -6597,6 +6620,7 @@ export declare const OpenByDefault: {
6597
6620
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6598
6621
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
6599
6622
  children?: import("react").ReactNode;
6623
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
6600
6624
  className?: string | undefined | undefined;
6601
6625
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6602
6626
  slot?: string | undefined | undefined;
@@ -6909,6 +6933,7 @@ export declare const OpenByDefault: {
6909
6933
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6910
6934
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
6911
6935
  children?: import("react").ReactNode;
6936
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
6912
6937
  className?: string | undefined | undefined;
6913
6938
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
6914
6939
  slot?: string | undefined | undefined;
@@ -7220,6 +7245,7 @@ export declare const OpenByDefault: {
7220
7245
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7221
7246
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
7222
7247
  children?: import("react").ReactNode;
7248
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
7223
7249
  className?: string | undefined | undefined;
7224
7250
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7225
7251
  slot?: string | undefined | undefined;
@@ -7533,6 +7559,7 @@ export declare const OpenByDefault: {
7533
7559
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7534
7560
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
7535
7561
  children?: import("react").ReactNode;
7562
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
7536
7563
  className?: string | undefined | undefined;
7537
7564
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7538
7565
  slot?: string | undefined | undefined;
@@ -7844,6 +7871,7 @@ export declare const OpenByDefault: {
7844
7871
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7845
7872
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
7846
7873
  children?: import("react").ReactNode;
7874
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
7847
7875
  className?: string | undefined | undefined;
7848
7876
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
7849
7877
  slot?: string | undefined | undefined;
@@ -8158,6 +8186,7 @@ export declare const OpenByDefault: {
8158
8186
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8159
8187
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
8160
8188
  children?: import("react").ReactNode;
8189
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
8161
8190
  className?: string | undefined | undefined;
8162
8191
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8163
8192
  slot?: string | undefined | undefined;
@@ -8469,6 +8498,7 @@ export declare const OpenByDefault: {
8469
8498
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8470
8499
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
8471
8500
  children?: import("react").ReactNode;
8501
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
8472
8502
  className?: string | undefined | undefined;
8473
8503
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8474
8504
  slot?: string | undefined | undefined;
@@ -8782,6 +8812,7 @@ export declare const OpenByDefault: {
8782
8812
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8783
8813
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
8784
8814
  children?: import("react").ReactNode;
8815
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
8785
8816
  className?: string | undefined | undefined;
8786
8817
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
8787
8818
  slot?: string | undefined | undefined;
@@ -9093,6 +9124,7 @@ export declare const OpenByDefault: {
9093
9124
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9094
9125
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
9095
9126
  children?: import("react").ReactNode;
9127
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
9096
9128
  className?: string | undefined | undefined;
9097
9129
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9098
9130
  slot?: string | undefined | undefined;
@@ -9404,6 +9436,7 @@ export declare const OpenByDefault: {
9404
9436
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9405
9437
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
9406
9438
  children?: import("react").ReactNode;
9439
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
9407
9440
  className?: string | undefined | undefined;
9408
9441
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9409
9442
  slot?: string | undefined | undefined;
@@ -9715,6 +9748,7 @@ export declare const OpenByDefault: {
9715
9748
  m?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9716
9749
  backgroundColor?: import("../src/types/general.types").BackgroundColor | undefined;
9717
9750
  children?: import("react").ReactNode;
9751
+ ref?: ((instance: HTMLDetailsElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDetailsElement> | null | undefined;
9718
9752
  className?: string | undefined | undefined;
9719
9753
  p?: ("none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl") | undefined;
9720
9754
  slot?: string | undefined | undefined;
package/dist/stories/Divider.stories.d.ts CHANGED
@@ -19,6 +19,8 @@ declare const meta: {
19
19
  children?: React.ReactNode;
20
20
  className?: string;
21
21
  divider?: React.ReactNode;
22
+ } & {
23
+ ref?: any;
22
24
  } & {
23
25
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
24
26
  pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
@@ -44,6 +46,8 @@ declare const meta: {
44
46
  borderRadiusRight?: keyof typeof import("../src").SIZES;
45
47
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
46
48
  cursor?: import("../src/types/general.types").CursorOption;
49
+ } & {
50
+ ref?: any;
47
51
  } & {
48
52
  version: "v2";
49
53
  variant: "vertical-flow";
@@ -59,6 +63,8 @@ declare const meta: {
59
63
  children?: React.ReactNode;
60
64
  className?: string;
61
65
  divider?: React.ReactNode;
66
+ } & {
67
+ ref?: any;
62
68
  } & {
63
69
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
64
70
  pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
@@ -84,6 +90,8 @@ declare const meta: {
84
90
  borderRadiusRight?: keyof typeof import("../src").SIZES;
85
91
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
86
92
  cursor?: import("../src/types/general.types").CursorOption;
93
+ } & {
94
+ ref?: any;
87
95
  } & {
88
96
  version: "v2";
89
97
  variant: "horizontal-flow";
package/dist/stories/HoverIndicatorControl.stories.d.ts CHANGED
@@ -31,6 +31,8 @@ declare const meta: {
31
31
  borderRadiusRight?: keyof typeof import("../src").SIZES;
32
32
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
33
33
  cursor?: import("../src/types/general.types").CursorOption;
34
+ } & {
35
+ ref?: any;
34
36
  }> & {
35
37
  Indicator: import("react").FC;
36
38
  };
package/dist/stories/PageWithCenteredContentLayout.stories.d.ts CHANGED
@@ -28,6 +28,8 @@ declare const meta: {
28
28
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
29
29
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
30
30
  cursor?: import("../src/types/general.types").CursorOption;
31
+ } & {
32
+ ref?: any;
31
33
  }>> & {
32
34
  Header: import("react").FC<Omit<any, "ref"> & {
33
35
  p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
@@ -54,6 +56,8 @@ declare const meta: {
54
56
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
55
57
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
56
58
  cursor?: import("../src/types/general.types").CursorOption;
59
+ } & {
60
+ ref?: any;
57
61
  } & {
58
62
  leftActionSlot?: import("react").ReactNode;
59
63
  rightActionSlot?: import("react").ReactNode;
@@ -84,6 +88,8 @@ declare const meta: {
84
88
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
85
89
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
86
90
  cursor?: import("../src/types/general.types").CursorOption;
91
+ } & {
92
+ ref?: any;
87
93
  }>;
88
94
  };
89
95
  tags: "new"[];
package/dist/stories/SplitViewLayout.stories.d.ts CHANGED
@@ -29,6 +29,8 @@ declare const meta: {
29
29
  borderRadiusRight?: keyof typeof import("../src/index").SIZES;
30
30
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
31
31
  cursor?: import("../src/types/general.types").CursorOption;
32
+ } & {
33
+ ref?: any;
32
34
  }>> & {
33
35
  Aside: import("react").FC<Omit<Omit<import("react").HTMLProps<HTMLDialogElement>, "ref">, "open">>;
34
36
  };