@duro-app/ui 0.10.0 → 0.11.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 (29) hide show
  1. package/dist/components/Callout/Callout.stories.d.ts.map +1 -1
  2. package/dist/components/InputGroup/InputGroup.d.ts +3 -1
  3. package/dist/components/InputGroup/InputGroup.d.ts.map +1 -1
  4. package/dist/components/Switch/Switch.d.ts +20 -0
  5. package/dist/components/Switch/Switch.d.ts.map +1 -0
  6. package/dist/components/Switch/Switch.stories.d.ts +12 -0
  7. package/dist/components/Switch/Switch.stories.d.ts.map +1 -0
  8. package/dist/components/Switch/styles.css.d.ts +62 -0
  9. package/dist/components/Switch/styles.css.d.ts.map +1 -0
  10. package/dist/components/Toggle/Toggle.d.ts +21 -0
  11. package/dist/components/Toggle/Toggle.d.ts.map +1 -0
  12. package/dist/components/Toggle/Toggle.stories.d.ts +11 -0
  13. package/dist/components/Toggle/Toggle.stories.d.ts.map +1 -0
  14. package/dist/components/Toggle/styles.css.d.ts +54 -0
  15. package/dist/components/Toggle/styles.css.d.ts.map +1 -0
  16. package/dist/components/ToggleGroup/ToggleGroup.d.ts +23 -0
  17. package/dist/components/ToggleGroup/ToggleGroup.d.ts.map +1 -0
  18. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +12 -0
  19. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts.map +1 -0
  20. package/dist/components/ToggleGroup/ToggleGroupContext.d.ts +12 -0
  21. package/dist/components/ToggleGroup/ToggleGroupContext.d.ts.map +1 -0
  22. package/dist/components/ToggleGroup/styles.css.d.ts +15 -0
  23. package/dist/components/ToggleGroup/styles.css.d.ts.map +1 -0
  24. package/dist/index.css +1 -1
  25. package/dist/index.d.ts +3 -0
  26. package/dist/index.d.ts.map +1 -1
  27. package/dist/index.js +2377 -1297
  28. package/dist/index.js.map +1 -1
  29. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAA"}
1
+ {"version":3,"file":"Callout.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAS9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA"}
@@ -7,9 +7,11 @@ interface AddonProps {
7
7
  position?: 'start' | 'end';
8
8
  onClick?: () => void;
9
9
  disabled?: boolean;
10
+ /** Optional minimum width to prevent layout shift (e.g. Copy → Copied!) */
11
+ minWidth?: number | string;
10
12
  children: ReactNode;
11
13
  }
