@luscii-healthtech/web-ui 56.2.0 → 57.0.1

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 (25) hide show
  1. package/dist/index.development.js +3 -43
  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 +1 -32
  6. package/dist/src/components/Stack/Stack.d.ts +1 -16
  7. package/dist/src/generated/components/Box/Box.d.ts +1 -32
  8. package/dist/src/generated/components/Stack/Stack.d.ts +1 -16
  9. package/dist/stories/ActionController.stories.d.ts +1 -16
  10. package/dist/stories/AsideLayout.stories.d.ts +1 -16
  11. package/dist/stories/Box.stories.d.ts +1 -16
  12. package/dist/stories/DetailsDisclosure.stories.d.ts +1 -464
  13. package/dist/stories/Divider.stories.d.ts +0 -32
  14. package/dist/stories/HoverIndicatorControl.stories.d.ts +1 -16
  15. package/dist/stories/ListRecipe.stories.d.ts +22 -0
  16. package/dist/stories/PageWithCenteredContentLayout.stories.d.ts +3 -48
  17. package/dist/stories/Section.stories.d.ts +1 -16
  18. package/dist/stories/SplitViewLayout.stories.d.ts +1 -16
  19. package/dist/stories/Stack.stories.d.ts +0 -1
  20. package/dist/stories/Tabs.stories.d.ts +1 -16
  21. package/dist/stories/TimelineCardLayout.stories.d.ts +0 -16
  22. package/dist/stories/VerticalMenu.stories.d.ts +1 -16
  23. package/dist/web-ui.esm.js +1 -1
  24. package/dist/web-ui.esm.js.map +1 -1
  25. package/package.json +1 -1
