@duro-app/ui 0.19.0 → 0.20.0

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 (37) hide show
  1. package/dist/components/DetailPanel/DetailPanel.d.ts +53 -0
  2. package/dist/components/DetailPanel/DetailPanel.d.ts.map +1 -0
  3. package/dist/components/DetailPanel/DetailPanel.meta.d.ts +3 -0
  4. package/dist/components/DetailPanel/DetailPanel.meta.d.ts.map +1 -0
  5. package/dist/components/DetailPanel/DetailPanel.stories.d.ts +9 -0
  6. package/dist/components/DetailPanel/DetailPanel.stories.d.ts.map +1 -0
  7. package/dist/components/DetailPanel/styles.css.d.ts +126 -0
  8. package/dist/components/DetailPanel/styles.css.d.ts.map +1 -0
  9. package/dist/components/Dialog/Dialog.meta.d.ts +3 -0
  10. package/dist/components/Dialog/Dialog.meta.d.ts.map +1 -0
  11. package/dist/components/Drawer/Drawer.meta.d.ts +3 -0
  12. package/dist/components/Drawer/Drawer.meta.d.ts.map +1 -0
  13. package/dist/components/Panel/Panel.d.ts +27 -0
  14. package/dist/components/Panel/Panel.d.ts.map +1 -0
  15. package/dist/components/Panel/Panel.meta.d.ts +3 -0
  16. package/dist/components/Panel/Panel.meta.d.ts.map +1 -0
  17. package/dist/components/Panel/Panel.stories.d.ts +10 -0
  18. package/dist/components/Panel/Panel.stories.d.ts.map +1 -0
  19. package/dist/components/Panel/styles.css.d.ts +50 -0
  20. package/dist/components/Panel/styles.css.d.ts.map +1 -0
  21. package/dist/index.css +1 -1
  22. package/dist/index.d.ts +2 -0
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +2417 -2034
  25. package/dist/index.js.map +1 -1
  26. package/package.json +2 -2
  27. package/src/components/DetailPanel/DetailPanel.meta.ts +41 -0
  28. package/src/components/DetailPanel/DetailPanel.stories.tsx +270 -0
  29. package/src/components/DetailPanel/DetailPanel.tsx +312 -0
  30. package/src/components/DetailPanel/styles.css.ts +187 -0
  31. package/src/components/Dialog/Dialog.meta.ts +44 -0
  32. package/src/components/Drawer/Drawer.meta.ts +45 -0
  33. package/src/components/Panel/Panel.meta.ts +37 -0
  34. package/src/components/Panel/Panel.stories.tsx +124 -0
  35. package/src/components/Panel/Panel.tsx +56 -0
  36. package/src/components/Panel/styles.css.ts +55 -0
  37. package/src/index.ts +2 -0