12
- declare function Addon({ position, onClick, disabled, children }: AddonProps): import("react/jsx-runtime").JSX.Element;
14
+ declare function Addon({ position, onClick, disabled, minWidth, children }: AddonProps): import("react/jsx-runtime").JSX.Element;
13
15
  export declare const InputGroup: {
14
16
  Root: typeof Root;
15
17
  Addon: typeof Addon;
@@ -1 +1 @@
1
- {"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAOpC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAQlC;AAGD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAkBzE;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
1
+ {"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAOpC,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAQlC;AAOD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAgB,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAmBnF;AAED,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}
@@ -0,0 +1,20 @@
1
+ import { ReactNode } from 'react';
2
+ interface SwitchProps {
3
+ /** Controlled checked state. */
4
+ checked?: boolean;
5
+ /** Initial checked state (uncontrolled). */
6
+ defaultChecked?: boolean;
7
+ /** Callback fired when the checked state changes. */
8
+ onCheckedChange?: (checked: boolean) => void;
9
+ /** Prevents user interaction. */
10
+ disabled?: boolean;
11
+ /** Form field name for the hidden input. */
12
+ name?: string;
13
+ /** Value submitted when checked. */
14
+ value?: string;
15
+ /** Label content rendered beside the switch. */
16
+ children?: ReactNode;
17
+ }
18
+ export declare function Switch({ checked: controlledChecked, defaultChecked, onCheckedChange, disabled, name, value, children, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
19
+ export {};
20
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAA;AAKzD,UAAU,WAAW;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,GACT,EAAE,WAAW,2CA+Cb"}
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Switch } from './Switch';
3
+ declare const meta: Meta<typeof Switch>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Switch>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const DisabledChecked: Story;
10
+ export declare const WithoutLabel: Story;
11
+ export declare const AllVariants: Story;
12
+ //# sourceMappingURL=Switch.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAW7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA"}
@@ -0,0 +1,62 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly root: Readonly<{
4
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
5
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
6
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
7
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
8
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
9
+ readonly color: css.StyleXClassNameFor<"color", string>;
10
+ readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
11
+ }>;
12
+ readonly rootDisabled: Readonly<{
13
+ readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
14
+ readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
15
+ }>;
16
+ readonly track: Readonly<{
17
+ readonly position: css.StyleXClassNameFor<"position", "relative">;
18
+ readonly width: css.StyleXClassNameFor<"width", 36>;
19
+ readonly height: css.StyleXClassNameFor<"height", 20>;
20
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
21
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
22
+ readonly padding: css.StyleXClassNameFor<"padding", 0>;
23
+ readonly cursor: css.StyleXClassNameFor<"cursor", "inherit">;
24
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
25
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
26
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
27
+ readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
28
+ readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
29
+ readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
30
+ readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 2>;
31
+ readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
32
+ }>;
33
+ readonly trackUnchecked: Readonly<{
34
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
35
+ }>;
36
+ readonly trackChecked: Readonly<{
37
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
38
+ }>;
39
+ readonly thumb: Readonly<{
40
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
41
+ readonly top: css.StyleXClassNameFor<"top", 2>;
42
+ readonly left: css.StyleXClassNameFor<"left", 2>;
43
+ readonly width: css.StyleXClassNameFor<"width", 16>;
44
+ readonly height: css.StyleXClassNameFor<"height", 16>;
45
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
46
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "#fff">;
47
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "transform">;
48
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
49
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
50
+ }>;
51
+ readonly thumbChecked: Readonly<{
52
+ readonly transform: css.StyleXClassNameFor<"transform", "translateX(16px)">;
53
+ }>;
54
+ readonly input: Readonly<{
55
+ readonly position: css.StyleXClassNameFor<"position", "absolute">;
56
+ readonly width: css.StyleXClassNameFor<"width", 1>;
57
+ readonly height: css.StyleXClassNameFor<"height", 1>;
58
+ readonly opacity: css.StyleXClassNameFor<"opacity", 0>;
59
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
60
+ }>;
61
+ }>;
62
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEjB,CAAA"}
@@ -0,0 +1,21 @@
1
+ import { ReactNode } from 'react';
2
+ export type ToggleSize = 'default' | 'small';
3
+ interface ToggleProps {
4
+ /** Controlled pressed state (standalone usage). */
5
+ pressed?: boolean;
6
+ /** Initial pressed state (uncontrolled, standalone usage). */
7
+ defaultPressed?: boolean;
8
+ /** Callback fired when the pressed state changes (standalone usage). */
9
+ onPressedChange?: (pressed: boolean) => void;
10
+ /** Unique value when used inside a ToggleGroup. */
11
+ value?: string;
12
+ /** Prevents user interaction. */
13
+ disabled?: boolean;
14
+ /** Size variant (overridden by ToggleGroup when grouped). */
15
+ size?: ToggleSize;
16
+ 'aria-label'?: string;
17
+ children: ReactNode;
18
+ }
19
+ export declare function Toggle({ pressed: controlledPressed, defaultPressed, onPressedChange, value, disabled: disabledProp, size: sizeProp, 'aria-label': ariaLabel, children, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
20
+ export {};
21
+ //# sourceMappingURL=Toggle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAMjD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CA8Cb"}
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Toggle } from './Toggle';
3
+ declare const meta: Meta<typeof Toggle>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Toggle>;
6
+ export declare const Default: Story;
7
+ export declare const Pressed: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const Small: Story;
10
+ export declare const AllVariants: Story;
11
+ //# sourceMappingURL=Toggle.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAA"}
@@ -0,0 +1,54 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly base: Readonly<{
4
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
5
+ readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
6
+ readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
7
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
8
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
9
+ readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
10
+ readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
11
+ readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
12
+ readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color, opacity">;
13
+ readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
14
+ readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
15
+ readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
16
+ readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
17
+ readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
18
+ readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 2>;
19
+ }>;
20
+ readonly sizeDefault: Readonly<{
21
+ readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
22
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
23
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
24
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
25
+ }>;
26
+ readonly sizeSmall: Readonly<{
27
+ readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
28
+ readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
29
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
30
+ readonly gap: css.StyleXClassNameFor<"gap", string>;
31
+ }>;
32
+ readonly unpressed: Readonly<{
33
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
34
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
35
+ readonly color: css.StyleXClassNameFor<"color", string>;
36
+ }>;
37
+ readonly pressed: Readonly<{
38
+ readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
39
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
40
+ readonly color: css.StyleXClassNameFor<"color", string>;
41
+ }>;
42
+ readonly grouped: Readonly<{
43
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
44
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", 0>;
45
+ readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", 1>;
46
+ readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
47
+ readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
48
+ }>;
49
+ readonly disabled: Readonly<{
50
+ readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
51
+ readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
52
+ }>;
53
+ }>;
54
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DjB,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { ReactNode } from 'react';
2
+ import { ToggleSize } from '../Toggle/Toggle';
3
+ import { Orientation } from './ToggleGroupContext';
4
+ interface ToggleGroupProps {
5
+ /** Controlled value — array of pressed item values. */
6
+ value?: string[];
7
+ /** Initial value (uncontrolled). */
8
+ defaultValue?: string[];
9
+ /** Callback fired when the set of pressed values changes. */
10
+ onValueChange?: (value: string[]) => void;
11
+ /** When false, at most one item can be pressed at a time. */
12
+ multiple?: boolean;
13
+ /** Prevents interaction with all items. */
14
+ disabled?: boolean;
15
+ /** Layout direction. */
16
+ orientation?: Orientation;
17
+ /** Size applied to all child toggles. */
18
+ size?: ToggleSize;
19
+ children: ReactNode;
20
+ }
21
+ export declare function ToggleGroup({ value: controlledValue, defaultValue, onValueChange, multiple, disabled, orientation, size, children, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
22
+ export {};
23
+ //# sourceMappingURL=ToggleGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAGjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAqB,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAA;AAGzE,UAAU,gBAAgB;IACxB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,WAA0B,EAC1B,IAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CA4BlB"}
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ToggleGroup } from './ToggleGroup';
3
+ declare const meta: Meta<typeof ToggleGroup>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ToggleGroup>;
6
+ export declare const Single: Story;
7
+ export declare const Multiple: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const Small: Story;
10
+ export declare const Vertical: Story;
11
+ export declare const AllVariants: Story;
12
+ //# sourceMappingURL=ToggleGroup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAGzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAYlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,MAAM,EAAE,KAqBpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAA"}
@@ -0,0 +1,12 @@
1
+ import { ToggleSize } from '../Toggle/Toggle';
2
+ export type Orientation = 'horizontal' | 'vertical';
3
+ export interface ToggleGroupContextValue {
4
+ value: string[];
5
+ toggle: (itemValue: string) => void;
6
+ disabled: boolean;
7
+ orientation: Orientation;
8
+ size: ToggleSize;
9
+ }
10
+ export declare const ToggleGroupContext: import('react').Context<ToggleGroupContextValue | null>;
11
+ export declare function useToggleGroup(): ToggleGroupContextValue | null;
12
+ //# sourceMappingURL=ToggleGroupContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAEnD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,yDAAsD,CAAA;AAErF,wBAAgB,cAAc,mCAE7B"}
@@ -0,0 +1,15 @@
1
+ import { css } from 'react-strict-dom';
2
+ export declare const styles: Readonly<{
3
+ readonly root: Readonly<{
4
+ readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
5
+ readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
6
+ readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
7
+ readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
8
+ readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
9
+ readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
10
+ }>;
11
+ readonly vertical: Readonly<{
12
+ readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
13
+ }>;
14
+ }>;
15
+ //# sourceMappingURL=styles.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;EAYjB,CAAA"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @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;}@keyframes xqng64z-B{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root,.x13v825q{--x17hhtln:0 2px 4px rgba(0, 0, 0, .3);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .4);--x1mxd62i:0 8px 24px rgba(0, 0, 0, .5)}:root,.xw3ffwm{--x1bhtfs5:8px;--xx2g89g:12px;--xwd56yl:16px;--x9vxdtd:9999px}:root,.x16nfoyr{--x1qfrfo2:4px;--x2rk1ut:8px;--xhblkt4:16px;--xeue779:24px;--x7sbbgu:48px;--xq4tp4f:4px;--x2o8bbf:8px;--x1oalkxi:16px;--xz69o43:24px;--x3nosus:16px;--x170dvin:24px;--x1n6aasq:32px}:root,.xjvd03b{--xqkwqtp:#0f0f0f;--xj2l5r:#1a1a1a;--xlxk7vw:#242424;--xlpbogt:#e5e5e5;--x651nu9:#b0b0b0;--xw7wp3v:#6aaffc;--x18fqoz:#93c5fd;--x3gzxyp:#000000;--x1drj1pb:#333333;--x13gdhh0:#f87171;--x7eyu03:#fca5a5;--xrl8836:rgba(248, 113, 113, .1);--x1a6pjl:rgba(248, 113, 113, .3);--xf51nwe:#fca5a5;--x1lvjkah:#000000;--x197pe5n:#22c55e;--xzjukav:rgba(34, 197, 94, .1);--x1my3ygc:rgba(34, 197, 94, .3);--x46dg9e:#86efac;--x1gq0pyw:#fbbf24;--xtnxqss:rgba(251, 191, 36, .1);--x1ev2mr5:rgba(251, 191, 36, .3);--x1lgjghx:#fde68a;--x97ho0r:#6aaffc;--xho8jir:rgba(106, 175, 252, .1);--xnevk3x:rgba(106, 175, 252, .3);--x19pseus:#93c5fd}:root,.xs62swl{--xvrmnat:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--x1bzqfky:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--x1w5m325:.75rem;--x1bjjs4u:.875rem;--xq8d99q:1rem;--x18ngplw:1.125rem;--x1b1mqsu:1.25rem;--x1stydh2:1.5rem;--x1y1cayu:400;--xaw13ft:500;--xg6c7xe:600;--x1pjkvwg:700;--x1gubzd5:1.5}:root,.x4cj49w{--xx27tux:.75rem;--x5hag8h:.8125rem;--x1mf6j39:.875rem;--xh0hch2:1rem;--xcllv62:1.125rem;--xo5veds:1.25rem;--x1j85tz8:1.5rem;--x17zhits:1.875rem;--xveysf7:2.25rem;--x17o1wol:1rem;--xinpx5n:1.25rem;--x1163vpm:1.25rem;--x1y0jdbp:1.5rem;--xjln4cz:1.5rem;--x1h1b5wo:1.75rem;--xx3gx0p:2rem;--xk1f09j:2.25rem;--xshcxhh:2.75rem;--x5inqzv:clamp(2.25rem, 1.5rem + 2vw, 3rem);--x1oektom:clamp(2.75rem, 1.75rem + 2.5vw, 3.75rem);--x6qsr1u:clamp(3.5rem, 2rem + 3.5vw, 4.5rem);--xmavxfk:-.02em;--x1ih41v1:0;--xt8z9rj:.04em}:root,.x6uc9q{--xxfyjsd:4px;--xbh8y7f:8px;--x13y09zs:12px;--x3pkb85:16px;--x34mutn:24px;--xttpygj:32px;--xbe9eha:48px;--xroalp5:64px}.xbg3p4g.xbg3p4g,.xbg3p4g.xbg3p4g:root{--x1mxd62i:0 8px 24px rgba(0, 0, 0, .16);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .12);--x17hhtln:0 2px 4px rgba(0, 0, 0, .08)}.x2ejqk0.x2ejqk0,.x2ejqk0.x2ejqk0:root{--x1mxd62i:0 8px 24px rgba(0, 0, 0, .8);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .7);--x17hhtln:0 2px 4px rgba(0, 0, 0, .6)}.x141if89.x141if89,.x141if89.x141if89:root{--xw7wp3v:#1e40af;--x3gzxyp:#ffffff;--x18fqoz:#1a3799;--xqkwqtp:#ffffff;--xj2l5r:#f5f5f5;--xlxk7vw:#ebebeb;--x1drj1pb:#d4d4d4;--x13gdhh0:#991b1b;--xrl8836:rgba(153, 27, 27, .08);--x1a6pjl:rgba(153, 27, 27, .3);--x1lvjkah:#ffffff;--x7eyu03:#7f1d1d;--xf51nwe:#7f1d1d;--x97ho0r:#1e40af;--xho8jir:rgba(30, 64, 175, .08);--xnevk3x:rgba(30, 64, 175, .3);--x19pseus:#1e40af;--x197pe5n:#166534;--xzjukav:rgba(22, 101, 52, .08);--x1my3ygc:rgba(22, 101, 52, .3);--x46dg9e:#14532d;--xlpbogt:#1a1a1a;--x651nu9:#4a4a4a;--x1gq0pyw:#92400e;--xtnxqss:rgba(146, 64, 14, .08);--x1ev2mr5:rgba(146, 64, 14, .3);--x1lgjghx:#78350f}.x10vremu.x10vremu,.x10vremu.x10vremu:root{--xw7wp3v:#60a5fa;--x3gzxyp:#000000;--x18fqoz:#93c5fd;--xqkwqtp:#000000;--xj2l5r:#111111;--xlxk7vw:#1a1a1a;--x1drj1pb:#555555;--x13gdhh0:#f87171;--xrl8836:rgba(248, 113, 113, .15);--x1a6pjl:rgba(248, 113, 113, .5);--x1lvjkah:#000000;--x7eyu03:#fca5a5;--xf51nwe:#fca5a5;--x97ho0r:#60a5fa;--xho8jir:rgba(96, 165, 250, .15);--xnevk3x:rgba(96, 165, 250, .5);--x19pseus:#bfdbfe;--x197pe5n:#4ade80;--xzjukav:rgba(74, 222, 128, .15);--x1my3ygc:rgba(74, 222, 128, .5);--x46dg9e:#86efac;--xlpbogt:#ffffff;--x651nu9:#b0b0b0;--x1gq0pyw:#fcd34d;--xtnxqss:rgba(252, 211, 77, .15);--x1ev2mr5:rgba(252, 211, 77, .5);--x1lgjghx:#fef08a}@layer priority2{.x1ghz6dp{margin:0}.x1717udv{padding:0}.x1tamke2{padding:16px}.xggk2y7{padding:24px}.x1dof8lg{padding:80px}.x9s4ijv{padding:var(--x34mutn)}.x16ixvul{padding:var(--x3pkb85)}.x1p6b0f7{padding:var(--xbh8y7f)}.xzfsoru{padding:var(--xttpygj)}}@layer priority3{.x12a3ptf{border-color:#333}.x9r1u3d{border-color:transparent}.x1bhh8t3{border-color:var(--x13gdhh0)}.xmuf6iu{border-color:var(--x1a6pjl)}.xa6hqta{border-color:var(--x1drj1pb)}.xsrn1xb{border-color:var(--x1ev2mr5)}.x1q7s2p{border-color:var(--x1my3ygc)}.x1ke832z{border-color:var(--xnevk3x)}.x10uvpab{border-color:var(--xw7wp3v)}.x2u8bby{border-radius:0}.x4pepcl{border-radius:12px}.x12oqio5{border-radius:4px}.x16rqkct{border-radius:50%}.xur7f20{border-radius:8px}.x1gbengz{border-radius:var(--x1bhtfs5)}.x19hrylp{border-radius:var(--x9vxdtd)}.x1pjgem0{border-radius:var(--xwd56yl)}.x1l6avqr{border-radius:var(--xx2g89g)}.xng3xce{border-style:none}.x1y0btm7{border-style:solid}.xc342km{border-width:0}.xmkeg23{border-width:1px}.xdh2fpr{border-width:2px}.x9r2w2z{border-width:3px}.x98rzlu{flex:1}.xxhr3t{gap:0}.x1v2ro7d{gap:12px}.xou54vl{gap:16px}.x1665zp3{gap:24px}.x167g77z{gap:8px}.xl437h0{gap:var(--x13y09zs)}.xibzbvl{gap:var(--x34mutn)}.x1onxhe9{gap:var(--x3pkb85)}.x17gr5pr{gap:var(--xbe9eha)}.x1wyuhvo{gap:var(--xbh8y7f)}.x281kem{gap:var(--xroalp5)}.xti5e4g{gap:var(--xttpygj)}.xfrqhcj{gap:var(--xxfyjsd)}.xe8uvvx{list-style:none}.xysyzu8{overflow:auto}.xb3r6kr{overflow:hidden}.x1hl2dhg{text-decoration:none}.x1eag9q1:focus-within{border-color:var(--xw7wp3v)}.xxugzg9:hover{border-color:var(--x18fqoz)}.x16v0wxd:hover{border-color:var(--x651nu9)}.x1c6zb85:hover{border-color:var(--x7eyu03)}.xgf9u5a:hover{border-color:var(--xw7wp3v)}.xt0b8zv:hover{text-decoration:underline}.x1dqxl7v:focus{border-color:var(--x13gdhh0)}.xczt6sp:focus{border-color:var(--xw7wp3v)}}@layer priority4{.x1pha0wt{align-items:baseline}.x6s0dn4{align-items:center}.xuk3077{align-items:flex-end}.x1cy8zhl{align-items:flex-start}.x1qjc9v5{align-items:stretch}.xdz8niu{animation-duration:.6s}.xa4qsjk{animation-iteration-count:infinite}.x1ka1v4i{animation-name:xqng64z-B}.x1esw782{animation-timing-function:linear}.xuw900x{aspect-ratio:attr(width) / attr(height)}.x42x0ya{background-color:#000}.xjbqb8w{background-color:transparent}.x1otgzja{background-color:var(--x13gdhh0)}.xkg00lo{background-color:var(--x197pe5n)}.xjrq1zi{background-color:var(--x1drj1pb)}.x1b5ky1b{background-color:var(--x1gq0pyw)}.xzusddy{background-color:var(--xho8jir)}.xl5mw0s{background-color:var(--xj2l5r)}.x17a2q59{background-color:var(--xlxk7vw)}.x1gm436j{background-color:var(--xqkwqtp)}.x102pa86{background-color:var(--xrl8836)}.x1g9he1u{background-color:var(--xtnxqss)}.x1oot518{background-color:var(--xw7wp3v)}.xqmdxru{background-color:var(--xzjukav)}.x1s0ujc2{box-shadow:var(--x1oyt0aw)}.x9f619{box-sizing:border-box}.xzpqnlu{clip:rect(0,0,0,0)}.x1g3taxb{color:#888}.xbopyqs{color:#e5e5e5}.x86uqpz{color:var(--x13gdhh0)}.x1olrob4{color:var(--x197pe5n)}.xmooqzt{color:var(--x19pseus)}.x1r3dmx3{color:var(--x1gq0pyw)}.x1e2iipf{color:var(--x1lgjghx)}.x1bttd7j{color:var(--x1lvjkah)}.xi1ll4n{color:var(--x3gzxyp)}.xcrp0t0{color:var(--x46dg9e)}.x19e7f62{color:var(--x651nu9)}.x17v5lin{color:var(--x97ho0r)}.x1gc3xgn{color:var(--xf51nwe)}.xg6mlj0{color:var(--xlpbogt)}.x8fix86{color:var(--xw7wp3v)}.x1h6gzvc{cursor:not-allowed}.x1ypdohk{cursor:pointer}.xjp7ctv{display:contents}.x78zum5{display:flex}.xrvj5dj{display:grid}.x3nfvp2{display:inline-flex}.x1s85apg{display:none}.xdt5ytf{flex-direction:column}.x1q0g3np{flex-direction:row}.x2lah0s{flex-shrink:0}.xozqiw3{flex-wrap:nowrap}.x1a02dak{flex-wrap:wrap}.x1faq86j{float:left}.x1lxnp44{font-family:monospace,"monospace"}.xwm3oof{font-family:var(--x1bzqfky)}.x2nsvjj{font-family:var(--xvrmnat)}.x2ohwh0{font-size:.625rem}.xboafo0{font-size:.75rem}.xkpwil5{font-size:.875rem}.x1603h9y{font-size:1.25rem}.xngnso2{font-size:1.5rem}.xif65rj{font-size:14px}.xrv4cvt{font-size:1em}.xrvdcq{font-size:var(--x17zhits)}.xhfxdxx{font-size:var(--x18ngplw)}.xh6m7d2{font-size:var(--x1bjjs4u)}.x4mf1k4{font-size:var(--x1j85tz8)}.x1if0jgx{font-size:var(--x1mf6j39)}.x16w3ugi{font-size:var(--x1oektom)}.xwwyzt9{font-size:var(--x1w5m325)}.xc0d0us{font-size:var(--x5inqzv)}.xh3afdc{font-size:var(--x6qsr1u)}.x1im6ioy{font-size:var(--xcllv62)}.xdio1jr{font-size:var(--xh0hch2)}.x1oapjaw{font-size:var(--xo5veds)}.x6bxe4h{font-size:var(--xveysf7)}.x1exbi8{font-size:var(--xx27tux)}.x1s688f{font-weight:600}.x117nqv4{font-weight:700}.xkzss2h{font-weight:var(--x1pjkvwg)}.x18r2jh2{font-weight:var(--x1y1cayu)}.x9n8r49{font-weight:var(--xaw13ft)}.x17wh69p{font-weight:var(--xg6c7xe)}.x1y6fwsi{grid-template-columns:1fr}.x1p9eum2{grid-template-columns:repeat(2,1fr)}.x1wlfl8j{grid-template-columns:repeat(3,1fr)}.xl501l6{grid-template-columns:repeat(4,1fr)}.xkgyxu0{grid-template-columns:repeat(5,1fr)}.xu4o1vd{grid-template-columns:repeat(6,1fr)}.xem2tbl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.xqketvx{grid-template-columns:var(--x-gridTemplateColumns)}.xl56j7k{justify-content:center}.x13a6bvl{justify-content:flex-end}.x1nhvcw1{justify-content:flex-start}.x1qughib{justify-content:space-between}.x2ujxvm{letter-spacing:.05em}.xeuwabj{letter-spacing:var(--x1ih41v1)}.xgvl3jc{letter-spacing:var(--xmavxfk)}.xw417u5{letter-spacing:var(--xt8z9rj)}.x1159mfc{line-height:1.1}.x1uo3zyz{line-height:1.15}.x1u7k74{line-height:1.2}.xo5v014{line-height:1}.xjet2r4{line-height:var(--x1163vpm)}.xsst0cm{line-height:var(--x17o1wol)}.xi1gl5z{line-height:var(--x1gubzd5)}.x1u83dz7{line-height:var(--x1h1b5wo)}.xr42xmp{line-height:var(--x1y0jdbp)}.xq792j8{line-height:var(--xjln4cz)}.x1nwb6vd{line-height:var(--xk1f09j)}.xdyfji9{line-height:var(--xshcxhh)}.xaen94t{line-height:var(--xx3gx0p)}.xti2d7y{opacity:.4}.xbyyjgo{opacity:.5}.xg01cxk{opacity:0}.x1hc1fzr{opacity:1}.x1uczgqu{outline-color:transparent}.x1wfwxd8{outline-offset:0}.x1t137rt{outline-style:none}.x1k57tk5{outline-width:0}.x47corl{pointer-events:none}.x10l6tqk{position:absolute}.xixxii4{position:fixed}.x1n2onr6{position:relative}.x288g5{resize:vertical}.x1rohswg{scrollbar-width:none}.x2b8uid{text-align:center}.xp4054r{text-align:end}.x16tdsg8{text-align:inherit}.xdpxx8g{text-align:left}.x1yc453h{text-align:start}.xlyipyv{text-overflow:ellipsis}.xtvhhri{text-transform:uppercase}.x5ve5x3{touch-action:none}.x1iffjtl{transform:rotate(90deg)}.xuuh30{transform:translate(-50%)}.x1cb1t30{transform:translateY(-50%)}.xnn1q72{transform:translateY(0)}.xsqj5wx{transform:var(--x-transform)}.xx6bhzk{transition-duration:.15s}.x13dflua{transition-duration:.2s}.x1qsmvhx{transition-property:background-color,border-color,color,opacity}.x1eaenvl{transition-property:background-color,border-color,color}.x1lxufdw{transition-property:background-color,border-color,transform}.xts7igz{transition-property:background-color,border-color}.x15406qy{transition-property:background-color}.xshfolx{transition-property:border-color}.x1gbuem2{transition-property:color,background-color}.xrf8owv{transition-property:color,border-color}.xt3l3uh{transition-property:color}.x19991ni{transition-property:opacity}.x11xpdln{transition-property:transform}.xwji4o3{transition-timing-function:ease}.x87ps6o{user-select:none}.xuxw1ft{white-space:nowrap}.x1vvkbs{word-wrap:break-word}.x1vjfegm{z-index:1}.x1ygf0dq{z-index:49}.xa9119d{z-index:50}.x1sd9ys5:focus-visible{outline-color:var(--xw7wp3v)}.x1bqaal:focus-visible{outline-offset:-2px}.x13iak60:focus-visible{outline-offset:1px}.x7s97pk:focus-visible{outline-offset:2px}.x9v5kkp:focus-visible{outline-style:solid}.x784prv:focus-visible{outline-width:2px}.xd7uh6u:hover{background-color:var(--x18fqoz)}.x1fc35gf:hover{background-color:var(--x651nu9)}.x195f44:hover{background-color:var(--x7eyu03)}.xs77ekg:hover{background-color:var(--xj2l5r)}.xja2m5l:hover{background-color:var(--xlxk7vw)}.xft6bm3:hover{color:var(--x18fqoz)}.x1c35pte:hover{color:var(--xlpbogt)}.x1lz31oe:hover{transform:translateY(-2px)}.x10pkf68:active{background-color:var(--x18fqoz)}.x5my48r:active{background-color:var(--x7eyu03)}.xkuhks1:active{background-color:var(--xqkwqtp)}}@layer priority5{.xivxizw{border-bottom-color:#1a1a1a}.x16stqrj{border-bottom-color:transparent}.xqbcnhn{border-bottom-color:var(--x1drj1pb)}.x1987y6g{border-bottom-color:var(--xw7wp3v)}.x1q0q8m5{border-bottom-style:solid}.x1qhh985{border-bottom-width:0}.xso031l{border-bottom-width:1px}.xlxy82{border-bottom-width:2px}.x9m7tm4{border-left-color:var(--x1drj1pb)}.x19ypqd9{border-left-style:solid}.xe0pwq{border-left-width:1px}.xhe5wa1{border-right-color:transparent}.x17pkic5{border-right-color:var(--x1drj1pb)}.x1301zqx{border-right-color:var(--xw7wp3v)}.x32b0ac{border-right-style:solid}.xgfja2r{border-right-width:0}.xs1s249{border-right-width:1px}.xyy74w7{border-right-width:2px}.x122vth6{border-top-color:var(--xw7wp3v)}.x1ey2m1c{bottom:0}.x10w3d4m{bottom:100%}.x5yr21d{height:100%}.x1kpxq89{height:12px}.xlup9mm{height:16px}.xmix8c7{height:18px}.xjm9jq1{height:1px}.xxk0z11{height:24px}.x1vqgdyp{height:40px}.xsdox4t{height:48px}.xdk7pt{height:8px}.xt7dq6l{height:auto}.x16ye13r{height:var(--x-height)}.xu96u03{left:0}.xl8wat7{left:100%}.x1nrll8i{left:50%}.x1t8mvi6{left:auto}.xod5an3{margin-bottom:12px}.x1e56ztr{margin-bottom:8px}.x2mrtcw{margin-bottom:var(--x3pkb85)}.x1r2uyx8{margin-bottom:var(--xxfyjsd)}.xzhl4zu{margin-left:var(--xxfyjsd)}.xxn522s{margin-right:var(--xbh8y7f)}.x1eym7le{margin-right:var(--xxfyjsd)}.xr9ek0c{margin-top:2px}.x126z5qz{margin-top:var(--xbh8y7f)}.xpfof7l{margin-top:var(--xxfyjsd)}.x1jols5v{max-height:var(--x-maxHeight)}.x193iq5w{max-width:100%}.xw5ewwj{max-width:300px}.x1va8c73{max-width:320px}.x1j9u4d2{max-width:400px}.x1us19tq{min-height:100%}.xeuugli{min-width:0}.xgqtt45{min-width:100%}.x1i9suas{min-width:120px}.x5w4yej{min-width:160px}.x1u2d2a2{min-width:280px}.xw2csxc{overflow-x:auto}.x1odjw0f{overflow-y:auto}.xsag5q8{padding-bottom:12px}.x1120s5i{padding-bottom:2px}.x10b6aqq{padding-bottom:6px}.xgtncap{padding-bottom:var(--xbh8y7f)}.x1uxr5ly{padding-bottom:var(--xttpygj)}.xcpwwpj{padding-bottom:var(--xxfyjsd)}.x1uhho1l{padding-left:0}.xnm25rq{padding-left:16px}.xj9uezu{padding-left:2px}.xqjnmzt{padding-left:var(--x34mutn)}.x107tsa6{padding-left:var(--x3pkb85)}.x1s0axy8{padding-left:var(--xbh8y7f)}.x13v7z3y{padding-left:var(--xxfyjsd)}.x1xpa7k{padding-right:0}.xyfqnmn{padding-right:16px}.xpf9j6y{padding-right:2px}.x1degllg{padding-right:var(--x3pkb85)}.xlt3hlb{padding-right:var(--xbh8y7f)}.xdeq5op{padding-right:var(--xxfyjsd)}.xexx8yu{padding-top:0}.xz9dl7a{padding-top:12px}.x4p5aij{padding-top:1px}.x1nn3v0j{padding-top:2px}.x1yrsyyn{padding-top:6px}.xk8kq4k{padding-top:var(--x3pkb85)}.x1y6gaq4{padding-top:var(--xbh8y7f)}.x1ptqfpl{padding-top:var(--xttpygj)}.x1dzxqh7{padding-top:var(--xxfyjsd)}.x3m8u43{right:0}.xjvjlmm{right:100%}.x13vifvy{top:0}.xdsb8wn{top:100%}.xwa60dl{top:50%}.xh8yej3{width:100%}.xsmyaan{width:12px}.x1kky2od{width:16px}.x1xp8n7a{width:18px}.x1i1rx1s{width:1px}.xvy4d1p{width:24px}.xdzyupr{width:300px}.x100vrsf{width:40px}.x1useyqa{width:48px}.x1xc55vz{width:8px}.x5lhr3w{width:var(--x-width)}}
1
+ @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 xqng64z-B{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root,.x13v825q{--x17hhtln:0 2px 4px rgba(0, 0, 0, .3);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .4);--x1mxd62i:0 8px 24px rgba(0, 0, 0, .5)}:root,.xw3ffwm{--x1bhtfs5:8px;--xx2g89g:12px;--xwd56yl:16px;--x9vxdtd:9999px}:root,.x16nfoyr{--x1qfrfo2:4px;--x2rk1ut:8px;--xhblkt4:16px;--xeue779:24px;--x7sbbgu:48px;--xq4tp4f:4px;--x2o8bbf:8px;--x1oalkxi:16px;--xz69o43:24px;--x3nosus:16px;--x170dvin:24px;--x1n6aasq:32px}:root,.xjvd03b{--xqkwqtp:#0f0f0f;--xj2l5r:#1a1a1a;--xlxk7vw:#242424;--xlpbogt:#e5e5e5;--x651nu9:#b0b0b0;--xw7wp3v:#6aaffc;--x18fqoz:#93c5fd;--x3gzxyp:#000000;--x1drj1pb:#333333;--x13gdhh0:#f87171;--x7eyu03:#fca5a5;--xrl8836:rgba(248, 113, 113, .1);--x1a6pjl:rgba(248, 113, 113, .3);--xf51nwe:#fca5a5;--x1lvjkah:#000000;--x197pe5n:#22c55e;--xzjukav:rgba(34, 197, 94, .1);--x1my3ygc:rgba(34, 197, 94, .3);--x46dg9e:#86efac;--x1gq0pyw:#fbbf24;--xtnxqss:rgba(251, 191, 36, .1);--x1ev2mr5:rgba(251, 191, 36, .3);--x1lgjghx:#fde68a;--x97ho0r:#6aaffc;--xho8jir:rgba(106, 175, 252, .1);--xnevk3x:rgba(106, 175, 252, .3);--x19pseus:#93c5fd}:root,.xs62swl{--xvrmnat:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--x1bzqfky:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--x1w5m325:.75rem;--x1bjjs4u:.875rem;--xq8d99q:1rem;--x18ngplw:1.125rem;--x1b1mqsu:1.25rem;--x1stydh2:1.5rem;--x1y1cayu:400;--xaw13ft:500;--xg6c7xe:600;--x1pjkvwg:700;--x1gubzd5:1.5}:root,.x4cj49w{--xx27tux:.75rem;--x5hag8h:.8125rem;--x1mf6j39:.875rem;--xh0hch2:1rem;--xcllv62:1.125rem;--xo5veds:1.25rem;--x1j85tz8:1.5rem;--x17zhits:1.875rem;--xveysf7:2.25rem;--x17o1wol:1rem;--xinpx5n:1.25rem;--x1163vpm:1.25rem;--x1y0jdbp:1.5rem;--xjln4cz:1.5rem;--x1h1b5wo:1.75rem;--xx3gx0p:2rem;--xk1f09j:2.25rem;--xshcxhh:2.75rem;--x5inqzv:clamp(2.25rem, 1.5rem + 2vw, 3rem);--x1oektom:clamp(2.75rem, 1.75rem + 2.5vw, 3.75rem);--x6qsr1u:clamp(3.5rem, 2rem + 3.5vw, 4.5rem);--xmavxfk:-.02em;--x1ih41v1:0;--xt8z9rj:.04em}:root,.x6uc9q{--xxfyjsd:4px;--xbh8y7f:8px;--x13y09zs:12px;--x3pkb85:16px;--x34mutn:24px;--xttpygj:32px;--xbe9eha:48px;--xroalp5:64px}.xbg3p4g.xbg3p4g,.xbg3p4g.xbg3p4g:root{--x1mxd62i:0 8px 24px rgba(0, 0, 0, .16);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .12);--x17hhtln:0 2px 4px rgba(0, 0, 0, .08)}.x2ejqk0.x2ejqk0,.x2ejqk0.x2ejqk0:root{--x1mxd62i:0 8px 24px rgba(0, 0, 0, .8);--x1oyt0aw:0 4px 12px rgba(0, 0, 0, .7);--x17hhtln:0 2px 4px rgba(0, 0, 0, .6)}.x141if89.x141if89,.x141if89.x141if89:root{--xw7wp3v:#1e40af;--x3gzxyp:#ffffff;--x18fqoz:#1a3799;--xqkwqtp:#ffffff;--xj2l5r:#f5f5f5;--xlxk7vw:#ebebeb;--x1drj1pb:#d4d4d4;--x13gdhh0:#991b1b;--xrl8836:rgba(153, 27, 27, .08);--x1a6pjl:rgba(153, 27, 27, .3);--x1lvjkah:#ffffff;--x7eyu03:#7f1d1d;--xf51nwe:#7f1d1d;--x97ho0r:#1e40af;--xho8jir:rgba(30, 64, 175, .08);--xnevk3x:rgba(30, 64, 175, .3);--x19pseus:#1e40af;--x197pe5n:#166534;--xzjukav:rgba(22, 101, 52, .08);--x1my3ygc:rgba(22, 101, 52, .3);--x46dg9e:#14532d;--xlpbogt:#1a1a1a;--x651nu9:#4a4a4a;--x1gq0pyw:#92400e;--xtnxqss:rgba(146, 64, 14, .08);--x1ev2mr5:rgba(146, 64, 14, .3);--x1lgjghx:#78350f}.x10vremu.x10vremu,.x10vremu.x10vremu:root{--xw7wp3v:#60a5fa;--x3gzxyp:#000000;--x18fqoz:#93c5fd;--xqkwqtp:#000000;--xj2l5r:#111111;--xlxk7vw:#1a1a1a;--x1drj1pb:#555555;--x13gdhh0:#f87171;--xrl8836:rgba(248, 113, 113, .15);--x1a6pjl:rgba(248, 113, 113, .5);--x1lvjkah:#000000;--x7eyu03:#fca5a5;--xf51nwe:#fca5a5;--x97ho0r:#60a5fa;--xho8jir:rgba(96, 165, 250, .15);--xnevk3x:rgba(96, 165, 250, .5);--x19pseus:#bfdbfe;--x197pe5n:#4ade80;--xzjukav:rgba(74, 222, 128, .15);--x1my3ygc:rgba(74, 222, 128, .5);--x46dg9e:#86efac;--xlpbogt:#ffffff;--x651nu9:#b0b0b0;--x1gq0pyw:#fcd34d;--xtnxqss:rgba(252, 211, 77, .15);--x1ev2mr5:rgba(252, 211, 77, .5);--x1lgjghx:#fef08a}@layer priority2{.x1ghz6dp{margin:0}.x1717udv{padding:0}.x1tamke2{padding:16px}.xggk2y7{padding:24px}.x1dof8lg{padding:80px}.x9s4ijv{padding:var(--x34mutn)}.x16ixvul{padding:var(--x3pkb85)}.x16sxnm4{padding:var(--xbh8y7f) var(--x3pkb85)}.x1p6b0f7{padding:var(--xbh8y7f)}.xzfsoru{padding:var(--xttpygj)}.x1erczqm{padding:var(--xxfyjsd) var(--xbh8y7f)}}@layer priority3{.x12a3ptf{border-color:#333}.x9r1u3d{border-color:transparent}.x1bhh8t3{border-color:var(--x13gdhh0)}.xmuf6iu{border-color:var(--x1a6pjl)}.xa6hqta{border-color:var(--x1drj1pb)}.xsrn1xb{border-color:var(--x1ev2mr5)}.x1q7s2p{border-color:var(--x1my3ygc)}.x1ke832z{border-color:var(--xnevk3x)}.x10uvpab{border-color:var(--xw7wp3v)}.x2u8bby{border-radius:0}.x4pepcl{border-radius:12px}.x12oqio5{border-radius:4px}.x16rqkct{border-radius:50%}.xur7f20{border-radius:8px}.x1gbengz{border-radius:var(--x1bhtfs5)}.x19hrylp{border-radius:var(--x9vxdtd)}.x1pjgem0{border-radius:var(--xwd56yl)}.x1l6avqr{border-radius:var(--xx2g89g)}.xng3xce{border-style:none}.x1y0btm7{border-style:solid}.xc342km{border-width:0}.xmkeg23{border-width:1px}.xdh2fpr{border-width:2px}.x9r2w2z{border-width:3px}.x98rzlu{flex:1}.xxhr3t{gap:0}.x1v2ro7d{gap:12px}.xou54vl{gap:16px}.x1665zp3{gap:24px}.x167g77z{gap:8px}.xl437h0{gap:var(--x13y09zs)}.xibzbvl{gap:var(--x34mutn)}.x1onxhe9{gap:var(--x3pkb85)}.x17gr5pr{gap:var(--xbe9eha)}.x1wyuhvo{gap:var(--xbh8y7f)}.x281kem{gap:var(--xroalp5)}.xti5e4g{gap:var(--xttpygj)}.xfrqhcj{gap:var(--xxfyjsd)}.xe8uvvx{list-style:none}.xysyzu8{overflow:auto}.xb3r6kr{overflow:hidden}.x1hl2dhg{text-decoration:none}.x1eag9q1:focus-within{border-color:var(--xw7wp3v)}.xxugzg9:hover{border-color:var(--x18fqoz)}.x16v0wxd:hover{border-color:var(--x651nu9)}.x1c6zb85:hover{border-color:var(--x7eyu03)}.xgf9u5a:hover{border-color:var(--xw7wp3v)}.xt0b8zv:hover{text-decoration:underline}.x1dqxl7v:focus{border-color:var(--x13gdhh0)}.xczt6sp:focus{border-color:var(--xw7wp3v)}}@layer priority4{.x1pha0wt{align-items:baseline}.x6s0dn4{align-items:center}.xuk3077{align-items:flex-end}.x1cy8zhl{align-items:flex-start}.x1qjc9v5{align-items:stretch}.xdz8niu{animation-duration:.6s}.xa4qsjk{animation-iteration-count:infinite}.x1ka1v4i{animation-name:xqng64z-B}.x1esw782{animation-timing-function:linear}.xuw900x{aspect-ratio:attr(width) / attr(height)}.x83z2og{background-color:#fff}.x42x0ya{background-color:#000}.xjbqb8w{background-color:transparent}.x1otgzja{background-color:var(--x13gdhh0)}.xkg00lo{background-color:var(--x197pe5n)}.xjrq1zi{background-color:var(--x1drj1pb)}.x1b5ky1b{background-color:var(--x1gq0pyw)}.xzusddy{background-color:var(--xho8jir)}.xl5mw0s{background-color:var(--xj2l5r)}.x17a2q59{background-color:var(--xlxk7vw)}.x1gm436j{background-color:var(--xqkwqtp)}.x102pa86{background-color:var(--xrl8836)}.x1g9he1u{background-color:var(--xtnxqss)}.x1oot518{background-color:var(--xw7wp3v)}.xqmdxru{background-color:var(--xzjukav)}.x1s0ujc2{box-shadow:var(--x1oyt0aw)}.x9f619{box-sizing:border-box}.xzpqnlu{clip:rect(0,0,0,0)}.x1g3taxb{color:#888}.xbopyqs{color:#e5e5e5}.x86uqpz{color:var(--x13gdhh0)}.x1olrob4{color:var(--x197pe5n)}.xmooqzt{color:var(--x19pseus)}.x1r3dmx3{color:var(--x1gq0pyw)}.x1e2iipf{color:var(--x1lgjghx)}.x1bttd7j{color:var(--x1lvjkah)}.xi1ll4n{color:var(--x3gzxyp)}.xcrp0t0{color:var(--x46dg9e)}.x19e7f62{color:var(--x651nu9)}.x17v5lin{color:var(--x97ho0r)}.x1gc3xgn{color:var(--xf51nwe)}.xg6mlj0{color:var(--xlpbogt)}.x8fix86{color:var(--xw7wp3v)}.xmper1u{cursor:inherit}.x1h6gzvc{cursor:not-allowed}.x1ypdohk{cursor:pointer}.xjp7ctv{display:contents}.x78zum5{display:flex}.xrvj5dj{display:grid}.x3nfvp2{display:inline-flex}.x1s85apg{display:none}.xdt5ytf{flex-direction:column}.x1q0g3np{flex-direction:row}.x2lah0s{flex-shrink:0}.xozqiw3{flex-wrap:nowrap}.x1a02dak{flex-wrap:wrap}.x1faq86j{float:left}.x1lxnp44{font-family:monospace,"monospace"}.xwm3oof{font-family:var(--x1bzqfky)}.x2nsvjj{font-family:var(--xvrmnat)}.x2ohwh0{font-size:.625rem}.xboafo0{font-size:.75rem}.xkpwil5{font-size:.875rem}.x1603h9y{font-size:1.25rem}.xngnso2{font-size:1.5rem}.xif65rj{font-size:14px}.xrv4cvt{font-size:1em}.xrvdcq{font-size:var(--x17zhits)}.xhfxdxx{font-size:var(--x18ngplw)}.xh6m7d2{font-size:var(--x1bjjs4u)}.x4mf1k4{font-size:var(--x1j85tz8)}.x1if0jgx{font-size:var(--x1mf6j39)}.x16w3ugi{font-size:var(--x1oektom)}.xwwyzt9{font-size:var(--x1w5m325)}.xc0d0us{font-size:var(--x5inqzv)}.xh3afdc{font-size:var(--x6qsr1u)}.x1im6ioy{font-size:var(--xcllv62)}.xdio1jr{font-size:var(--xh0hch2)}.x1oapjaw{font-size:var(--xo5veds)}.x6bxe4h{font-size:var(--xveysf7)}.x1exbi8{font-size:var(--xx27tux)}.x1s688f{font-weight:600}.x117nqv4{font-weight:700}.xkzss2h{font-weight:var(--x1pjkvwg)}.x18r2jh2{font-weight:var(--x1y1cayu)}.x9n8r49{font-weight:var(--xaw13ft)}.x17wh69p{font-weight:var(--xg6c7xe)}.x1y6fwsi{grid-template-columns:1fr}.x1p9eum2{grid-template-columns:repeat(2,1fr)}.x1wlfl8j{grid-template-columns:repeat(3,1fr)}.xl501l6{grid-template-columns:repeat(4,1fr)}.xkgyxu0{grid-template-columns:repeat(5,1fr)}.xu4o1vd{grid-template-columns:repeat(6,1fr)}.xem2tbl{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.xqketvx{grid-template-columns:var(--x-gridTemplateColumns)}.xl56j7k{justify-content:center}.x13a6bvl{justify-content:flex-end}.x1nhvcw1{justify-content:flex-start}.x1qughib{justify-content:space-between}.x2ujxvm{letter-spacing:.05em}.xeuwabj{letter-spacing:var(--x1ih41v1)}.xgvl3jc{letter-spacing:var(--xmavxfk)}.xw417u5{letter-spacing:var(--xt8z9rj)}.x1159mfc{line-height:1.1}.x1uo3zyz{line-height:1.15}.x1u7k74{line-height:1.2}.xo5v014{line-height:1}.xjet2r4{line-height:var(--x1163vpm)}.xsst0cm{line-height:var(--x17o1wol)}.xi1gl5z{line-height:var(--x1gubzd5)}.x1u83dz7{line-height:var(--x1h1b5wo)}.xr42xmp{line-height:var(--x1y0jdbp)}.xq792j8{line-height:var(--xjln4cz)}.x1nwb6vd{line-height:var(--xk1f09j)}.xdyfji9{line-height:var(--xshcxhh)}.xaen94t{line-height:var(--xx3gx0p)}.xti2d7y{opacity:.4}.xbyyjgo{opacity:.5}.xg01cxk{opacity:0}.x1hc1fzr{opacity:1}.x1uczgqu{outline-color:transparent}.x1sstgzj{outline-color:var(--xw7wp3v)}.x1wfwxd8{outline-offset:0}.x1hl8ikr{outline-offset:2px}.x1t137rt{outline-style:none}.xaatb59{outline-style:solid}.x1k57tk5{outline-width:0}.x47corl{pointer-events:none}.x10l6tqk{position:absolute}.xixxii4{position:fixed}.x1n2onr6{position:relative}.x288g5{resize:vertical}.x1rohswg{scrollbar-width:none}.x2b8uid{text-align:center}.xp4054r{text-align:end}.x16tdsg8{text-align:inherit}.xdpxx8g{text-align:left}.x1yc453h{text-align:start}.xlyipyv{text-overflow:ellipsis}.xtvhhri{text-transform:uppercase}.x5ve5x3{touch-action:none}.x1iffjtl{transform:rotate(90deg)}.xuuh30{transform:translate(-50%)}.x1psfjxj{transform:translate(16px)}.x1cb1t30{transform:translateY(-50%)}.xnn1q72{transform:translateY(0)}.xsqj5wx{transform:var(--x-transform)}.xx6bhzk{transition-duration:.15s}.x13dflua{transition-duration:.2s}.x1qsmvhx{transition-property:background-color,border-color,color,opacity}.x1eaenvl{transition-property:background-color,border-color,color}.x1lxufdw{transition-property:background-color,border-color,transform}.xts7igz{transition-property:background-color,border-color}.x15406qy{transition-property:background-color}.xshfolx{transition-property:border-color}.x1gbuem2{transition-property:color,background-color}.xrf8owv{transition-property:color,border-color}.xt3l3uh{transition-property:color}.x19991ni{transition-property:opacity}.x11xpdln{transition-property:transform}.xwji4o3{transition-timing-function:ease}.x87ps6o{user-select:none}.xuxw1ft{white-space:nowrap}.x1vvkbs{word-wrap:break-word}.x1vjfegm{z-index:1}.x1ygf0dq{z-index:49}.xa9119d{z-index:50}.x1sd9ys5:focus-visible{outline-color:var(--xw7wp3v)}.x1bqaal:focus-visible{outline-offset:-2px}.x13iak60:focus-visible{outline-offset:1px}.x7s97pk:focus-visible{outline-offset:2px}.x9v5kkp:focus-visible{outline-style:solid}.x784prv:focus-visible{outline-width:2px}.xd7uh6u:hover{background-color:var(--x18fqoz)}.x1fc35gf:hover{background-color:var(--x651nu9)}.x195f44:hover{background-color:var(--x7eyu03)}.xs77ekg:hover{background-color:var(--xj2l5r)}.xja2m5l:hover{background-color:var(--xlxk7vw)}.xft6bm3:hover{color:var(--x18fqoz)}.x1c35pte:hover{color:var(--xlpbogt)}.x1lz31oe:hover{transform:translateY(-2px)}.x10pkf68:active{background-color:var(--x18fqoz)}.x5my48r:active{background-color:var(--x7eyu03)}.xkuhks1:active{background-color:var(--xqkwqtp)}}@layer priority5{.xivxizw{border-bottom-color:#1a1a1a}.x16stqrj{border-bottom-color:transparent}.xqbcnhn{border-bottom-color:var(--x1drj1pb)}.x1987y6g{border-bottom-color:var(--xw7wp3v)}.x1q0q8m5{border-bottom-style:solid}.x1qhh985{border-bottom-width:0}.xso031l{border-bottom-width:1px}.xlxy82{border-bottom-width:2px}.x9m7tm4{border-left-color:var(--x1drj1pb)}.x19ypqd9{border-left-style:solid}.xe0pwq{border-left-width:1px}.xhe5wa1{border-right-color:transparent}.x17pkic5{border-right-color:var(--x1drj1pb)}.x1301zqx{border-right-color:var(--xw7wp3v)}.x32b0ac{border-right-style:solid}.xgfja2r{border-right-width:0}.xs1s249{border-right-width:1px}.xyy74w7{border-right-width:2px}.x122vth6{border-top-color:var(--xw7wp3v)}.x1ey2m1c{bottom:0}.x10w3d4m{bottom:100%}.x5yr21d{height:100%}.x1kpxq89{height:12px}.xlup9mm{height:16px}.xmix8c7{height:18px}.xjm9jq1{height:1px}.x1qx5ct2{height:20px}.xxk0z11{height:24px}.x1vqgdyp{height:40px}.xsdox4t{height:48px}.xdk7pt{height:8px}.xt7dq6l{height:auto}.x16ye13r{height:var(--x-height)}.xu96u03{left:0}.xl8wat7{left:100%}.x54rlcq{left:2px}.x1nrll8i{left:50%}.x1t8mvi6{left:auto}.xod5an3{margin-bottom:12px}.x1e56ztr{margin-bottom:8px}.x2mrtcw{margin-bottom:var(--x3pkb85)}.x1r2uyx8{margin-bottom:var(--xxfyjsd)}.xzhl4zu{margin-left:var(--xxfyjsd)}.xxn522s{margin-right:var(--xbh8y7f)}.x1eym7le{margin-right:var(--xxfyjsd)}.xr9ek0c{margin-top:2px}.x126z5qz{margin-top:var(--xbh8y7f)}.xpfof7l{margin-top:var(--xxfyjsd)}.x1jols5v{max-height:var(--x-maxHeight)}.x193iq5w{max-width:100%}.xw5ewwj{max-width:300px}.x1va8c73{max-width:320px}.x1j9u4d2{max-width:400px}.x1us19tq{min-height:100%}.xeuugli{min-width:0}.xgqtt45{min-width:100%}.x1i9suas{min-width:120px}.x5w4yej{min-width:160px}.x1u2d2a2{min-width:280px}.xkj4a21{min-width:var(--x-minWidth)}.xw2csxc{overflow-x:auto}.x1odjw0f{overflow-y:auto}.xsag5q8{padding-bottom:12px}.x1120s5i{padding-bottom:2px}.x10b6aqq{padding-bottom:6px}.xgtncap{padding-bottom:var(--xbh8y7f)}.x1uxr5ly{padding-bottom:var(--xttpygj)}.xcpwwpj{padding-bottom:var(--xxfyjsd)}.x1uhho1l{padding-left:0}.xnm25rq{padding-left:16px}.xj9uezu{padding-left:2px}.xqjnmzt{padding-left:var(--x34mutn)}.x107tsa6{padding-left:var(--x3pkb85)}.x1s0axy8{padding-left:var(--xbh8y7f)}.x13v7z3y{padding-left:var(--xxfyjsd)}.x1xpa7k{padding-right:0}.xyfqnmn{padding-right:16px}.xpf9j6y{padding-right:2px}.x1degllg{padding-right:var(--x3pkb85)}.xlt3hlb{padding-right:var(--xbh8y7f)}.xdeq5op{padding-right:var(--xxfyjsd)}.xexx8yu{padding-top:0}.xz9dl7a{padding-top:12px}.x4p5aij{padding-top:1px}.x1nn3v0j{padding-top:2px}.x1yrsyyn{padding-top:6px}.xk8kq4k{padding-top:var(--x3pkb85)}.x1y6gaq4{padding-top:var(--xbh8y7f)}.x1ptqfpl{padding-top:var(--xttpygj)}.x1dzxqh7{padding-top:var(--xxfyjsd)}.x3m8u43{right:0}.xjvjlmm{right:100%}.x13vifvy{top:0}.xdsb8wn{top:100%}.xs7f9wi{top:2px}.xwa60dl{top:50%}.xh8yej3{width:100%}.xsmyaan{width:12px}.x1kky2od{width:16px}.x1xp8n7a{width:18px}.x1i1rx1s{width:1px}.xvy4d1p{width:24px}.xdzyupr{width:300px}.x14qfxbe{width:36px}.x100vrsf{width:40px}.x1useyqa{width:48px}.x1xc55vz{width:8px}.x5lhr3w{width:var(--x-width)}}
package/dist/index.d.ts CHANGED
@@ -22,7 +22,10 @@ export { Tabs } from './components/Tabs/Tabs';
22
22
  export { Textarea, type TextareaVariant } from './components/Textarea/Textarea';
23
23
  export { ThemeProvider, type ThemeName } from './components/ThemeProvider/ThemeProvider';
24
24
  export { Text, type TextVariant, type TextColor } from './components/Text/Text';
25
+ export { Toggle, type ToggleSize } from './components/Toggle/Toggle';
26
+ export { ToggleGroup } from './components/ToggleGroup/ToggleGroup';
25
27
  export { Tooltip } from './components/Tooltip/Tooltip';
28
+ export { Switch } from './components/Switch/Switch';
26
29
  export { Stack, type SpacingKey } from './components/Stack/Stack';
27
30
  export { Inline } from './components/Inline/Inline';
28
31
  export { Cluster } from './components/Cluster/Cluster';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,IAAI,EAAE,KAAK,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAC,MAAM,4BAA4B,CAAA;AACtF,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAC,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC5E,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAC,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EACL,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,OAAO,EAAE,KAAK,WAAW,EAAC,MAAM,8BAA8B,CAAA;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAC,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,0CAA0C,CAAA;AACtF,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAC7E,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAG3C,OAAO,EAAC,iBAAiB,EAAE,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAG/E,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACX,OAAO,EACP,aAAa,GACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,kBAAkB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,IAAI,EAAE,KAAK,QAAQ,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAC,MAAM,4BAA4B,CAAA;AACtF,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAC,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAC,MAAM,wBAAwB,CAAA;AAC5E,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAC,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAC,KAAK,EAAC,MAAM,0BAA0B,CAAA;AAC9C,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EACL,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,UAAU,EAAC,MAAM,oCAAoC,CAAA;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,OAAO,EAAE,KAAK,WAAW,EAAC,MAAM,8BAA8B,CAAA;AACtE,OAAO,EACL,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAC,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAC,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,0CAA0C,CAAA;AACtF,OAAO,EAAC,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAC7E,OAAO,EAAC,MAAM,EAAE,KAAK,UAAU,EAAC,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAC,WAAW,EAAC,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AAGjD,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAA;AAG3C,OAAO,EAAC,iBAAiB,EAAE,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAA;AAG/E,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACX,OAAO,EACP,aAAa,GACd,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAC,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,kBAAkB,CAAA"}