package/dist/stories/Divider.stories.d.ts CHANGED
@@ -10,7 +10,6 @@ declare const meta: {
10
10
  }) | (Omit<any, "ref"> & {
11
11
  as?: import("react").ElementType | undefined;
12
12
  _gap?: import("../src/system/Sizes").SpacingKey;
13
- gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
13
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
15
14
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
16
15
  axis?: "x" | "y";
@@ -21,21 +20,6 @@ declare const meta: {
21
20
  divider?: React.ReactNode;
22
21
  } & {
23
22
  ref?: any;
24
- } & {
25
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
26
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
27
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
28
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
29
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
30
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
31
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
32
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
33
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
34
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
35
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
36
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
37
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
38
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
39
23
  } & 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">> & {
40
24
  as?: import("react").ElementType | undefined;
41
25
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
@@ -58,7 +42,6 @@ declare const meta: {
58
42
  }) | (Omit<any, "ref"> & {
59
43
  as?: import("react").ElementType | undefined;
60
44
  _gap?: import("../src/system/Sizes").SpacingKey;
61
- gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
62
45
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
63
46
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
64
47
  axis?: "x" | "y";
@@ -69,21 +52,6 @@ declare const meta: {
69
52
  divider?: React.ReactNode;
70
53
  } & {
71
54
  ref?: any;
72
- } & {
73
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
74
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
75
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
76
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
77
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
78
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
79
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
80
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
81
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
82
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
83
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
84
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
85
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
86
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
87
55
  } & 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">> & {
88
56
  as?: import("react").ElementType | undefined;
89
57
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
package/dist/stories/HoverIndicatorControl.stories.d.ts CHANGED
@@ -6,22 +6,7 @@ declare const meta: {
6
6
  disabled?: boolean;
7
7
  as?: import("react").ElementType;
8
8
  children: import("react").ReactNode;
9
- } & Omit<any, "ref"> & {
10
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
11
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
12
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
13
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
15
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
16
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
17
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
18
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
19
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
20
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
21
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
22
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
23
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
24
- } & 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">> & {
9
+ } & Omit<any, "ref"> & 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">> & {
25
10
  as?: import("react").ElementType | undefined;
26
11
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
27
12
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/ListRecipe.stories.d.ts CHANGED
@@ -50,6 +50,28 @@ export declare const NestedList: Story;
50
50
  * Use the Card's build in hover elevation for a nice effect on the whole card.
51
51
  */
52
52
  export declare const InteractiveList: Story;
53
+ /**
54
+ * A list has to say something while its data loads. Compose the skeleton from
55
+ * the same row anatomy you use for the real rows — icon, title, subtitle,
56
+ * accessory — so the layout does not jump when the data arrives.
57
+ *
58
+ * `Skeleton` takes `width`, `height` and `variant`; keep the widths uneven so
59
+ * the placeholder reads as text rather than as a table.
60
+ *
61
+ * The `role="progressbar"` and `aria-label` belong on the list element, not on
62
+ * each row: a screen reader should hear "loading" once, not once per row.
63
+ */
64
+ export declare const LoadingState: Story;
65
+ /**
66
+ * When there is nothing to show, keep the Card so the page layout stays put and
67
+ * replace the rows with a single line of text. Use `Card.Padding` rather than
68
+ * `UnorderedList.Padding` — there is no list here, and an empty `<ul>` is worse
69
+ * for a screen reader than no `<ul>` at all.
70
+ *
71
+ * Keep the copy specific ("No measurements yet") over generic ("No results"),
72
+ * and add an action only when there is one worth taking.
73
+ */
74
+ export declare const EmptyState: Story;
53
75
  /**
54
76
  * Combine multiple patterns: title, icons, accessories, and interactivity.
55
77
  * This shows the full flexibility of the compositional approach.
package/dist/stories/PageWithCenteredContentLayout.stories.d.ts CHANGED
@@ -3,22 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import("react").FC<import("react").PropsWithChildren<{
5
5
  header: import("react").ReactNode;
6
- } & Omit<any, "ref"> & {
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">> & {
6
+ } & Omit<any, "ref"> & 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
7
  as?: import("react").ElementType | undefined;
23
8
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
24
9
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
@@ -31,22 +16,7 @@ declare const meta: {
31
16
  } & {
32
17
  ref?: any;
33
18
  }>> & {
34
- Header: import("react").FC<Omit<any, "ref"> & {
35
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
36
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
37
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
38
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
39
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
40
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
41
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
42
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
43
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
44
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
45
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
46
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
47
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
48
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
49
- } & 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">> & {
19
+ Header: import("react").FC<Omit<any, "ref"> & 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">> & {
50
20
  as?: import("react").ElementType | undefined;
51
21
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
52
22
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
@@ -63,22 +33,7 @@ declare const meta: {
63
33
  rightActionSlot?: import("react").ReactNode;
64
34
  slotsAlignment?: "start" | "center";
65
35
  }>;
66
- Main: import("react").FC<Omit<any, "ref"> & {
67
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
68
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
69
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
70
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
71
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
72
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
73
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
74
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
75
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
76
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
77
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
78
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
79
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
80
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
81
- } & 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">> & {
36
+ Main: import("react").FC<Omit<any, "ref"> & 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">> & {
82
37
  as?: import("react").ElementType | undefined;
83
38
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
84
39
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
package/dist/stories/Section.stories.d.ts CHANGED
@@ -2,22 +2,7 @@ import { type StoryObj } from "@storybook/react-vite";
2
2
  import Section from "../src/components/Section/Section";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
6
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
7
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
8
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
9
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
10
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
11
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
12
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
13
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
15
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
16
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
17
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
18
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
19
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
20
- } & 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">> & {
5
+ component: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & 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">> & {
21
6
  as?: "section" | undefined;
22
7
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
23
8
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/SplitViewLayout.stories.d.ts CHANGED
@@ -4,22 +4,7 @@ declare const meta: {
4
4
  component: import("react").FC<import("react").PropsWithChildren<{
5
5
  open: boolean;
6
6
  aside: import("react").ReactNode;
7
- } & Omit<any, "ref"> & {
8
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
9
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
10
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
11
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
12
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
13
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
15
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
16
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
17
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
18
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
19
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
20
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
21
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
22
- } & 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">> & {
7
+ } & Omit<any, "ref"> & 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">> & {
23
8
  as?: import("react").ElementType | undefined;
24
9
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
25
10
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
package/dist/stories/Stack.stories.d.ts CHANGED
@@ -6,7 +6,6 @@ declare const meta: {
6
6
  component: <C extends import("react").ElementType = "div">(props: (import("react").PropsWithoutRef<ComponentProps<C>> & {
7
7
  as?: C | undefined;
8
8
  _gap?: import("../src/system/Sizes").SpacingKey;
9
- gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
10
9
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
11
10
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
12
11
  axis?: "x" | "y";
package/dist/stories/Tabs.stories.d.ts CHANGED
@@ -7,22 +7,7 @@ declare const meta: {
7
7
  "Tabs.List": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
8
  "Tabs.Trigger": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
9
  "Tabs.Content": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- "Tabs.Padding": React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
12
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
13
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
14
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
15
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
16
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
17
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
18
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
19
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
20
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
21
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
22
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
23
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
24
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
25
- } & 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">> & {
10
+ "Tabs.Padding": React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & 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">> & {
26
11
  as?: "div" | undefined;
27
12
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
28
13
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
package/dist/stories/TimelineCardLayout.stories.d.ts CHANGED
@@ -7,7 +7,6 @@ declare const meta: {
7
7
  } & Omit<any, "ref"> & {
8
8
  as?: import("react").ElementType | undefined;
9
9
  _gap?: import("../src/system/Sizes").SpacingKey;
10
- gap?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
11
10
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
12
11
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
13
12
  axis?: "x" | "y";
@@ -18,21 +17,6 @@ declare const meta: {
18
17
  divider?: React.ReactNode;
19
18
  } & {
20
19
  ref?: any;
21
- } & {
22
- p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
23
- pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
24
- pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
25
- pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
26
- pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
27
- px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
28
- py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
29
- m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
30
- mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
31
- mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
32
- mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
33
- ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
34
- mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
35
- my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
36
20
  } & 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">> & {
37
21
  as?: import("react").ElementType | undefined;
38
22
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
package/dist/stories/VerticalMenu.stories.d.ts CHANGED
@@ -3,22 +3,7 @@ import { type StoryObj } from "@storybook/react-vite";
3
3
  import { Text } from "../src/components/Text/Text";
4
4
  declare const meta: {
5
5
  title: string;
6
- component: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
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">> & {
6
+ component: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & 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
7
  as?: "div" | undefined;
23
8
  elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
24
9
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;