@@ -0,0 +1,53 @@
1
+ import { ReactNode } from 'react';
2
+ export type DetailPanelSize = 'sm' | 'md';
3
+ interface RootProps {
4
+ children: ReactNode;
5
+ /** Controlled open state */
6
+ open?: boolean;
7
+ /** Default open state (uncontrolled) */
8
+ defaultOpen?: boolean;
9
+ /** Called when open state changes */
10
+ onOpenChange?: (open: boolean) => void;
11
+ /** Duration of the close animation in ms. Default: 220 */
12
+ closeAnimationDuration?: number;
13
+ }
14
+ declare function Root({ children, open: controlledOpen, defaultOpen, onOpenChange, closeAnimationDuration, }: RootProps): import("react/jsx-runtime").JSX.Element;
15
+ interface ContentProps {
16
+ children: ReactNode;
17
+ /** Width of the panel. Default: 'sm' (360px) */
18
+ size?: DetailPanelSize;
19
+ /** Accessible name for the complementary landmark */
20
+ label: string;
21
+ }
22
+ declare function Content({ children, size, label }: ContentProps): import("react/jsx-runtime").JSX.Element | null;
23
+ declare function Header({ children }: {
24
+ children: ReactNode;
25
+ }): import("react/jsx-runtime").JSX.Element;
26
+ declare function Title({ children }: {
27
+ children: ReactNode;
28
+ }): import("react/jsx-runtime").JSX.Element;
29
+ interface BodyProps {
30
+ children: ReactNode;
31
+ /** Adds inner padding. Default: true */
32
+ padded?: boolean;
33
+ }
34
+ declare function Body({ children, padded }: BodyProps): import("react/jsx-runtime").JSX.Element;
35
+ declare function Footer({ children }: {
36
+ children: ReactNode;
37
+ }): import("react/jsx-runtime").JSX.Element;
38
+ interface CloseProps {
39
+ children?: ReactNode;
40
+ 'aria-label'?: string;
41
+ }
42
+ declare function Close({ children, 'aria-label': ariaLabel }: CloseProps): import("react/jsx-runtime").JSX.Element;
43
+ export declare const DetailPanel: {
44
+ Root: typeof Root;
45
+ Content: typeof Content;
46
+ Header: typeof Header;
47
+ Title: typeof Title;
48
+ Body: typeof Body;
49
+ Footer: typeof Footer;
50
+ Close: typeof Close;
51
+ };
52
+ export {};
53
+ //# sourceMappingURL=DetailPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAA;AAMd,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAA;AA0BzC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0DAA0D;IAC1D,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,sBAA4B,GAC7B,EAAE,SAAS,2CA4GX;AAID,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAA;CACd;AAYD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,IAAW,EAAE,KAAK,EAAC,EAAE,YAAY,kDA4B5D;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAa/C;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,MAAa,EAAC,EAAE,SAAS,2CAMjD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAmB,EAAC,EAAE,UAAU,2CA2BvE;AAID,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=DetailPanel.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DetailPanel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsClB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const TableSelection: Story;
7
+ export declare const MediumSize: Story;
8
+ export declare const Uncontrolled: Story;
9
+ //# sourceMappingURL=DetailPanel.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DetailPanel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAapD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAwDrB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AA4HD,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAA;AAmCD,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AA4BD,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAA"}
@@ -0,0 +1,126 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly wrapper: Readonly<{
4
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
5
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
6
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
7
+ }>;
8
+ readonly wrapperOpenSm: Readonly<{
9
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
10
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "280ms">;
11
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.32, 0.72, 0, 1)">;
12
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
13
+ }>;
14
+ readonly wrapperCloseSm: Readonly<{
15
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
16
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "220ms">;
17
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.72, 0, 0.68, 0.28)">;
18
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
19
+ }>;
20
+ readonly wrapperOpenMd: Readonly<{
21
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
22
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "280ms">;
23
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.32, 0.72, 0, 1)">;
24
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
25
+ }>;
26
+ readonly wrapperCloseMd: Readonly<{
27
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
28
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "220ms">;
29
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.72, 0, 0.68, 0.28)">;
30
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
31
+ }>;
32
+ readonly content: Readonly<{
33
+ readonly height: css.StyleXClassNameFor<"height", "100%">;
34
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
35
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
36
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
37
+ readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", 1>;
38
+ readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
39
+ readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
40
+ readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
41
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
42
+ }>;
43
+ readonly contentSm: Readonly<{
44
+ readonly width: css.StyleXClassNameFor<"width", 360>;
45
+ }>;
46
+ readonly contentMd: Readonly<{
47
+ readonly width: css.StyleXClassNameFor<"width", 480>;
48
+ }>;
49
+ readonly slideIn: Readonly<{
50
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
51
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "280ms">;
52
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.32, 0.72, 0, 1)">;
53
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
54
+ }>;
55
+ readonly slideOut: Readonly<{
56
+ readonly animationName: css.StyleXClassNameFor<"animationName", string>;
57
+ readonly animationDuration: css.StyleXClassNameFor<"animationDuration", "220ms">;
58
+ readonly animationTimingFunction: css.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.72, 0, 0.68, 0.28)">;
59
+ readonly animationFillMode: css.StyleXClassNameFor<"animationFillMode", "both">;
60
+ }>;
61
+ readonly header: Readonly<{
62
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
63
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
64
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
65
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
66
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
67
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
68
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
69
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
70
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 1>;
71
+ readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
72
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
73
+ }>;
74
+ readonly title: Readonly<{
75
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", 18>;
76
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", 600>;
77
+ readonly lineHeight: css.StyleXClassNameFor<"lineHeight", 1.4>;
78
+ readonly color: css.StyleXClassNameFor<"color", string>;
79
+ readonly margin: css.StyleXClassNameFor<"margin", 0>;
80
+ readonly flex: css.StyleXClassNameFor<"flex", 1>;
81
+ readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
82
+ }>;
83
+ readonly body: Readonly<{
84
+ readonly flex: css.StyleXClassNameFor<"flex", 1>;
85
+ readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
86
+ }>;
87
+ readonly bodyPadded: Readonly<{
88
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
89
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
90
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
91
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
92
+ }>;
93
+ readonly footer: Readonly<{
94
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
95
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
96
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
97
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
98
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
99
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
100
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
101
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
102
+ readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", 1>;
103
+ readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
104
+ readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
105
+ }>;
106
+ readonly closeButton: Readonly<{
107
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
108
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
109
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
110
+ readonly width: css.StyleXClassNameFor<"width", 32>;
111
+ readonly height: css.StyleXClassNameFor<"height", 32>;
112
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 8>;
113
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
114
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
115
+ readonly color: css.StyleXClassNameFor<"color", string>;
116
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
117
+ readonly padding: css.StyleXClassNameFor<"padding", 0>;
118
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
119
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
120
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
121
+ }>;
122
+ readonly inlineWrapper: Readonly<{
123
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
124
+ }>;
125
+ }>;
126
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAYpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8KjB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=Dialog.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyClB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=Drawer.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0ClB,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { ReactNode } from 'react';
2
+ interface RootProps {
3
+ children: ReactNode;
4
+ /** Adds an outer border. Default: false */
5
+ bordered?: boolean;
6
+ }
7
+ declare function Root({ children, bordered }: RootProps): import("react/jsx-runtime").JSX.Element;
8
+ declare function Header({ children }: {
9
+ children: ReactNode;
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ interface BodyProps {
12
+ children: ReactNode;
13
+ /** Adds inner padding. Default: true */
14
+ padded?: boolean;
15
+ }
16
+ declare function Body({ children, padded }: BodyProps): import("react/jsx-runtime").JSX.Element;
17
+ declare function Footer({ children }: {
18
+ children: ReactNode;
19
+ }): import("react/jsx-runtime").JSX.Element;
20
+ export declare const Panel: {
21
+ Root: typeof Root;
22
+ Header: typeof Header;
23
+ Body: typeof Body;
24
+ Footer: typeof Footer;
25
+ };
26
+ export {};
27
+ //# sourceMappingURL=Panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAMpC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,QAAgB,EAAC,EAAE,SAAS,2CAMpD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,MAAa,EAAC,EAAE,SAAS,2CAMjD;AAID,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAEhD;AAID,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ComponentMeta } from '../component-meta';
2
+ export declare const meta: ComponentMeta;
3
+ //# sourceMappingURL=Panel.meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj;
5
+ export declare const Default: Story;
6
+ export declare const Bordered: Story;
7
+ export declare const BodyOnly: Story;
8
+ export declare const UnpaddedBody: Story;
9
+ export declare const WithForm: Story;
10
+ //# sourceMappingURL=Panel.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAUpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAIrB,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAID,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAID,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAID,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAID,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA"}
@@ -0,0 +1,50 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly root: Readonly<{
4
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
5
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
6
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
7
+ }>;
8
+ readonly bordered: Readonly<{
9
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
10
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
11
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
12
+ }>;
13
+ readonly header: Readonly<{
14
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
15
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
16
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
17
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
18
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
19
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
20
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
21
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
22
+ readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", 1>;
23
+ readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
24
+ readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
25
+ }>;
26
+ readonly body: Readonly<{
27
+ readonly flex: css.StyleXClassNameFor<"flex", 1>;
28
+ readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
29
+ }>;
30
+ readonly bodyPadded: Readonly<{
31
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
32
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
33
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
34
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
35
+ }>;
36
+ readonly footer: Readonly<{
37
+ readonly display: css.StyleXClassNameFor<"display", "flex">;
38
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
39
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "flex-end">;
40
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
41
+ readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
42
+ readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
43
+ readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
44
+ readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
45
+ readonly borderTopWidth: css.StyleXClassNameFor<"borderTopWidth", 1>;
46
+ readonly borderTopStyle: css.StyleXClassNameFor<"borderTopStyle", "solid">;
47
+ readonly borderTopColor: css.StyleXClassNameFor<"borderTopColor", string>;
48
+ }>;
49
+ }>;
50
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDjB,CAAA"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;min-height:100vh}}@layer reset;@layer priority1,priority2,priority3,priority4,priority5;@property --x-gridTemplateColumns{syntax: "*"; inherits: false;}@property --x-maxHeight{syntax: "*"; inherits: false;}@property --x-height{syntax: "*"; inherits: false;}@property --x-transform{syntax: "*"; inherits: false;}@property --x-width{syntax: "*"; inherits: false;}@property --x-minWidth{syntax: "*"; inherits: false;}@keyframes x1jn504y-B{0%{opacity:1}to{opacity:0}}@keyframes xh6gf7g-B{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.97) translateY(8px)}}@keyframes x18re5ia-B{0%{opacity:0}to{opacity:1}}@keyframes xb0mj6r-B{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes xqng64z-B{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xepz06c-B{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes x44muo0-B{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes xfa266b-B{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes x1wtgnkq-B{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes xzk1luc-B{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes xdc7f5d-B{0%{transform:translateY(0)}to{transform:translateY(100%)}}:root,.xjvd03b{--bg-xqkwqtp:#0f0f0f;--bgCard-xj2l5r:#1a1a1a;--bgCardHover-xlxk7vw:#242424;--text-xlpbogt:#e5e5e5;--textMuted-x651nu9:#b0b0b0;--accent-xw7wp3v:#6aaffc;--accentHover-x18fqoz:#93c5fd;--accentContrast-x3gzxyp:#000000;--border-x1drj1pb:#333333;--error-x13gdhh0:#f87171;--errorHover-x7eyu03:#fca5a5;--errorBg-xrl8836:rgba(248, 113, 113, .1);--errorBorder-x1a6pjl:rgba(248, 113, 113, .3);--errorText-xf51nwe:#fca5a5;--errorContrast-x1lvjkah:#000000;--success-x197pe5n:#22c55e;--successBg-xzjukav:rgba(34, 197, 94, .1);--successBorder-x1my3ygc:rgba(34, 197, 94, .3);--successText-x46dg9e:#86efac;--warning-x1gq0pyw:#fbbf24;--warningBg-xtnxqss:rgba(251, 191, 36, .1);--warningBorder-x1ev2mr5:rgba(251, 191, 36, .3);--warningText-x1lgjghx:#fde68a;--info-x97ho0r:#6aaffc;--infoBg-xho8jir:rgba(106, 175, 252, .1);--infoBorder-xnevk3x:rgba(106, 175, 252, .3);--infoText-x19pseus:#93c5fd}:root,.xs62swl{--fontFamily-xvrmnat:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--fontFamilyMono-x1bzqfky:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--fontSizeXs-x1w5m325:.75rem;--fontSizeSm-x1bjjs4u:.875rem;--fontSizeMd-xq8d99q:1rem;--fontSizeLg-x18ngplw:1.125rem;--fontSizeXl-x1b1mqsu:1.25rem;--fontSizeHeading-x1stydh2:1.5rem;--fontWeightNormal-x1y1cayu:400;--fontWeightMedium-xaw13ft:500;--fontWeightSemibold-xg6c7xe:600;--fontWeightBold-x1pjkvwg:700;--lineHeight-x1gubzd5:1.5}:root,.x4cj49w{--fontSize1-xx27tux:.75rem;--fontSize2-x5hag8h:.8125rem;--fontSize3-x1mf6j39:.875rem;--fontSize4-xh0hch2:1rem;--fontSize5-xcllv62:1.125rem;--fontSize6-xo5veds:1.25rem;--fontSize7-x1j85tz8:1.5rem;--fontSize8-x17zhits:1.875rem;--fontSize9-xveysf7:2.25rem;--lineHeight1-x17o1wol:1rem;--lineHeight2-xinpx5n:1.25rem;--lineHeight3-x1163vpm:1.25rem;--lineHeight4-x1y0jdbp:1.5rem;--lineHeight5-xjln4cz:1.5rem;--lineHeight6-x1h1b5wo:1.75rem;--lineHeight7-xx3gx0p:2rem;--lineHeight8-xk1f09j:2.25rem;--lineHeight9-xshcxhh:2.75rem;--displaySm-x5inqzv:clamp(2.25rem, 1.5rem + 2vw, 3rem);--displayMd-x1oektom:clamp(2.75rem, 1.75rem + 2.5vw, 3.75rem);--displayLg-x6qsr1u:clamp(3.5rem, 2rem + 3.5vw, 4.5rem);--letterSpacingTight-xmavxfk:-.02em;--letterSpacingNormal-x1ih41v1:0;--letterSpacingWide-xt8z9rj:.04em}:root,.x13v825q{--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .3);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .4);--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .5)}:root,.xw3ffwm{--sm-x1bhtfs5:8px;--md-xx2g89g:12px;--lg-xwd56yl:16px;--full-x9vxdtd:9999px}:root,.x16nfoyr{--stackXs-x1qfrfo2:4px;--stackSm-x2rk1ut:8px;--stackMd-xhblkt4:16px;--stackLg-xeue779:24px;--stackXl-x7sbbgu:48px;--inlineXs-xq4tp4f:4px;--inlineSm-x2o8bbf:8px;--inlineMd-x1oalkxi:16px;--inlineLg-xz69o43:24px;--containerSm-x3nosus:16px;--containerMd-x170dvin:24px;--containerLg-x1n6aasq:32px}:root,.x6uc9q{--xs-xxfyjsd:4px;--sm-xbh8y7f:8px;--ms-x13y09zs:12px;--md-x3pkb85:16px;--lg-x34mutn:24px;--xl-xttpygj:32px;--xxl-xbe9eha:48px;--xxxl-xroalp5:64px}.xrtwk39.xrtwk39,.xrtwk39.xrtwk39:root{--accent-xw7wp3v:#1e40af;--accentContrast-x3gzxyp:#ffffff;--accentHover-x18fqoz:#1a3799;--bg-xqkwqtp:#ffffff;--bgCard-xj2l5r:#f5f5f5;--bgCardHover-xlxk7vw:#ebebeb;--border-x1drj1pb:#d4d4d4;--error-x13gdhh0:#991b1b;--errorBg-xrl8836:rgba(153, 27, 27, .08);--errorBorder-x1a6pjl:rgba(153, 27, 27, .3);--errorContrast-x1lvjkah:#ffffff;--errorHover-x7eyu03:#7f1d1d;--errorText-xf51nwe:#7f1d1d;--info-x97ho0r:#1e40af;--infoBg-xho8jir:rgba(30, 64, 175, .08);--infoBorder-xnevk3x:rgba(30, 64, 175, .3);--infoText-x19pseus:#1e40af;--success-x197pe5n:#166534;--successBg-xzjukav:rgba(22, 101, 52, .08);--successBorder-x1my3ygc:rgba(22, 101, 52, .3);--successText-x46dg9e:#14532d;--text-xlpbogt:#1a1a1a;--textMuted-x651nu9:#4a4a4a;--warning-x1gq0pyw:#92400e;--warningBg-xtnxqss:rgba(146, 64, 14, .08);--warningBorder-x1ev2mr5:rgba(146, 64, 14, .3);--warningText-x1lgjghx:#78350f}.xaveibd.xaveibd,.xaveibd.xaveibd:root{--accent-xw7wp3v:#60a5fa;--accentContrast-x3gzxyp:#000000;--accentHover-x18fqoz:#93c5fd;--bg-xqkwqtp:#000000;--bgCard-xj2l5r:#111111;--bgCardHover-xlxk7vw:#1a1a1a;--border-x1drj1pb:#555555;--error-x13gdhh0:#f87171;--errorBg-xrl8836:rgba(248, 113, 113, .15);--errorBorder-x1a6pjl:rgba(248, 113, 113, .5);--errorContrast-x1lvjkah:#000000;--errorHover-x7eyu03:#fca5a5;--errorText-xf51nwe:#fca5a5;--info-x97ho0r:#60a5fa;--infoBg-xho8jir:rgba(96, 165, 250, .15);--infoBorder-xnevk3x:rgba(96, 165, 250, .5);--infoText-x19pseus:#bfdbfe;--success-x197pe5n:#4ade80;--successBg-xzjukav:rgba(74, 222, 128, .15);--successBorder-x1my3ygc:rgba(74, 222, 128, .5);--successText-x46dg9e:#86efac;--text-xlpbogt:#ffffff;--textMuted-x651nu9:#b0b0b0;--warning-x1gq0pyw:#fcd34d;--warningBg-xtnxqss:rgba(252, 211, 77, .15);--warningBorder-x1ev2mr5:rgba(252, 211, 77, .5);--warningText-x1lgjghx:#fef08a}.xv9ibj0.xv9ibj0,.xv9ibj0.xv9ibj0:root{--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .16);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .12);--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .08)}.x15e39jv.x15e39jv,.x15e39jv.x15e39jv:root{--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .8);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .7);--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .6)}@layer priority2{.inset-x10a8y8t{inset:0}.margin-x1ghz6dp{margin:0}.padding-x1717udv{padding:0}.padding-x1tamke2{padding:16px}.padding-xggk2y7{padding:24px}.padding-x1dof8lg{padding:80px}.padding-xqn0zrx{padding:var(--lg-x34mutn)}.padding-x1vxgmwl{padding:var(--md-x3pkb85)}.padding-xk55gxw{padding:var(--sm-xbh8y7f) var(--md-x3pkb85)}.padding-xlm5w08{padding:var(--sm-xbh8y7f)}.padding-xvhirgo{padding:var(--xl-xttpygj)}.padding-x3dt91r{padding:var(--xs-xxfyjsd) var(--sm-xbh8y7f)}}@layer priority3{.borderColor-x12a3ptf{border-color:#333}.borderColor-xn4ta71{border-color:#0000008c}.borderColor-x9r1u3d{border-color:transparent}.borderColor-xtoub4s{border-color:var(--accent-xw7wp3v)}.borderColor-x15ykms2{border-color:var(--border-x1drj1pb)}.borderColor-x1ykfga2{border-color:var(--error-x13gdhh0)}.borderColor-x5sk741{border-color:var(--errorBorder-x1a6pjl)}.borderColor-xph25kj{border-color:var(--infoBorder-xnevk3x)}.borderColor-x12pdnh{border-color:var(--successBorder-x1my3ygc)}.borderColor-xy0cbzl{border-color:var(--warningBorder-x1ev2mr5)}.borderRadius-x2u8bby{border-radius:0}.borderRadius-x4pepcl{border-radius:12px}.borderRadius-x12oqio5{border-radius:4px}.borderRadius-x16rqkct{border-radius:50%}.borderRadius-xur7f20{border-radius:8px}.borderRadius-x1k4pcc6{border-radius:var(--full-x9vxdtd)}.borderRadius-xr8drtf{border-radius:var(--lg-xwd56yl)}.borderRadius-xwbokb3{border-radius:var(--md-xx2g89g)}.borderRadius-x17rit4p{border-radius:var(--sm-x1bhtfs5)}.borderStyle-xng3xce{border-style:none}.borderStyle-x1y0btm7{border-style:solid}.borderWidth-xc342km{border-width:0}.borderWidth-xmkeg23{border-width:1px}.borderWidth-xdh2fpr{border-width:2px}.borderWidth-x9r2w2z{border-width:3px}.flex-x98rzlu{flex:1}.gap-xxhr3t{gap:0}.gap-x1v2ro7d{gap:12px}.gap-xou54vl{gap:16px}.gap-x1665zp3{gap:24px}.gap-x1rzw5jd{gap:32px}.gap-x167g77z{gap:8px}.gap-x1038972{gap:var(--lg-x34mutn)}.gap-xb6pwsi{gap:var(--md-x3pkb85)}.gap-x1x2w4m1{gap:var(--ms-x13y09zs)}.gap-x175yhtj{gap:var(--sm-xbh8y7f)}.gap-x8w6ti4{gap:var(--xl-xttpygj)}.gap-xl5ne8a{gap:var(--xs-xxfyjsd)}.gap-x6m84cd{gap:var(--xxl-xbe9eha)}.gap-x1a8amag{gap:var(--xxxl-xroalp5)}.listStyle-xe8uvvx{list-style:none}.overflow-xysyzu8{overflow:auto}.overflow-xb3r6kr{overflow:hidden}.textDecoration-x1hl2dhg{text-decoration:none}.borderColor-xnhatzx:focus-within{border-color:var(--accent-xw7wp3v)}.borderColor-x1i3jeul:hover{border-color:#000000b3}.borderColor-x1sa8nge:hover{border-color:var(--accent-xw7wp3v)}.borderColor-x1h0apf1:hover{border-color:var(--accentHover-x18fqoz)}.borderColor-x1uqlaoh:hover{border-color:var(--errorHover-x7eyu03)}.borderColor-x1xge8s5:hover{border-color:var(--textMuted-x651nu9)}.textDecoration-xt0b8zv:hover{text-decoration:underline}.borderColor-xopszut:focus{border-color:var(--accent-xw7wp3v)}.borderColor-x1ua9nv6:focus{border-color:var(--error-x13gdhh0)}}@layer priority4{.alignItems-x1pha0wt{align-items:baseline}.alignItems-x6s0dn4{align-items:center}.alignItems-xuk3077{align-items:flex-end}.alignItems-x1cy8zhl{align-items:flex-start}.alignItems-x1qjc9v5{align-items:stretch}.alignSelf-xkh2ocl{align-self:stretch}.animationDuration-x773k2o{animation-duration:.14s}.animationDuration-x1shwlz2{animation-duration:.16s}.animationDuration-xllfotl{animation-duration:.18s}.animationDuration-x5hsz1j{animation-duration:.2s}.animationDuration-xdz8niu{animation-duration:.6s}.animationDuration-xjlvqhv{animation-duration:1ms}.animationFillMode-x1u6ievf{animation-fill-mode:both}.animationIterationCount-xa4qsjk{animation-iteration-count:infinite}.animationName-xqcmdr3{animation-name:x18re5ia-B}.animationName-xxp0q0x{animation-name:x1jn504y-B}.animationName-x1njaipp{animation-name:x1wtgnkq-B}.animationName-x1495tdg{animation-name:x44muo0-B}.animationName-xj2s6sw{animation-name:xb0mj6r-B}.animationName-x113xcms{animation-name:xdc7f5d-B}.animationName-x11vn4u2{animation-name:xepz06c-B}.animationName-x1w55rbo{animation-name:xfa266b-B}.animationName-x13esz5c{animation-name:xh6gf7g-B}.animationName-x1ka1v4i{animation-name:xqng64z-B}.animationName-xdd610l{animation-name:xzk1luc-B}.animationTimingFunction-xn0cd8s{animation-timing-function:ease-in}.animationTimingFunction-xa3vuyk{animation-timing-function:ease-out}.animationTimingFunction-x1esw782{animation-timing-function:linear}.aspectRatio-xuw900x{aspect-ratio:attr(width) / attr(height)}.backgroundColor-x83z2og{background-color:#fff}.backgroundColor-x42x0ya{background-color:#000}.backgroundColor-x1si8nl4{background-color:#0000001a}.backgroundColor-x1c8ul09{background-color:#0006}.backgroundColor-xjbqb8w{background-color:transparent}.backgroundColor-xe71zpv{background-color:var(--accent-xw7wp3v)}.backgroundColor-x1ju0ec1{background-color:var(--accentContrast-x3gzxyp)}.backgroundColor-xr5vhjl{background-color:var(--bg-xqkwqtp)}.backgroundColor-xuw63hu{background-color:var(--bgCard-xj2l5r)}.backgroundColor-xlyqa1p{background-color:var(--bgCardHover-xlxk7vw)}.backgroundColor-xj42bkw{background-color:var(--border-x1drj1pb)}.backgroundColor-x10mc7m5{background-color:var(--error-x13gdhh0)}.backgroundColor-x1wd2ajv{background-color:var(--errorBg-xrl8836)}.backgroundColor-x7w7npx{background-color:var(--infoBg-xho8jir)}.backgroundColor-x1i9d2x{background-color:var(--success-x197pe5n)}.backgroundColor-x1w6yvof{background-color:var(--successBg-xzjukav)}.backgroundColor-xpqhtgw{background-color:var(--warning-x1gq0pyw)}.backgroundColor-xpszveo{background-color:var(--warningBg-xtnxqss)}.boxShadow-xvyaw3o{box-shadow:var(--lg-x1mxd62i)}.boxShadow-x1e78jka{box-shadow:var(--md-x1oyt0aw)}.boxSizing-x9f619{box-sizing:border-box}.clip-xzpqnlu{clip:rect(0,0,0,0)}.color-x1g3taxb{color:#888}.color-xbopyqs{color:#e5e5e5}.color-xf715ks{color:var(--accent-xw7wp3v)}.color-xb4pum2{color:var(--accentContrast-x3gzxyp)}.color-x18lhcay{color:var(--error-x13gdhh0)}.color-xq7rr3p{color:var(--errorContrast-x1lvjkah)}.color-x1u5hled{color:var(--errorText-xf51nwe)}.color-x98i3cp{color:var(--info-x97ho0r)}.color-x1immjds{color:var(--infoText-x19pseus)}.color-x1e9nv2a{color:var(--success-x197pe5n)}.color-xddild6{color:var(--successText-x46dg9e)}.color-x95150z{color:var(--text-xlpbogt)}.color-x4opovt{color:var(--textMuted-x651nu9)}.color-x1co70gi{color:var(--warning-x1gq0pyw)}.color-xxm2x32{color:var(--warningText-x1lgjghx)}.cursor-xmper1u{cursor:inherit}.cursor-x1h6gzvc{cursor:not-allowed}.cursor-x1ypdohk{cursor:pointer}.display-xjp7ctv{display:contents}.display-x78zum5{display:flex}.display-xrvj5dj{display:grid}.display-x3nfvp2{display:inline-flex}.display-x1s85apg{display:none}.flexDirection-xdt5ytf{flex-direction:column}.flexDirection-x1q0g3np{flex-direction:row}.flexShrink-x2lah0s{flex-shrink:0}.flexWrap-xozqiw3{flex-wrap:nowrap}.flexWrap-x1a02dak{flex-wrap:wrap}.float-x1faq86j{float:left}.fontFamily-x1lxnp44{font-family:monospace,"monospace"}.fontFamily-xce2pww{font-family:var(--fontFamily-xvrmnat)}.fontFamily-x1kygxdj{font-family:var(--fontFamilyMono-x1bzqfky)}.fontSize-x2ohwh0{font-size:.625rem}.fontSize-xboafo0{font-size:.75rem}.fontSize-xkpwil5{font-size:.875rem}.fontSize-x1603h9y{font-size:1.25rem}.fontSize-xngnso2{font-size:1.5rem}.fontSize-xif65rj{font-size:14px}.fontSize-xrv4cvt{font-size:1em}.fontSize-x1s08cw3{font-size:var(--displayLg-x6qsr1u)}.fontSize-xrqn33v{font-size:var(--displayMd-x1oektom)}.fontSize-x1lwaixd{font-size:var(--displaySm-x5inqzv)}.fontSize-x19zw8p8{font-size:var(--fontSize1-xx27tux)}.fontSize-x1hn3ytp{font-size:var(--fontSize3-x1mf6j39)}.fontSize-xfzcsg9{font-size:var(--fontSize4-xh0hch2)}.fontSize-x1kws70c{font-size:var(--fontSize5-xcllv62)}.fontSize-xtv95mj{font-size:var(--fontSize6-xo5veds)}.fontSize-x1qndi8g{font-size:var(--fontSize7-x1j85tz8)}.fontSize-xo0rcgw{font-size:var(--fontSize8-x17zhits)}.fontSize-x6ugw34{font-size:var(--fontSize9-xveysf7)}.fontSize-xf1260f{font-size:var(--fontSizeLg-x18ngplw)}.fontSize-x1tzajr0{font-size:var(--fontSizeSm-x1bjjs4u)}.fontSize-x1f81oxx{font-size:var(--fontSizeXs-x1w5m325)}.fontWeight-x1s688f{font-weight:600}.fontWeight-x117nqv4{font-weight:700}.fontWeight-xhkckuk{font-weight:var(--fontWeightBold-x1pjkvwg)}.fontWeight-x120ksxs{font-weight:var(--fontWeightMedium-xaw13ft)}.fontWeight-xrec02b{font-weight:var(--fontWeightNormal-x1y1cayu)}.fontWeight-x1x12jc5{font-weight:var(--fontWeightSemibold-xg6c7xe)}.gridTemplateColumns-x1y6fwsi{grid-template-columns:1fr}.gridTemplateColumns-x1p9eum2{grid-template-columns:repeat(2,1fr)}.gridTemplateColumns-x1wlfl8j{grid-template-columns:repeat(3,1fr)}.gridTemplateColumns-xl501l6{grid-template-columns:repeat(4,1fr)}.gridTemplateColumns-xkgyxu0{grid-template-columns:repeat(5,1fr)}.gridTemplateColumns-xu4o1vd{grid-template-columns:repeat(6,1fr)}.gridTemplateColumns-xem2tbl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gridTemplateColumns-xqketvx{grid-template-columns:var(--x-gridTemplateColumns)}.justifyContent-xl56j7k{justify-content:center}.justifyContent-x13a6bvl{justify-content:flex-end}.justifyContent-x1nhvcw1{justify-content:flex-start}.justifyContent-x1qughib{justify-content:space-between}.justifyContent-x1szn6h9{justify-content:stretch}.letterSpacing-x2ujxvm{letter-spacing:.05em}.letterSpacing-x2e73ve{letter-spacing:var(--letterSpacingNormal-x1ih41v1)}.letterSpacing-xql2p2a{letter-spacing:var(--letterSpacingTight-xmavxfk)}.letterSpacing-x121swot{letter-spacing:var(--letterSpacingWide-xt8z9rj)}.lineHeight-x1159mfc{line-height:1.1}.lineHeight-x1uo3zyz{line-height:1.15}.lineHeight-x1u7k74{line-height:1.2}.lineHeight-xo5v014{line-height:1}.lineHeight-x16vvzb8{line-height:var(--lineHeight-x1gubzd5)}.lineHeight-xsnwo96{line-height:var(--lineHeight1-x17o1wol)}.lineHeight-xzs5d81{line-height:var(--lineHeight3-x1163vpm)}.lineHeight-x80sjjd{line-height:var(--lineHeight4-x1y0jdbp)}.lineHeight-x1487en2{line-height:var(--lineHeight5-xjln4cz)}.lineHeight-xyb71hx{line-height:var(--lineHeight6-x1h1b5wo)}.lineHeight-x17ovj3u{line-height:var(--lineHeight7-xx3gx0p)}.lineHeight-x18micsl{line-height:var(--lineHeight8-xk1f09j)}.lineHeight-x1f79cfb{line-height:var(--lineHeight9-xshcxhh)}.opacity-xuzhngd{opacity:.3}.opacity-xti2d7y{opacity:.4}.opacity-xbyyjgo{opacity:.5}.opacity-x197sbye{opacity:.6}.opacity-x1ks1olk{opacity:.7}.opacity-xg01cxk{opacity:0}.opacity-x1hc1fzr{opacity:1}.outlineColor-x1uczgqu{outline-color:transparent}.outlineColor-x1e3ajik{outline-color:var(--accent-xw7wp3v)}.outlineOffset-x1wfwxd8{outline-offset:0}.outlineOffset-x1hl8ikr{outline-offset:2px}.outlineStyle-x1t137rt{outline-style:none}.outlineStyle-xaatb59{outline-style:solid}.outlineWidth-x1k57tk5{outline-width:0}.pointerEvents-x67bb7w{pointer-events:auto}.pointerEvents-x47corl{pointer-events:none}.position-x10l6tqk{position:absolute}.position-xixxii4{position:fixed}.position-x1n2onr6{position:relative}.resize-x288g5{resize:vertical}.scrollbarWidth-x1rohswg{scrollbar-width:none}.textAlign-x2b8uid{text-align:center}.textAlign-xp4054r{text-align:end}.textAlign-x16tdsg8{text-align:inherit}.textAlign-xdpxx8g{text-align:left}.textAlign-x1yc453h{text-align:start}.textOverflow-xlyipyv{text-overflow:ellipsis}.textTransform-xtvhhri{text-transform:uppercase}.touchAction-x5ve5x3{touch-action:none}.transform-x1iffjtl{transform:rotate(90deg)}.transform-xuuh30{transform:translate(-50%)}.transform-x1psfjxj{transform:translate(16px)}.transform-x1cb1t30{transform:translateY(-50%)}.transform-xnn1q72{transform:translateY(0)}.transform-xsqj5wx{transform:var(--x-transform)}.transitionDuration-xx6bhzk{transition-duration:.15s}.transitionDuration-x13dflua{transition-duration:.2s}.transitionProperty-x1qsmvhx{transition-property:background-color,border-color,color,opacity}.transitionProperty-x1eaenvl{transition-property:background-color,border-color,color}.transitionProperty-x1lxufdw{transition-property:background-color,border-color,transform}.transitionProperty-xts7igz{transition-property:background-color,border-color}.transitionProperty-x15406qy{transition-property:background-color}.transitionProperty-xshfolx{transition-property:border-color}.transitionProperty-x1gbuem2{transition-property:color,background-color}.transitionProperty-xrf8owv{transition-property:color,border-color}.transitionProperty-xt3l3uh{transition-property:color}.transitionProperty-x19991ni{transition-property:opacity}.transitionProperty-x11xpdln{transition-property:transform}.transitionTimingFunction-xwji4o3{transition-timing-function:ease}.userSelect-x87ps6o{user-select:none}.whiteSpace-xuxw1ft{white-space:nowrap}.wordWrap-x1vvkbs{word-wrap:break-word}.zIndex-x1vjfegm{z-index:1}.zIndex-xfo81ep{z-index:1000}.zIndex-x1bkdxzg{z-index:1001}.zIndex-x1ygf0dq{z-index:49}.zIndex-xa9119d{z-index:50}.outlineColor-xn4rb0z:focus-visible{outline-color:var(--accent-xw7wp3v)}.outlineOffset-x1bqaal:focus-visible{outline-offset:-2px}.outlineOffset-x13iak60:focus-visible{outline-offset:1px}.outlineOffset-x7s97pk:focus-visible{outline-offset:2px}.outlineStyle-x9v5kkp:focus-visible{outline-style:solid}.outlineWidth-x784prv:focus-visible{outline-width:2px}.backgroundColor-x1q0t7ex:hover{background-color:#0000002e}.backgroundColor-x17vqp0b:hover{background-color:var(--accentHover-x18fqoz)}.backgroundColor-x1f6ndqt:hover{background-color:var(--bgCard-xj2l5r)}.backgroundColor-x14zl4n5:hover{background-color:var(--bgCardHover-xlxk7vw)}.backgroundColor-x10l0nxl:hover{background-color:var(--errorHover-x7eyu03)}.backgroundColor-x1jg2p85:hover{background-color:var(--textMuted-x651nu9)}.color-x10ibmwn:hover{color:var(--accentContrast-x3gzxyp)}.color-x1smh5zp:hover{color:var(--accentHover-x18fqoz)}.color-xtolcfe:hover{color:var(--text-xlpbogt)}.opacity-x1o7uuvo:hover{opacity:1}.transform-x1lz31oe:hover{transform:translateY(-2px)}.backgroundColor-x19od9eq:active{background-color:var(--accentHover-x18fqoz)}.backgroundColor-xoex05x:active{background-color:var(--bg-xqkwqtp)}.backgroundColor-xkdokub:active{background-color:var(--errorHover-x7eyu03)}}@layer priority5{.borderBottomColor-xivxizw{border-bottom-color:#1a1a1a}.borderBottomColor-x16stqrj{border-bottom-color:transparent}.borderBottomColor-xln13o9{border-bottom-color:var(--accent-xw7wp3v)}.borderBottomColor-x19cyuh1{border-bottom-color:var(--border-x1drj1pb)}.borderBottomStyle-x1q0q8m5{border-bottom-style:solid}.borderBottomWidth-x1qhh985{border-bottom-width:0}.borderBottomWidth-xso031l{border-bottom-width:1px}.borderBottomWidth-xlxy82{border-bottom-width:2px}.borderLeftColor-xrdsh3q{border-left-color:var(--border-x1drj1pb)}.borderLeftStyle-x19ypqd9{border-left-style:solid}.borderLeftWidth-xyj58a3{border-left-width:0}.borderLeftWidth-xe0pwq{border-left-width:1px}.borderRightColor-xhe5wa1{border-right-color:transparent}.borderRightColor-x1ixpgpl{border-right-color:var(--accent-xw7wp3v)}.borderRightColor-x9iiiab{border-right-color:var(--border-x1drj1pb)}.borderRightStyle-x32b0ac{border-right-style:solid}.borderRightWidth-xgfja2r{border-right-width:0}.borderRightWidth-xs1s249{border-right-width:1px}.borderRightWidth-xyy74w7{border-right-width:2px}.borderTopColor-x10hlr9n{border-top-color:var(--accent-xw7wp3v)}.borderTopColor-xvuocu{border-top-color:var(--border-x1drj1pb)}.borderTopLeftRadius-x2ua5wa{border-top-left-radius:var(--lg-xwd56yl)}.borderTopRightRadius-x10dto5q{border-top-right-radius:var(--lg-xwd56yl)}.borderTopStyle-x13fuv20{border-top-style:solid}.borderTopWidth-x178xt8z{border-top-width:1px}.bottom-x1ey2m1c{bottom:0}.bottom-x10w3d4m{bottom:100%}.bottom-xkmh5i6{bottom:var(--lg-x34mutn)}.height-x5yr21d{height:100%}.height-x1kpxq89{height:12px}.height-xlup9mm{height:16px}.height-xmix8c7{height:18px}.height-xjm9jq1{height:1px}.height-x1qx5ct2{height:20px}.height-xxk0z11{height:24px}.height-x1fgtraw{height:28px}.height-x10w6t97{height:32px}.height-x1vqgdyp{height:40px}.height-xsdox4t{height:48px}.height-xdk7pt{height:8px}.height-xt7dq6l{height:auto}.height-x16ye13r{height:var(--x-height)}.left-xu96u03{left:0}.left-xl8wat7{left:100%}.left-x54rlcq{left:2px}.left-x1nrll8i{left:50%}.left-x1t8mvi6{left:auto}.marginBottom-xod5an3{margin-bottom:12px}.marginBottom-x1e56ztr{margin-bottom:8px}.marginBottom-x1r3sbrj{margin-bottom:var(--md-x3pkb85)}.marginBottom-xnccn3x{margin-bottom:var(--xs-xxfyjsd)}.marginLeft-x8x9d4c{margin-left:auto}.marginLeft-xfm9slh{margin-left:var(--xs-xxfyjsd)}.marginRight-xack27t{margin-right:auto}.marginRight-xe0vfj5{margin-right:var(--sm-xbh8y7f)}.marginRight-xl7vkbm{margin-right:var(--xs-xxfyjsd)}.marginTop-xr9ek0c{margin-top:2px}.marginTop-x85i5cd{margin-top:var(--sm-xbh8y7f)}.marginTop-xuerg7n{margin-top:var(--xs-xxfyjsd)}.maxHeight-xhd83ik{max-height:85vh}.maxHeight-x1jols5v{max-height:var(--x-maxHeight)}.maxWidth-x193iq5w{max-width:100%}.maxWidth-x1ikqzku{max-width:1200px}.maxWidth-xw5ewwj{max-width:300px}.maxWidth-x1va8c73{max-width:320px}.maxWidth-xxc7z9f{max-width:360px}.maxWidth-x1j9u4d2{max-width:400px}.maxWidth-x17fpy1y{max-width:480px}.maxWidth-x1lwm3bp{max-width:520px}.maxWidth-xrlsmeg{max-width:600px}.maxWidth-x11gisft{max-width:640px}.maxWidth-x7ep2pv{max-width:680px}.maxWidth-x1ap80js{max-width:800px}.maxWidth-x1recik0{max-width:calc(100vw - 48px)}.minHeight-x1us19tq{min-height:100%}.minWidth-xeuugli{min-width:0}.minWidth-xgqtt45{min-width:100%}.minWidth-x1i9suas{min-width:120px}.minWidth-x5w4yej{min-width:160px}.minWidth-x1u2d2a2{min-width:280px}.minWidth-xkj4a21{min-width:var(--x-minWidth)}.overflowX-xw2csxc{overflow-x:auto}.overflowY-x1odjw0f{overflow-y:auto}.paddingBottom-xsag5q8{padding-bottom:12px}.paddingBottom-x1120s5i{padding-bottom:2px}.paddingBottom-x10b6aqq{padding-bottom:6px}.paddingBottom-x15mli80{padding-bottom:var(--lg-x34mutn)}.paddingBottom-x14683gp{padding-bottom:var(--md-x3pkb85)}.paddingBottom-x1dr83cj{padding-bottom:var(--sm-xbh8y7f)}.paddingBottom-x8ouyoa{padding-bottom:var(--xl-xttpygj)}.paddingBottom-x6sojwk{padding-bottom:var(--xs-xxfyjsd)}.paddingLeft-x1uhho1l{padding-left:0}.paddingLeft-xnm25rq{padding-left:16px}.paddingLeft-xj9uezu{padding-left:2px}.paddingLeft-xeo56w7{padding-left:var(--containerLg-x1n6aasq)}.paddingLeft-x3enfqg{padding-left:var(--containerMd-x170dvin)}.paddingLeft-xv2ojkb{padding-left:var(--containerSm-x3nosus)}.paddingLeft-xj2cj7e{padding-left:var(--lg-x34mutn)}.paddingLeft-x2rk66v{padding-left:var(--md-x3pkb85)}.paddingLeft-x6xq64o{padding-left:var(--sm-xbh8y7f)}.paddingLeft-xzmizx3{padding-left:var(--xs-xxfyjsd)}.paddingRight-x1xpa7k{padding-right:0}.paddingRight-xyfqnmn{padding-right:16px}.paddingRight-xpf9j6y{padding-right:2px}.paddingRight-x1nb44bk{padding-right:var(--containerLg-x1n6aasq)}.paddingRight-x1su0fh{padding-right:var(--containerMd-x170dvin)}.paddingRight-x4rxz0p{padding-right:var(--containerSm-x3nosus)}.paddingRight-xrhrvvl{padding-right:var(--lg-x34mutn)}.paddingRight-x7huf2v{padding-right:var(--md-x3pkb85)}.paddingRight-xpkaq21{padding-right:var(--sm-xbh8y7f)}.paddingRight-x7ulw7g{padding-right:var(--xs-xxfyjsd)}.paddingTop-xexx8yu{padding-top:0}.paddingTop-xz9dl7a{padding-top:12px}.paddingTop-x4p5aij{padding-top:1px}.paddingTop-x1nn3v0j{padding-top:2px}.paddingTop-x1yrsyyn{padding-top:6px}.paddingTop-x1ksjiuz{padding-top:var(--lg-x34mutn)}.paddingTop-x5882n6{padding-top:var(--md-x3pkb85)}.paddingTop-xc2wovk{padding-top:var(--sm-xbh8y7f)}.paddingTop-x1v4wg84{padding-top:var(--xl-xttpygj)}.paddingTop-x1i738hq{padding-top:var(--xs-xxfyjsd)}.right-x3m8u43{right:0}.right-xjvjlmm{right:100%}.top-x13vifvy{top:0}.top-xdsb8wn{top:100%}.top-xs7f9wi{top:2px}.top-xwa60dl{top:50%}.width-xh8yej3{width:100%}.width-xsmyaan{width:12px}.width-x1kky2od{width:16px}.width-x1xp8n7a{width:18px}.width-x1i1rx1s{width:1px}.width-xvy4d1p{width:24px}.width-xgd8bvy{width:28px}.width-xdzyupr{width:300px}.width-x1td3qas{width:32px}.width-x14qfxbe{width:36px}.width-x100vrsf{width:40px}.width-x1useyqa{width:48px}.width-x1xc55vz{width:8px}.width-x5lhr3w{width:var(--x-width)}}
1
+ @layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;min-height:100vh}}@layer reset;@layer priority1,priority2,priority3,priority4,priority5;@property --x-gridTemplateColumns{syntax: "*"; inherits: false;}@property --x-maxHeight{syntax: "*"; inherits: false;}@property --x-height{syntax: "*"; inherits: false;}@property --x-transform{syntax: "*"; inherits: false;}@property --x-width{syntax: "*"; inherits: false;}@property --x-minWidth{syntax: "*"; inherits: false;}@keyframes x1jn504y-B{0%{opacity:1}to{opacity:0}}@keyframes xh6gf7g-B{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.97) translateY(8px)}}@keyframes x18re5ia-B{0%{opacity:0}to{opacity:1}}@keyframes xb0mj6r-B{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes xqng64z-B{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xepz06c-B{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes x44muo0-B{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes xfa266b-B{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes xyvbxd1-B{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes x1wtgnkq-B{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes x8s264e-B{0%{transform:translate(0);opacity:1}to{transform:translate(40px);opacity:0}}@keyframes xzk1luc-B{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes xdc7f5d-B{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes xwj3t3y-B{0%{width:360px}to{width:0}}@keyframes x15gymrf-B{0%{width:480px}to{width:0}}@keyframes x1vulvv-B{0%{width:0}to{width:360px}}@keyframes x1jwxwuo-B{0%{width:0}to{width:480px}}:root,.xjvd03b{--bg-xqkwqtp:#0f0f0f;--bgCard-xj2l5r:#1a1a1a;--bgCardHover-xlxk7vw:#242424;--text-xlpbogt:#e5e5e5;--textMuted-x651nu9:#b0b0b0;--accent-xw7wp3v:#6aaffc;--accentHover-x18fqoz:#93c5fd;--accentContrast-x3gzxyp:#000000;--border-x1drj1pb:#333333;--error-x13gdhh0:#f87171;--errorHover-x7eyu03:#fca5a5;--errorBg-xrl8836:rgba(248, 113, 113, .1);--errorBorder-x1a6pjl:rgba(248, 113, 113, .3);--errorText-xf51nwe:#fca5a5;--errorContrast-x1lvjkah:#000000;--success-x197pe5n:#22c55e;--successBg-xzjukav:rgba(34, 197, 94, .1);--successBorder-x1my3ygc:rgba(34, 197, 94, .3);--successText-x46dg9e:#86efac;--warning-x1gq0pyw:#fbbf24;--warningBg-xtnxqss:rgba(251, 191, 36, .1);--warningBorder-x1ev2mr5:rgba(251, 191, 36, .3);--warningText-x1lgjghx:#fde68a;--info-x97ho0r:#6aaffc;--infoBg-xho8jir:rgba(106, 175, 252, .1);--infoBorder-xnevk3x:rgba(106, 175, 252, .3);--infoText-x19pseus:#93c5fd}:root,.xs62swl{--fontFamily-xvrmnat:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--fontFamilyMono-x1bzqfky:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--fontSizeXs-x1w5m325:.75rem;--fontSizeSm-x1bjjs4u:.875rem;--fontSizeMd-xq8d99q:1rem;--fontSizeLg-x18ngplw:1.125rem;--fontSizeXl-x1b1mqsu:1.25rem;--fontSizeHeading-x1stydh2:1.5rem;--fontWeightNormal-x1y1cayu:400;--fontWeightMedium-xaw13ft:500;--fontWeightSemibold-xg6c7xe:600;--fontWeightBold-x1pjkvwg:700;--lineHeight-x1gubzd5:1.5}:root,.x4cj49w{--fontSize1-xx27tux:.75rem;--fontSize2-x5hag8h:.8125rem;--fontSize3-x1mf6j39:.875rem;--fontSize4-xh0hch2:1rem;--fontSize5-xcllv62:1.125rem;--fontSize6-xo5veds:1.25rem;--fontSize7-x1j85tz8:1.5rem;--fontSize8-x17zhits:1.875rem;--fontSize9-xveysf7:2.25rem;--lineHeight1-x17o1wol:1rem;--lineHeight2-xinpx5n:1.25rem;--lineHeight3-x1163vpm:1.25rem;--lineHeight4-x1y0jdbp:1.5rem;--lineHeight5-xjln4cz:1.5rem;--lineHeight6-x1h1b5wo:1.75rem;--lineHeight7-xx3gx0p:2rem;--lineHeight8-xk1f09j:2.25rem;--lineHeight9-xshcxhh:2.75rem;--displaySm-x5inqzv:clamp(2.25rem, 1.5rem + 2vw, 3rem);--displayMd-x1oektom:clamp(2.75rem, 1.75rem + 2.5vw, 3.75rem);--displayLg-x6qsr1u:clamp(3.5rem, 2rem + 3.5vw, 4.5rem);--letterSpacingTight-xmavxfk:-.02em;--letterSpacingNormal-x1ih41v1:0;--letterSpacingWide-xt8z9rj:.04em}:root,.x13v825q{--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .3);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .4);--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .5)}:root,.xw3ffwm{--sm-x1bhtfs5:8px;--md-xx2g89g:12px;--lg-xwd56yl:16px;--full-x9vxdtd:9999px}:root,.x16nfoyr{--stackXs-x1qfrfo2:4px;--stackSm-x2rk1ut:8px;--stackMd-xhblkt4:16px;--stackLg-xeue779:24px;--stackXl-x7sbbgu:48px;--inlineXs-xq4tp4f:4px;--inlineSm-x2o8bbf:8px;--inlineMd-x1oalkxi:16px;--inlineLg-xz69o43:24px;--containerSm-x3nosus:16px;--containerMd-x170dvin:24px;--containerLg-x1n6aasq:32px}:root,.x6uc9q{--xs-xxfyjsd:4px;--sm-xbh8y7f:8px;--ms-x13y09zs:12px;--md-x3pkb85:16px;--lg-x34mutn:24px;--xl-xttpygj:32px;--xxl-xbe9eha:48px;--xxxl-xroalp5:64px}.xrtwk39.xrtwk39,.xrtwk39.xrtwk39:root{--accent-xw7wp3v:#1e40af;--accentContrast-x3gzxyp:#ffffff;--accentHover-x18fqoz:#1a3799;--bg-xqkwqtp:#ffffff;--bgCard-xj2l5r:#f5f5f5;--bgCardHover-xlxk7vw:#ebebeb;--border-x1drj1pb:#d4d4d4;--error-x13gdhh0:#991b1b;--errorBg-xrl8836:rgba(153, 27, 27, .08);--errorBorder-x1a6pjl:rgba(153, 27, 27, .3);--errorContrast-x1lvjkah:#ffffff;--errorHover-x7eyu03:#7f1d1d;--errorText-xf51nwe:#7f1d1d;--info-x97ho0r:#1e40af;--infoBg-xho8jir:rgba(30, 64, 175, .08);--infoBorder-xnevk3x:rgba(30, 64, 175, .3);--infoText-x19pseus:#1e40af;--success-x197pe5n:#166534;--successBg-xzjukav:rgba(22, 101, 52, .08);--successBorder-x1my3ygc:rgba(22, 101, 52, .3);--successText-x46dg9e:#14532d;--text-xlpbogt:#1a1a1a;--textMuted-x651nu9:#4a4a4a;--warning-x1gq0pyw:#92400e;--warningBg-xtnxqss:rgba(146, 64, 14, .08);--warningBorder-x1ev2mr5:rgba(146, 64, 14, .3);--warningText-x1lgjghx:#78350f}.xaveibd.xaveibd,.xaveibd.xaveibd:root{--accent-xw7wp3v:#60a5fa;--accentContrast-x3gzxyp:#000000;--accentHover-x18fqoz:#93c5fd;--bg-xqkwqtp:#000000;--bgCard-xj2l5r:#111111;--bgCardHover-xlxk7vw:#1a1a1a;--border-x1drj1pb:#555555;--error-x13gdhh0:#f87171;--errorBg-xrl8836:rgba(248, 113, 113, .15);--errorBorder-x1a6pjl:rgba(248, 113, 113, .5);--errorContrast-x1lvjkah:#000000;--errorHover-x7eyu03:#fca5a5;--errorText-xf51nwe:#fca5a5;--info-x97ho0r:#60a5fa;--infoBg-xho8jir:rgba(96, 165, 250, .15);--infoBorder-xnevk3x:rgba(96, 165, 250, .5);--infoText-x19pseus:#bfdbfe;--success-x197pe5n:#4ade80;--successBg-xzjukav:rgba(74, 222, 128, .15);--successBorder-x1my3ygc:rgba(74, 222, 128, .5);--successText-x46dg9e:#86efac;--text-xlpbogt:#ffffff;--textMuted-x651nu9:#b0b0b0;--warning-x1gq0pyw:#fcd34d;--warningBg-xtnxqss:rgba(252, 211, 77, .15);--warningBorder-x1ev2mr5:rgba(252, 211, 77, .5);--warningText-x1lgjghx:#fef08a}.xv9ibj0.xv9ibj0,.xv9ibj0.xv9ibj0:root{--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .16);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .12);--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .08)}.x15e39jv.x15e39jv,.x15e39jv.x15e39jv:root{--lg-x1mxd62i:0 8px 24px rgba(0, 0, 0, .8);--md-x1oyt0aw:0 4px 12px rgba(0, 0, 0, .7);--sm-x17hhtln:0 2px 4px rgba(0, 0, 0, .6)}@layer priority2{.inset-x10a8y8t{inset:0}.margin-x1ghz6dp{margin:0}.padding-x1717udv{padding:0}.padding-x1tamke2{padding:16px}.padding-xggk2y7{padding:24px}.padding-x1dof8lg{padding:80px}.padding-xqn0zrx{padding:var(--lg-x34mutn)}.padding-x1vxgmwl{padding:var(--md-x3pkb85)}.padding-xk55gxw{padding:var(--sm-xbh8y7f) var(--md-x3pkb85)}.padding-xlm5w08{padding:var(--sm-xbh8y7f)}.padding-xvhirgo{padding:var(--xl-xttpygj)}.padding-x3dt91r{padding:var(--xs-xxfyjsd) var(--sm-xbh8y7f)}}@layer priority3{.borderColor-x12a3ptf{border-color:#333}.borderColor-xn4ta71{border-color:#0000008c}.borderColor-x9r1u3d{border-color:transparent}.borderColor-xtoub4s{border-color:var(--accent-xw7wp3v)}.borderColor-x15ykms2{border-color:var(--border-x1drj1pb)}.borderColor-x1ykfga2{border-color:var(--error-x13gdhh0)}.borderColor-x5sk741{border-color:var(--errorBorder-x1a6pjl)}.borderColor-xph25kj{border-color:var(--infoBorder-xnevk3x)}.borderColor-x12pdnh{border-color:var(--successBorder-x1my3ygc)}.borderColor-xy0cbzl{border-color:var(--warningBorder-x1ev2mr5)}.borderRadius-x2u8bby{border-radius:0}.borderRadius-x4pepcl{border-radius:12px}.borderRadius-x12oqio5{border-radius:4px}.borderRadius-x16rqkct{border-radius:50%}.borderRadius-xur7f20{border-radius:8px}.borderRadius-x1k4pcc6{border-radius:var(--full-x9vxdtd)}.borderRadius-xr8drtf{border-radius:var(--lg-xwd56yl)}.borderRadius-xwbokb3{border-radius:var(--md-xx2g89g)}.borderRadius-x17rit4p{border-radius:var(--sm-x1bhtfs5)}.borderStyle-xng3xce{border-style:none}.borderStyle-x1y0btm7{border-style:solid}.borderWidth-xc342km{border-width:0}.borderWidth-xmkeg23{border-width:1px}.borderWidth-xdh2fpr{border-width:2px}.borderWidth-x9r2w2z{border-width:3px}.flex-x98rzlu{flex:1}.gap-xxhr3t{gap:0}.gap-x1v2ro7d{gap:12px}.gap-xou54vl{gap:16px}.gap-x1665zp3{gap:24px}.gap-x1rzw5jd{gap:32px}.gap-x167g77z{gap:8px}.gap-x1038972{gap:var(--lg-x34mutn)}.gap-xb6pwsi{gap:var(--md-x3pkb85)}.gap-x1x2w4m1{gap:var(--ms-x13y09zs)}.gap-x175yhtj{gap:var(--sm-xbh8y7f)}.gap-x8w6ti4{gap:var(--xl-xttpygj)}.gap-xl5ne8a{gap:var(--xs-xxfyjsd)}.gap-x6m84cd{gap:var(--xxl-xbe9eha)}.gap-x1a8amag{gap:var(--xxxl-xroalp5)}.listStyle-xe8uvvx{list-style:none}.overflow-xysyzu8{overflow:auto}.overflow-xb3r6kr{overflow:hidden}.textDecoration-x1hl2dhg{text-decoration:none}.borderColor-xnhatzx:focus-within{border-color:var(--accent-xw7wp3v)}.borderColor-x1i3jeul:hover{border-color:#000000b3}.borderColor-x1sa8nge:hover{border-color:var(--accent-xw7wp3v)}.borderColor-x1h0apf1:hover{border-color:var(--accentHover-x18fqoz)}.borderColor-x1uqlaoh:hover{border-color:var(--errorHover-x7eyu03)}.borderColor-x1xge8s5:hover{border-color:var(--textMuted-x651nu9)}.textDecoration-xt0b8zv:hover{text-decoration:underline}.borderColor-xopszut:focus{border-color:var(--accent-xw7wp3v)}.borderColor-x1ua9nv6:focus{border-color:var(--error-x13gdhh0)}}@layer priority4{.alignItems-x1pha0wt{align-items:baseline}.alignItems-x6s0dn4{align-items:center}.alignItems-xuk3077{align-items:flex-end}.alignItems-x1cy8zhl{align-items:flex-start}.alignItems-x1qjc9v5{align-items:stretch}.alignSelf-xkh2ocl{align-self:stretch}.animationDuration-x773k2o{animation-duration:.14s}.animationDuration-x1shwlz2{animation-duration:.16s}.animationDuration-xllfotl{animation-duration:.18s}.animationDuration-xw6taxk{animation-duration:.22s}.animationDuration-xb8lv0f{animation-duration:.28s}.animationDuration-x5hsz1j{animation-duration:.2s}.animationDuration-xdz8niu{animation-duration:.6s}.animationDuration-xjlvqhv{animation-duration:1ms}.animationFillMode-x1u6ievf{animation-fill-mode:both}.animationIterationCount-xa4qsjk{animation-iteration-count:infinite}.animationName-x6op60r{animation-name:x15gymrf-B}.animationName-xqcmdr3{animation-name:x18re5ia-B}.animationName-xxp0q0x{animation-name:x1jn504y-B}.animationName-xz2fw23{animation-name:x1jwxwuo-B}.animationName-x1hi8hqy{animation-name:x1vulvv-B}.animationName-x1njaipp{animation-name:x1wtgnkq-B}.animationName-x1495tdg{animation-name:x44muo0-B}.animationName-x1x9gfou{animation-name:x8s264e-B}.animationName-xj2s6sw{animation-name:xb0mj6r-B}.animationName-x113xcms{animation-name:xdc7f5d-B}.animationName-x11vn4u2{animation-name:xepz06c-B}.animationName-x1w55rbo{animation-name:xfa266b-B}.animationName-x13esz5c{animation-name:xh6gf7g-B}.animationName-x1ka1v4i{animation-name:xqng64z-B}.animationName-x1nqhn8g{animation-name:xwj3t3y-B}.animationName-xwkks4n{animation-name:xyvbxd1-B}.animationName-xdd610l{animation-name:xzk1luc-B}.animationTimingFunction-xksujbm{animation-timing-function:cubic-bezier(.32,.72,0,1)}.animationTimingFunction-x1j1lvnb{animation-timing-function:cubic-bezier(.72,0,.68,.28)}.animationTimingFunction-xn0cd8s{animation-timing-function:ease-in}.animationTimingFunction-xa3vuyk{animation-timing-function:ease-out}.animationTimingFunction-x1esw782{animation-timing-function:linear}.aspectRatio-xuw900x{aspect-ratio:attr(width) / attr(height)}.backgroundColor-x83z2og{background-color:#fff}.backgroundColor-x42x0ya{background-color:#000}.backgroundColor-x1si8nl4{background-color:#0000001a}.backgroundColor-x1c8ul09{background-color:#0006}.backgroundColor-xjbqb8w{background-color:transparent}.backgroundColor-xe71zpv{background-color:var(--accent-xw7wp3v)}.backgroundColor-x1ju0ec1{background-color:var(--accentContrast-x3gzxyp)}.backgroundColor-xr5vhjl{background-color:var(--bg-xqkwqtp)}.backgroundColor-xuw63hu{background-color:var(--bgCard-xj2l5r)}.backgroundColor-xlyqa1p{background-color:var(--bgCardHover-xlxk7vw)}.backgroundColor-xj42bkw{background-color:var(--border-x1drj1pb)}.backgroundColor-x10mc7m5{background-color:var(--error-x13gdhh0)}.backgroundColor-x1wd2ajv{background-color:var(--errorBg-xrl8836)}.backgroundColor-x7w7npx{background-color:var(--infoBg-xho8jir)}.backgroundColor-x1i9d2x{background-color:var(--success-x197pe5n)}.backgroundColor-x1w6yvof{background-color:var(--successBg-xzjukav)}.backgroundColor-xpqhtgw{background-color:var(--warning-x1gq0pyw)}.backgroundColor-xpszveo{background-color:var(--warningBg-xtnxqss)}.boxShadow-xvyaw3o{box-shadow:var(--lg-x1mxd62i)}.boxShadow-x1e78jka{box-shadow:var(--md-x1oyt0aw)}.boxShadow-xqlve96{box-shadow:var(--sm-x17hhtln)}.boxSizing-x9f619{box-sizing:border-box}.clip-xzpqnlu{clip:rect(0,0,0,0)}.color-x1g3taxb{color:#888}.color-xbopyqs{color:#e5e5e5}.color-xf715ks{color:var(--accent-xw7wp3v)}.color-xb4pum2{color:var(--accentContrast-x3gzxyp)}.color-x18lhcay{color:var(--error-x13gdhh0)}.color-xq7rr3p{color:var(--errorContrast-x1lvjkah)}.color-x1u5hled{color:var(--errorText-xf51nwe)}.color-x98i3cp{color:var(--info-x97ho0r)}.color-x1immjds{color:var(--infoText-x19pseus)}.color-x1e9nv2a{color:var(--success-x197pe5n)}.color-xddild6{color:var(--successText-x46dg9e)}.color-x95150z{color:var(--text-xlpbogt)}.color-x4opovt{color:var(--textMuted-x651nu9)}.color-x1co70gi{color:var(--warning-x1gq0pyw)}.color-xxm2x32{color:var(--warningText-x1lgjghx)}.cursor-xmper1u{cursor:inherit}.cursor-x1h6gzvc{cursor:not-allowed}.cursor-x1ypdohk{cursor:pointer}.display-xjp7ctv{display:contents}.display-x78zum5{display:flex}.display-xrvj5dj{display:grid}.display-x3nfvp2{display:inline-flex}.display-x1s85apg{display:none}.flexDirection-xdt5ytf{flex-direction:column}.flexDirection-x1q0g3np{flex-direction:row}.flexShrink-x2lah0s{flex-shrink:0}.flexWrap-xozqiw3{flex-wrap:nowrap}.flexWrap-x1a02dak{flex-wrap:wrap}.float-x1faq86j{float:left}.fontFamily-x1lxnp44{font-family:monospace,"monospace"}.fontFamily-xce2pww{font-family:var(--fontFamily-xvrmnat)}.fontFamily-x1kygxdj{font-family:var(--fontFamilyMono-x1bzqfky)}.fontSize-x2ohwh0{font-size:.625rem}.fontSize-xboafo0{font-size:.75rem}.fontSize-xkpwil5{font-size:.875rem}.fontSize-x1603h9y{font-size:1.25rem}.fontSize-xngnso2{font-size:1.5rem}.fontSize-xif65rj{font-size:14px}.fontSize-xosj86m{font-size:18px}.fontSize-xrv4cvt{font-size:1em}.fontSize-x1s08cw3{font-size:var(--displayLg-x6qsr1u)}.fontSize-xrqn33v{font-size:var(--displayMd-x1oektom)}.fontSize-x1lwaixd{font-size:var(--displaySm-x5inqzv)}.fontSize-x19zw8p8{font-size:var(--fontSize1-xx27tux)}.fontSize-x1hn3ytp{font-size:var(--fontSize3-x1mf6j39)}.fontSize-xfzcsg9{font-size:var(--fontSize4-xh0hch2)}.fontSize-x1kws70c{font-size:var(--fontSize5-xcllv62)}.fontSize-xtv95mj{font-size:var(--fontSize6-xo5veds)}.fontSize-x1qndi8g{font-size:var(--fontSize7-x1j85tz8)}.fontSize-xo0rcgw{font-size:var(--fontSize8-x17zhits)}.fontSize-x6ugw34{font-size:var(--fontSize9-xveysf7)}.fontSize-xf1260f{font-size:var(--fontSizeLg-x18ngplw)}.fontSize-x1tzajr0{font-size:var(--fontSizeSm-x1bjjs4u)}.fontSize-x1f81oxx{font-size:var(--fontSizeXs-x1w5m325)}.fontWeight-x1s688f{font-weight:600}.fontWeight-x117nqv4{font-weight:700}.fontWeight-xhkckuk{font-weight:var(--fontWeightBold-x1pjkvwg)}.fontWeight-x120ksxs{font-weight:var(--fontWeightMedium-xaw13ft)}.fontWeight-xrec02b{font-weight:var(--fontWeightNormal-x1y1cayu)}.fontWeight-x1x12jc5{font-weight:var(--fontWeightSemibold-xg6c7xe)}.gridTemplateColumns-x1y6fwsi{grid-template-columns:1fr}.gridTemplateColumns-x1p9eum2{grid-template-columns:repeat(2,1fr)}.gridTemplateColumns-x1wlfl8j{grid-template-columns:repeat(3,1fr)}.gridTemplateColumns-xl501l6{grid-template-columns:repeat(4,1fr)}.gridTemplateColumns-xkgyxu0{grid-template-columns:repeat(5,1fr)}.gridTemplateColumns-xu4o1vd{grid-template-columns:repeat(6,1fr)}.gridTemplateColumns-xem2tbl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gridTemplateColumns-xqketvx{grid-template-columns:var(--x-gridTemplateColumns)}.justifyContent-xl56j7k{justify-content:center}.justifyContent-x13a6bvl{justify-content:flex-end}.justifyContent-x1nhvcw1{justify-content:flex-start}.justifyContent-x1qughib{justify-content:space-between}.justifyContent-x1szn6h9{justify-content:stretch}.letterSpacing-x2ujxvm{letter-spacing:.05em}.letterSpacing-x2e73ve{letter-spacing:var(--letterSpacingNormal-x1ih41v1)}.letterSpacing-xql2p2a{letter-spacing:var(--letterSpacingTight-xmavxfk)}.letterSpacing-x121swot{letter-spacing:var(--letterSpacingWide-xt8z9rj)}.lineHeight-x1159mfc{line-height:1.1}.lineHeight-x1uo3zyz{line-height:1.15}.lineHeight-x1u7k74{line-height:1.2}.lineHeight-x37zpob{line-height:1.4}.lineHeight-xo5v014{line-height:1}.lineHeight-x16vvzb8{line-height:var(--lineHeight-x1gubzd5)}.lineHeight-xsnwo96{line-height:var(--lineHeight1-x17o1wol)}.lineHeight-xzs5d81{line-height:var(--lineHeight3-x1163vpm)}.lineHeight-x80sjjd{line-height:var(--lineHeight4-x1y0jdbp)}.lineHeight-x1487en2{line-height:var(--lineHeight5-xjln4cz)}.lineHeight-xyb71hx{line-height:var(--lineHeight6-x1h1b5wo)}.lineHeight-x17ovj3u{line-height:var(--lineHeight7-xx3gx0p)}.lineHeight-x18micsl{line-height:var(--lineHeight8-xk1f09j)}.lineHeight-x1f79cfb{line-height:var(--lineHeight9-xshcxhh)}.opacity-xuzhngd{opacity:.3}.opacity-xti2d7y{opacity:.4}.opacity-xbyyjgo{opacity:.5}.opacity-x197sbye{opacity:.6}.opacity-x1ks1olk{opacity:.7}.opacity-xg01cxk{opacity:0}.opacity-x1hc1fzr{opacity:1}.outlineColor-x1uczgqu{outline-color:transparent}.outlineColor-x1e3ajik{outline-color:var(--accent-xw7wp3v)}.outlineOffset-x1wfwxd8{outline-offset:0}.outlineOffset-x1hl8ikr{outline-offset:2px}.outlineStyle-x1t137rt{outline-style:none}.outlineStyle-xaatb59{outline-style:solid}.outlineWidth-x1k57tk5{outline-width:0}.pointerEvents-x67bb7w{pointer-events:auto}.pointerEvents-x47corl{pointer-events:none}.position-x10l6tqk{position:absolute}.position-xixxii4{position:fixed}.position-x1n2onr6{position:relative}.resize-x288g5{resize:vertical}.scrollbarWidth-x1rohswg{scrollbar-width:none}.textAlign-x2b8uid{text-align:center}.textAlign-xp4054r{text-align:end}.textAlign-x16tdsg8{text-align:inherit}.textAlign-xdpxx8g{text-align:left}.textAlign-x1yc453h{text-align:start}.textOverflow-xlyipyv{text-overflow:ellipsis}.textTransform-xtvhhri{text-transform:uppercase}.touchAction-x5ve5x3{touch-action:none}.transform-x1iffjtl{transform:rotate(90deg)}.transform-xuuh30{transform:translate(-50%)}.transform-x1psfjxj{transform:translate(16px)}.transform-x1cb1t30{transform:translateY(-50%)}.transform-xnn1q72{transform:translateY(0)}.transform-xsqj5wx{transform:var(--x-transform)}.transitionDuration-xx6bhzk{transition-duration:.15s}.transitionDuration-x13dflua{transition-duration:.2s}.transitionProperty-x1qsmvhx{transition-property:background-color,border-color,color,opacity}.transitionProperty-x1eaenvl{transition-property:background-color,border-color,color}.transitionProperty-x1lxufdw{transition-property:background-color,border-color,transform}.transitionProperty-xts7igz{transition-property:background-color,border-color}.transitionProperty-x15406qy{transition-property:background-color}.transitionProperty-xshfolx{transition-property:border-color}.transitionProperty-x1gbuem2{transition-property:color,background-color}.transitionProperty-xrf8owv{transition-property:color,border-color}.transitionProperty-xt3l3uh{transition-property:color}.transitionProperty-x19991ni{transition-property:opacity}.transitionProperty-x11xpdln{transition-property:transform}.transitionTimingFunction-xwji4o3{transition-timing-function:ease}.userSelect-x87ps6o{user-select:none}.whiteSpace-xuxw1ft{white-space:nowrap}.wordWrap-x1vvkbs{word-wrap:break-word}.zIndex-x1vjfegm{z-index:1}.zIndex-xfo81ep{z-index:1000}.zIndex-x1bkdxzg{z-index:1001}.zIndex-x1ygf0dq{z-index:49}.zIndex-xa9119d{z-index:50}.outlineColor-xn4rb0z:focus-visible{outline-color:var(--accent-xw7wp3v)}.outlineOffset-x1bqaal:focus-visible{outline-offset:-2px}.outlineOffset-x13iak60:focus-visible{outline-offset:1px}.outlineOffset-x7s97pk:focus-visible{outline-offset:2px}.outlineStyle-x9v5kkp:focus-visible{outline-style:solid}.outlineWidth-x784prv:focus-visible{outline-width:2px}.backgroundColor-x1q0t7ex:hover{background-color:#0000002e}.backgroundColor-x17vqp0b:hover{background-color:var(--accentHover-x18fqoz)}.backgroundColor-x1f6ndqt:hover{background-color:var(--bgCard-xj2l5r)}.backgroundColor-x14zl4n5:hover{background-color:var(--bgCardHover-xlxk7vw)}.backgroundColor-x10l0nxl:hover{background-color:var(--errorHover-x7eyu03)}.backgroundColor-x1jg2p85:hover{background-color:var(--textMuted-x651nu9)}.color-x10ibmwn:hover{color:var(--accentContrast-x3gzxyp)}.color-x1smh5zp:hover{color:var(--accentHover-x18fqoz)}.color-xtolcfe:hover{color:var(--text-xlpbogt)}.opacity-x1o7uuvo:hover{opacity:1}.transform-x1lz31oe:hover{transform:translateY(-2px)}.backgroundColor-x19od9eq:active{background-color:var(--accentHover-x18fqoz)}.backgroundColor-xoex05x:active{background-color:var(--bg-xqkwqtp)}.backgroundColor-xkdokub:active{background-color:var(--errorHover-x7eyu03)}}@layer priority5{.borderBottomColor-xivxizw{border-bottom-color:#1a1a1a}.borderBottomColor-x16stqrj{border-bottom-color:transparent}.borderBottomColor-xln13o9{border-bottom-color:var(--accent-xw7wp3v)}.borderBottomColor-x19cyuh1{border-bottom-color:var(--border-x1drj1pb)}.borderBottomStyle-x1q0q8m5{border-bottom-style:solid}.borderBottomWidth-x1qhh985{border-bottom-width:0}.borderBottomWidth-xso031l{border-bottom-width:1px}.borderBottomWidth-xlxy82{border-bottom-width:2px}.borderLeftColor-xrdsh3q{border-left-color:var(--border-x1drj1pb)}.borderLeftStyle-x19ypqd9{border-left-style:solid}.borderLeftWidth-xyj58a3{border-left-width:0}.borderLeftWidth-xe0pwq{border-left-width:1px}.borderRightColor-xhe5wa1{border-right-color:transparent}.borderRightColor-x1ixpgpl{border-right-color:var(--accent-xw7wp3v)}.borderRightColor-x9iiiab{border-right-color:var(--border-x1drj1pb)}.borderRightStyle-x32b0ac{border-right-style:solid}.borderRightWidth-xgfja2r{border-right-width:0}.borderRightWidth-xs1s249{border-right-width:1px}.borderRightWidth-xyy74w7{border-right-width:2px}.borderTopColor-x10hlr9n{border-top-color:var(--accent-xw7wp3v)}.borderTopColor-xvuocu{border-top-color:var(--border-x1drj1pb)}.borderTopLeftRadius-x2ua5wa{border-top-left-radius:var(--lg-xwd56yl)}.borderTopRightRadius-x10dto5q{border-top-right-radius:var(--lg-xwd56yl)}.borderTopStyle-x13fuv20{border-top-style:solid}.borderTopWidth-x178xt8z{border-top-width:1px}.bottom-x1ey2m1c{bottom:0}.bottom-x10w3d4m{bottom:100%}.bottom-xkmh5i6{bottom:var(--lg-x34mutn)}.height-x5yr21d{height:100%}.height-x1kpxq89{height:12px}.height-xlup9mm{height:16px}.height-xmix8c7{height:18px}.height-xjm9jq1{height:1px}.height-x1qx5ct2{height:20px}.height-xxk0z11{height:24px}.height-x1fgtraw{height:28px}.height-x10w6t97{height:32px}.height-x16nrsnc{height:400px}.height-x1vqgdyp{height:40px}.height-xsdox4t{height:48px}.height-xdk7pt{height:8px}.height-xt7dq6l{height:auto}.height-x16ye13r{height:var(--x-height)}.left-xu96u03{left:0}.left-xl8wat7{left:100%}.left-x54rlcq{left:2px}.left-x1nrll8i{left:50%}.left-x1t8mvi6{left:auto}.marginBottom-xod5an3{margin-bottom:12px}.marginBottom-x1e56ztr{margin-bottom:8px}.marginBottom-x1r3sbrj{margin-bottom:var(--md-x3pkb85)}.marginBottom-xnccn3x{margin-bottom:var(--xs-xxfyjsd)}.marginLeft-x8x9d4c{margin-left:auto}.marginLeft-xfm9slh{margin-left:var(--xs-xxfyjsd)}.marginRight-xack27t{margin-right:auto}.marginRight-xe0vfj5{margin-right:var(--sm-xbh8y7f)}.marginRight-xl7vkbm{margin-right:var(--xs-xxfyjsd)}.marginTop-xr9ek0c{margin-top:2px}.marginTop-x85i5cd{margin-top:var(--sm-xbh8y7f)}.marginTop-xuerg7n{margin-top:var(--xs-xxfyjsd)}.maxHeight-xhd83ik{max-height:85vh}.maxHeight-x1jols5v{max-height:var(--x-maxHeight)}.maxWidth-x193iq5w{max-width:100%}.maxWidth-x1ikqzku{max-width:1200px}.maxWidth-xw5ewwj{max-width:300px}.maxWidth-x1va8c73{max-width:320px}.maxWidth-xxc7z9f{max-width:360px}.maxWidth-x1j9u4d2{max-width:400px}.maxWidth-x17fpy1y{max-width:480px}.maxWidth-x1lwm3bp{max-width:520px}.maxWidth-xrlsmeg{max-width:600px}.maxWidth-x11gisft{max-width:640px}.maxWidth-x7ep2pv{max-width:680px}.maxWidth-x1ap80js{max-width:800px}.maxWidth-x1recik0{max-width:calc(100vw - 48px)}.minHeight-x1us19tq{min-height:100%}.minWidth-xeuugli{min-width:0}.minWidth-xgqtt45{min-width:100%}.minWidth-x1i9suas{min-width:120px}.minWidth-x5w4yej{min-width:160px}.minWidth-x1u2d2a2{min-width:280px}.minWidth-xkj4a21{min-width:var(--x-minWidth)}.overflowX-xw2csxc{overflow-x:auto}.overflowY-x1odjw0f{overflow-y:auto}.paddingBottom-xsag5q8{padding-bottom:12px}.paddingBottom-x1120s5i{padding-bottom:2px}.paddingBottom-x10b6aqq{padding-bottom:6px}.paddingBottom-x15mli80{padding-bottom:var(--lg-x34mutn)}.paddingBottom-x14683gp{padding-bottom:var(--md-x3pkb85)}.paddingBottom-x1dr83cj{padding-bottom:var(--sm-xbh8y7f)}.paddingBottom-x8ouyoa{padding-bottom:var(--xl-xttpygj)}.paddingBottom-x6sojwk{padding-bottom:var(--xs-xxfyjsd)}.paddingLeft-x1uhho1l{padding-left:0}.paddingLeft-xnm25rq{padding-left:16px}.paddingLeft-xj9uezu{padding-left:2px}.paddingLeft-xeo56w7{padding-left:var(--containerLg-x1n6aasq)}.paddingLeft-x3enfqg{padding-left:var(--containerMd-x170dvin)}.paddingLeft-xv2ojkb{padding-left:var(--containerSm-x3nosus)}.paddingLeft-xj2cj7e{padding-left:var(--lg-x34mutn)}.paddingLeft-x2rk66v{padding-left:var(--md-x3pkb85)}.paddingLeft-x6xq64o{padding-left:var(--sm-xbh8y7f)}.paddingLeft-xzmizx3{padding-left:var(--xs-xxfyjsd)}.paddingRight-x1xpa7k{padding-right:0}.paddingRight-xyfqnmn{padding-right:16px}.paddingRight-xpf9j6y{padding-right:2px}.paddingRight-x1nb44bk{padding-right:var(--containerLg-x1n6aasq)}.paddingRight-x1su0fh{padding-right:var(--containerMd-x170dvin)}.paddingRight-x4rxz0p{padding-right:var(--containerSm-x3nosus)}.paddingRight-xrhrvvl{padding-right:var(--lg-x34mutn)}.paddingRight-x7huf2v{padding-right:var(--md-x3pkb85)}.paddingRight-xpkaq21{padding-right:var(--sm-xbh8y7f)}.paddingRight-x7ulw7g{padding-right:var(--xs-xxfyjsd)}.paddingTop-xexx8yu{padding-top:0}.paddingTop-xz9dl7a{padding-top:12px}.paddingTop-x4p5aij{padding-top:1px}.paddingTop-x1nn3v0j{padding-top:2px}.paddingTop-x1yrsyyn{padding-top:6px}.paddingTop-x1ksjiuz{padding-top:var(--lg-x34mutn)}.paddingTop-x5882n6{padding-top:var(--md-x3pkb85)}.paddingTop-xc2wovk{padding-top:var(--sm-xbh8y7f)}.paddingTop-x1v4wg84{padding-top:var(--xl-xttpygj)}.paddingTop-x1i738hq{padding-top:var(--xs-xxfyjsd)}.right-x3m8u43{right:0}.right-xjvjlmm{right:100%}.top-x13vifvy{top:0}.top-xdsb8wn{top:100%}.top-xs7f9wi{top:2px}.top-xwa60dl{top:50%}.width-xh8yej3{width:100%}.width-xsmyaan{width:12px}.width-x1kky2od{width:16px}.width-x1xp8n7a{width:18px}.width-x1i1rx1s{width:1px}.width-xvy4d1p{width:24px}.width-xgd8bvy{width:28px}.width-xdzyupr{width:300px}.width-x1td3qas{width:32px}.width-x1cvmir6{width:360px}.width-x14qfxbe{width:36px}.width-x100vrsf{width:40px}.width-xht4xr3{width:480px}.width-x1useyqa{width:48px}.width-x1xc55vz{width:8px}.width-x5lhr3w{width:var(--x-width)}}
package/dist/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export { Callout, type CalloutVariant } from './components/Callout/Callout';
8
8
  export { Card, type CardVariant, type CardSize } from './components/Card/Card';
9
9
  export { Checkbox } from './components/Checkbox/Checkbox';
10
10
  export { Dialog, type DialogSize } from './components/Dialog/Dialog';
11
+ export { DetailPanel, type DetailPanelSize } from './components/DetailPanel/DetailPanel';
11
12
  export { Drawer, type DrawerAnchor, type DrawerSize } from './components/Drawer/Drawer';
12
13
  export { EmptyState } from './components/EmptyState/EmptyState';
13
14
  export { Heading, type HeadingVariant } from './components/Heading/Heading';
@@ -18,6 +19,7 @@ export { Input, type InputVariant } from './components/Input/Input';
18
19
  export { InputGroup } from './components/InputGroup/InputGroup';
19
20
  export { LinkButton, type LinkButtonVariant, type LinkButtonSize, } from './components/LinkButton/LinkButton';
20
21
  export { Menu } from './components/Menu/Menu';
22
+ export { Panel } from './components/Panel/Panel';
21
23
  export { ScrollArea } from './components/ScrollArea/ScrollArea';
22
24
  export { Select } from './components/Select/Select';
23
25
  export { SideNav } from './components/SideNav/SideNav';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}