@luxfi/ui 7.1.0 → 7.3.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 (113) hide show
  1. package/dist/alert.cjs +22 -50
  2. package/dist/alert.js +22 -50
  3. package/dist/index.cjs +123 -179
  4. package/dist/index.js +123 -179
  5. package/dist/input.cjs +25 -36
  6. package/dist/input.js +25 -36
  7. package/dist/provider.cjs +35 -55
  8. package/dist/provider.js +16 -35
  9. package/dist/tag.cjs +15 -35
  10. package/dist/tag.js +15 -35
  11. package/dist/textarea.cjs +25 -36
  12. package/dist/textarea.js +25 -36
  13. package/package.json +6 -7
  14. package/src/alert.tsx +23 -51
  15. package/src/index.ts +1 -0
  16. package/src/input.tsx +27 -36
  17. package/src/provider.tsx +28 -6
  18. package/src/tag.tsx +17 -35
  19. package/src/textarea.tsx +27 -36
  20. package/dist/accordion.d.cts +0 -74
  21. package/dist/accordion.d.ts +0 -74
  22. package/dist/alert.d.cts +0 -30
  23. package/dist/alert.d.ts +0 -30
  24. package/dist/avatar.d.cts +0 -25
  25. package/dist/avatar.d.ts +0 -25
  26. package/dist/badge.d.cts +0 -19
  27. package/dist/badge.d.ts +0 -19
  28. package/dist/bank.d.cts +0 -76
  29. package/dist/bank.d.ts +0 -76
  30. package/dist/button.d.cts +0 -55
  31. package/dist/button.d.ts +0 -55
  32. package/dist/checkbox.d.cts +0 -31
  33. package/dist/checkbox.d.ts +0 -31
  34. package/dist/close-button.d.cts +0 -9
  35. package/dist/close-button.d.ts +0 -9
  36. package/dist/collapsible.d.cts +0 -23
  37. package/dist/collapsible.d.ts +0 -23
  38. package/dist/color-mode.d.cts +0 -25
  39. package/dist/color-mode.d.ts +0 -25
  40. package/dist/dialog.d.cts +0 -65
  41. package/dist/dialog.d.ts +0 -65
  42. package/dist/drawer.d.cts +0 -36
  43. package/dist/drawer.d.ts +0 -36
  44. package/dist/empty-state.d.cts +0 -13
  45. package/dist/empty-state.d.ts +0 -13
  46. package/dist/expiration-selector.d.cts +0 -16
  47. package/dist/expiration-selector.d.ts +0 -16
  48. package/dist/field.d.cts +0 -24
  49. package/dist/field.d.ts +0 -24
  50. package/dist/greeks-display.d.cts +0 -14
  51. package/dist/greeks-display.d.ts +0 -14
  52. package/dist/heading.d.cts +0 -10
  53. package/dist/heading.d.ts +0 -10
  54. package/dist/icon-button.d.cts +0 -33
  55. package/dist/icon-button.d.ts +0 -33
  56. package/dist/image.d.cts +0 -57
  57. package/dist/image.d.ts +0 -57
  58. package/dist/index.d.cts +0 -55
  59. package/dist/index.d.ts +0 -55
  60. package/dist/input-group.d.cts +0 -17
  61. package/dist/input-group.d.ts +0 -17
  62. package/dist/input.d.cts +0 -11
  63. package/dist/input.d.ts +0 -11
  64. package/dist/link.d.cts +0 -37
  65. package/dist/link.d.ts +0 -37
  66. package/dist/menu.d.cts +0 -84
  67. package/dist/menu.d.ts +0 -84
  68. package/dist/option-chain.d.cts +0 -37
  69. package/dist/option-chain.d.ts +0 -37
  70. package/dist/option-position.d.cts +0 -29
  71. package/dist/option-position.d.ts +0 -29
  72. package/dist/pin-input.d.cts +0 -25
  73. package/dist/pin-input.d.ts +0 -25
  74. package/dist/pnl-diagram.d.cts +0 -11
  75. package/dist/pnl-diagram.d.ts +0 -11
  76. package/dist/popover.d.cts +0 -73
  77. package/dist/popover.d.ts +0 -73
  78. package/dist/progress-circle.d.cts +0 -47
  79. package/dist/progress-circle.d.ts +0 -47
  80. package/dist/progress.d.cts +0 -28
  81. package/dist/progress.d.ts +0 -28
  82. package/dist/provider.d.cts +0 -7
  83. package/dist/provider.d.ts +0 -7
  84. package/dist/radio.d.cts +0 -53
  85. package/dist/radio.d.ts +0 -53
  86. package/dist/rating.d.cts +0 -14
  87. package/dist/rating.d.ts +0 -14
  88. package/dist/select.d.cts +0 -130
  89. package/dist/select.d.ts +0 -130
  90. package/dist/separator.d.cts +0 -13
  91. package/dist/separator.d.ts +0 -13
  92. package/dist/skeleton.d.cts +0 -60
  93. package/dist/skeleton.d.ts +0 -60
  94. package/dist/slider.d.cts +0 -24
  95. package/dist/slider.d.ts +0 -24
  96. package/dist/strategy-builder.d.cts +0 -26
  97. package/dist/strategy-builder.d.ts +0 -26
  98. package/dist/switch.d.cts +0 -27
  99. package/dist/switch.d.ts +0 -27
  100. package/dist/table.d.cts +0 -107
  101. package/dist/table.d.ts +0 -107
  102. package/dist/tabs.d.cts +0 -78
  103. package/dist/tabs.d.ts +0 -78
  104. package/dist/tag.d.cts +0 -21
  105. package/dist/tag.d.ts +0 -21
  106. package/dist/textarea.d.cts +0 -11
  107. package/dist/textarea.d.ts +0 -11
  108. package/dist/toaster.d.cts +0 -29
  109. package/dist/toaster.d.ts +0 -29
  110. package/dist/tooltip.d.cts +0 -38
  111. package/dist/tooltip.d.ts +0 -38
  112. package/dist/utils.d.cts +0 -5
  113. package/dist/utils.d.ts +0 -5
package/dist/badge.d.cts DELETED
@@ -1,19 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
4
- interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
5
- readonly loading?: boolean;
6
- readonly startElement?: React__default.ReactNode;
7
- readonly endElement?: React__default.ReactNode;
8
- readonly truncated?: boolean;
9
- readonly colorPalette?: ColorPalette;
10
- readonly variant?: 'subtle' | 'solid';
11
- readonly size?: 'sm' | 'md' | 'lg';
12
- readonly flexShrink?: number;
13
- readonly gap?: number | string;
14
- readonly ml?: number | string | Record<string, number>;
15
- readonly mr?: number | string;
16
- }
17
- declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
18
-
19
- export { Badge, type BadgeProps };
package/dist/badge.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
4
- interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
5
- readonly loading?: boolean;
6
- readonly startElement?: React__default.ReactNode;
7
- readonly endElement?: React__default.ReactNode;
8
- readonly truncated?: boolean;
9
- readonly colorPalette?: ColorPalette;
10
- readonly variant?: 'subtle' | 'solid';
11
- readonly size?: 'sm' | 'md' | 'lg';
12
- readonly flexShrink?: number;
13
- readonly gap?: number | string;
14
- readonly ml?: number | string | Record<string, number>;
15
- readonly mr?: number | string;
16
- }
17
- declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
18
-
19
- export { Badge, type BadgeProps };
package/dist/bank.d.cts DELETED
@@ -1,76 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as _hanzogui_core from '@hanzogui/core';
3
- import { GetProps } from '@hanzogui/core';
4
- import React__default from 'react';
5
-
6
- declare const bankColors: {
7
- readonly bg: "#000000";
8
- readonly card: "#111111";
9
- readonly cardBorder: "#222222";
10
- readonly input: "#1A1A1A";
11
- readonly inputBorder: "#333333";
12
- readonly inputFocus: "#555555";
13
- readonly inputPlaceholder: "#666666";
14
- readonly text: "#FFFFFF";
15
- readonly textMuted: "#888888";
16
- readonly textLabel: "#CCCCCC";
17
- readonly accent: "#FFFFFF";
18
- readonly accentPress: "#E0E0E0";
19
- readonly accentHover: "#F0F0F0";
20
- readonly error: "#FF4444";
21
- readonly errorBg: "#1C0A0A";
22
- readonly errorBorder: "#441111";
23
- readonly success: "#44FF44";
24
- readonly successBg: "#0A1C0A";
25
- readonly successBorder: "#114411";
26
- readonly divider: "#222222";
27
- readonly disabled: "#444444";
28
- };
29
- declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
30
- size?: "sm" | "md" | "lg" | undefined;
31
- }, _hanzogui_core.StaticConfigPublic>;
32
- type BankCardProps = GetProps<typeof BankCard>;
33
- declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
34
- size?: "sm" | "md" | "lg" | undefined;
35
- invalid?: boolean | undefined;
36
- }, _hanzogui_core.StaticConfigPublic>;
37
- type BankInputProps = GetProps<typeof BankInput> & {
38
- placeholderTextColor?: string;
39
- };
40
- declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
41
- variant?: "primary" | "secondary" | "ghost" | undefined;
42
- disabled?: boolean | undefined;
43
- }, _hanzogui_core.StaticConfigPublic>;
44
- declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
45
- variant?: "primary" | "secondary" | "ghost" | undefined;
46
- }, _hanzogui_core.StaticConfigPublic>;
47
- type BankButtonProps = GetProps<typeof BankButton>;
48
- declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
49
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
50
- }, _hanzogui_core.StaticConfigPublic>;
51
- type BankHeadingProps = GetProps<typeof BankHeading>;
52
- declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
53
- variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
54
- }, _hanzogui_core.StaticConfigPublic>;
55
- type BankTextProps = GetProps<typeof BankText>;
56
- declare function BankField({ label, error, children, }: {
57
- label?: string;
58
- error?: string;
59
- children: React__default.ReactNode;
60
- }): react_jsx_runtime.JSX.Element;
61
- declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
62
- status?: "error" | "success" | undefined;
63
- }, _hanzogui_core.StaticConfigPublic>;
64
- declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
65
- status?: "error" | "success" | undefined;
66
- }, _hanzogui_core.StaticConfigPublic>;
67
- type BankAlertProps = GetProps<typeof BankAlert>;
68
- declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
69
- invalid?: boolean | undefined;
70
- }, _hanzogui_core.StaticConfigPublic>;
71
- type BankPinBoxProps = GetProps<typeof BankPinBox>;
72
- declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
73
- declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
74
- type BankPageProps = GetProps<typeof BankPage>;
75
-
76
- export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };
package/dist/bank.d.ts DELETED
@@ -1,76 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as _hanzogui_core from '@hanzogui/core';
3
- import { GetProps } from '@hanzogui/core';
4
- import React__default from 'react';
5
-
6
- declare const bankColors: {
7
- readonly bg: "#000000";
8
- readonly card: "#111111";
9
- readonly cardBorder: "#222222";
10
- readonly input: "#1A1A1A";
11
- readonly inputBorder: "#333333";
12
- readonly inputFocus: "#555555";
13
- readonly inputPlaceholder: "#666666";
14
- readonly text: "#FFFFFF";
15
- readonly textMuted: "#888888";
16
- readonly textLabel: "#CCCCCC";
17
- readonly accent: "#FFFFFF";
18
- readonly accentPress: "#E0E0E0";
19
- readonly accentHover: "#F0F0F0";
20
- readonly error: "#FF4444";
21
- readonly errorBg: "#1C0A0A";
22
- readonly errorBorder: "#441111";
23
- readonly success: "#44FF44";
24
- readonly successBg: "#0A1C0A";
25
- readonly successBorder: "#114411";
26
- readonly divider: "#222222";
27
- readonly disabled: "#444444";
28
- };
29
- declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
30
- size?: "sm" | "md" | "lg" | undefined;
31
- }, _hanzogui_core.StaticConfigPublic>;
32
- type BankCardProps = GetProps<typeof BankCard>;
33
- declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
34
- size?: "sm" | "md" | "lg" | undefined;
35
- invalid?: boolean | undefined;
36
- }, _hanzogui_core.StaticConfigPublic>;
37
- type BankInputProps = GetProps<typeof BankInput> & {
38
- placeholderTextColor?: string;
39
- };
40
- declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
41
- variant?: "primary" | "secondary" | "ghost" | undefined;
42
- disabled?: boolean | undefined;
43
- }, _hanzogui_core.StaticConfigPublic>;
44
- declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
45
- variant?: "primary" | "secondary" | "ghost" | undefined;
46
- }, _hanzogui_core.StaticConfigPublic>;
47
- type BankButtonProps = GetProps<typeof BankButton>;
48
- declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
49
- size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
50
- }, _hanzogui_core.StaticConfigPublic>;
51
- type BankHeadingProps = GetProps<typeof BankHeading>;
52
- declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
53
- variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
54
- }, _hanzogui_core.StaticConfigPublic>;
55
- type BankTextProps = GetProps<typeof BankText>;
56
- declare function BankField({ label, error, children, }: {
57
- label?: string;
58
- error?: string;
59
- children: React__default.ReactNode;
60
- }): react_jsx_runtime.JSX.Element;
61
- declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
62
- status?: "error" | "success" | undefined;
63
- }, _hanzogui_core.StaticConfigPublic>;
64
- declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
65
- status?: "error" | "success" | undefined;
66
- }, _hanzogui_core.StaticConfigPublic>;
67
- type BankAlertProps = GetProps<typeof BankAlert>;
68
- declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
69
- invalid?: boolean | undefined;
70
- }, _hanzogui_core.StaticConfigPublic>;
71
- type BankPinBoxProps = GetProps<typeof BankPinBox>;
72
- declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
73
- declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
74
- type BankPageProps = GetProps<typeof BankPage>;
75
-
76
- export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };
package/dist/button.d.cts DELETED
@@ -1,55 +0,0 @@
1
- import * as React from 'react';
2
-
3
- declare const VARIANT_CLASSES: Record<string, string>;
4
- type ButtonVariant = keyof typeof VARIANT_CLASSES;
5
- type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
6
- interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
7
- readonly variant?: ButtonVariant;
8
- readonly size?: ButtonSize;
9
- readonly asChild?: boolean;
10
- readonly loading?: boolean;
11
- readonly loadingText?: React.ReactNode;
12
- readonly loadingSkeleton?: boolean;
13
- readonly expanded?: boolean;
14
- readonly selected?: boolean;
15
- readonly highlighted?: boolean;
16
- readonly mt?: number | string;
17
- readonly ml?: number | string;
18
- readonly mr?: number | string;
19
- readonly px?: number | string;
20
- readonly py?: number | string;
21
- readonly fontWeight?: number | string;
22
- readonly gap?: number | string;
23
- readonly flexShrink?: number;
24
- readonly columnGap?: number | string;
25
- readonly gridColumn?: number | string;
26
- readonly gridRow?: string;
27
- readonly justifySelf?: string;
28
- readonly alignSelf?: string;
29
- readonly textStyle?: string;
30
- readonly h?: string;
31
- readonly w?: string;
32
- readonly display?: string;
33
- readonly borderBottomRightRadius?: number | string;
34
- readonly borderTopRightRadius?: number | string;
35
- readonly 'data-call-strategy'?: string;
36
- }
37
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
38
- declare function buttonVariants(opts?: {
39
- variant?: string;
40
- size?: string;
41
- }): string;
42
- interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
43
- }
44
- declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
45
- interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
46
- children: Array<React.ReactElement<ButtonProps>>;
47
- onChange?: (value: string) => void;
48
- defaultValue?: string;
49
- loading?: boolean;
50
- equalWidth?: boolean;
51
- variant?: ButtonProps['variant'];
52
- }
53
- declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
54
-
55
- export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
package/dist/button.d.ts DELETED
@@ -1,55 +0,0 @@
1
- import * as React from 'react';
2
-
3
- declare const VARIANT_CLASSES: Record<string, string>;
4
- type ButtonVariant = keyof typeof VARIANT_CLASSES;
5
- type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
6
- interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
7
- readonly variant?: ButtonVariant;
8
- readonly size?: ButtonSize;
9
- readonly asChild?: boolean;
10
- readonly loading?: boolean;
11
- readonly loadingText?: React.ReactNode;
12
- readonly loadingSkeleton?: boolean;
13
- readonly expanded?: boolean;
14
- readonly selected?: boolean;
15
- readonly highlighted?: boolean;
16
- readonly mt?: number | string;
17
- readonly ml?: number | string;
18
- readonly mr?: number | string;
19
- readonly px?: number | string;
20
- readonly py?: number | string;
21
- readonly fontWeight?: number | string;
22
- readonly gap?: number | string;
23
- readonly flexShrink?: number;
24
- readonly columnGap?: number | string;
25
- readonly gridColumn?: number | string;
26
- readonly gridRow?: string;
27
- readonly justifySelf?: string;
28
- readonly alignSelf?: string;
29
- readonly textStyle?: string;
30
- readonly h?: string;
31
- readonly w?: string;
32
- readonly display?: string;
33
- readonly borderBottomRightRadius?: number | string;
34
- readonly borderTopRightRadius?: number | string;
35
- readonly 'data-call-strategy'?: string;
36
- }
37
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
38
- declare function buttonVariants(opts?: {
39
- variant?: string;
40
- size?: string;
41
- }): string;
42
- interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
43
- }
44
- declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
45
- interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
46
- children: Array<React.ReactElement<ButtonProps>>;
47
- onChange?: (value: string) => void;
48
- defaultValue?: string;
49
- loading?: boolean;
50
- equalWidth?: boolean;
51
- variant?: ButtonProps['variant'];
52
- }
53
- declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
54
-
55
- export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
@@ -1,31 +0,0 @@
1
- import * as RadixCheckbox from '@radix-ui/react-checkbox';
2
- import * as React from 'react';
3
-
4
- interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
5
- value?: Array<string>;
6
- defaultValue?: Array<string>;
7
- onValueChange?: (value: Array<string>) => void;
8
- orientation?: 'vertical' | 'horizontal';
9
- name?: string;
10
- disabled?: boolean;
11
- readOnly?: boolean;
12
- }
13
- declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
14
- interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
15
- icon?: React.ReactNode;
16
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
17
- rootRef?: React.Ref<HTMLLabelElement>;
18
- checked?: boolean | 'indeterminate';
19
- defaultChecked?: boolean;
20
- onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
21
- onChange?: React.FormEventHandler<HTMLLabelElement>;
22
- disabled?: boolean;
23
- readOnly?: boolean;
24
- value?: string;
25
- size?: 'sm' | 'md';
26
- name?: string;
27
- required?: boolean;
28
- }
29
- declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
30
-
31
- export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };
@@ -1,31 +0,0 @@
1
- import * as RadixCheckbox from '@radix-ui/react-checkbox';
2
- import * as React from 'react';
3
-
4
- interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
5
- value?: Array<string>;
6
- defaultValue?: Array<string>;
7
- onValueChange?: (value: Array<string>) => void;
8
- orientation?: 'vertical' | 'horizontal';
9
- name?: string;
10
- disabled?: boolean;
11
- readOnly?: boolean;
12
- }
13
- declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
14
- interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
15
- icon?: React.ReactNode;
16
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
17
- rootRef?: React.Ref<HTMLLabelElement>;
18
- checked?: boolean | 'indeterminate';
19
- defaultChecked?: boolean;
20
- onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
21
- onChange?: React.FormEventHandler<HTMLLabelElement>;
22
- disabled?: boolean;
23
- readOnly?: boolean;
24
- value?: string;
25
- size?: 'sm' | 'md';
26
- name?: string;
27
- required?: boolean;
28
- }
29
- declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
30
-
31
- export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
4
- readonly variant?: 'plain';
5
- readonly size?: 'md';
6
- }
7
- declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
8
-
9
- export { CloseButton, type CloseButtonProps };
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
4
- readonly variant?: 'plain';
5
- readonly size?: 'md';
6
- }
7
- declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
8
-
9
- export { CloseButton, type CloseButtonProps };
@@ -1,23 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React__default from 'react';
3
- import { LinkProps } from './link.cjs';
4
-
5
- interface CollapsibleDetailsProps extends LinkProps {
6
- children: React__default.ReactNode;
7
- id?: string;
8
- isExpanded?: boolean;
9
- text?: [string, string];
10
- noScroll?: boolean;
11
- }
12
- declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => react_jsx_runtime.JSX.Element;
13
- interface CollapsibleListProps<T> extends React__default.ComponentPropsWithoutRef<'div'> {
14
- items: Array<T>;
15
- renderItem: (item: T, index: number) => React__default.ReactNode;
16
- triggerProps?: LinkProps;
17
- cutLength?: number;
18
- text?: [React__default.ReactNode, React__default.ReactNode];
19
- defaultExpanded?: boolean;
20
- }
21
- declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => react_jsx_runtime.JSX.Element;
22
-
23
- export { CollapsibleDetails, type CollapsibleDetailsProps, CollapsibleList };
@@ -1,23 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import React__default from 'react';
3
- import { LinkProps } from './link.js';
4
-
5
- interface CollapsibleDetailsProps extends LinkProps {
6
- children: React__default.ReactNode;
7
- id?: string;
8
- isExpanded?: boolean;
9
- text?: [string, string];
10
- noScroll?: boolean;
11
- }
12
- declare const CollapsibleDetails: (props: CollapsibleDetailsProps) => react_jsx_runtime.JSX.Element;
13
- interface CollapsibleListProps<T> extends React__default.ComponentPropsWithoutRef<'div'> {
14
- items: Array<T>;
15
- renderItem: (item: T, index: number) => React__default.ReactNode;
16
- triggerProps?: LinkProps;
17
- cutLength?: number;
18
- text?: [React__default.ReactNode, React__default.ReactNode];
19
- defaultExpanded?: boolean;
20
- }
21
- declare const CollapsibleList: <T>(props: CollapsibleListProps<T>) => react_jsx_runtime.JSX.Element;
22
-
23
- export { CollapsibleDetails, type CollapsibleDetailsProps, CollapsibleList };
@@ -1,25 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
-
4
- type ColorMode = 'light' | 'dark';
5
- interface ColorModeContextValue {
6
- readonly colorMode: ColorMode;
7
- readonly setColorMode: (mode: string) => void;
8
- readonly toggleColorMode: () => void;
9
- }
10
- interface ColorModeProviderProps {
11
- readonly children?: React.ReactNode;
12
- /** Initial/default color mode. Defaults to 'light'. */
13
- readonly defaultTheme?: string;
14
- /** Controlled color mode value from an external theme provider. */
15
- readonly value?: string;
16
- /** Called when the color mode changes. */
17
- readonly onValueChange?: (mode: string) => void;
18
- /** Any extra props are accepted and ignored for compat with next-themes ThemeProviderProps. */
19
- readonly [key: string]: unknown;
20
- }
21
- declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
22
- declare function useColorMode(): ColorModeContextValue;
23
- declare function useColorModeValue<T>(light: T, dark: T): T;
24
-
25
- export { type ColorMode, ColorModeProvider, type ColorModeProviderProps, useColorMode, useColorModeValue };
@@ -1,25 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
-
4
- type ColorMode = 'light' | 'dark';
5
- interface ColorModeContextValue {
6
- readonly colorMode: ColorMode;
7
- readonly setColorMode: (mode: string) => void;
8
- readonly toggleColorMode: () => void;
9
- }
10
- interface ColorModeProviderProps {
11
- readonly children?: React.ReactNode;
12
- /** Initial/default color mode. Defaults to 'light'. */
13
- readonly defaultTheme?: string;
14
- /** Controlled color mode value from an external theme provider. */
15
- readonly value?: string;
16
- /** Called when the color mode changes. */
17
- readonly onValueChange?: (mode: string) => void;
18
- /** Any extra props are accepted and ignored for compat with next-themes ThemeProviderProps. */
19
- readonly [key: string]: unknown;
20
- }
21
- declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
22
- declare function useColorMode(): ColorModeContextValue;
23
- declare function useColorModeValue<T>(light: T, dark: T): T;
24
-
25
- export { type ColorMode, ColorModeProvider, type ColorModeProviderProps, useColorMode, useColorModeValue };
package/dist/dialog.d.cts DELETED
@@ -1,65 +0,0 @@
1
- import * as React from 'react';
2
-
3
- type DialogSize = 'sm' | 'md' | 'full' | 'cover';
4
- /**
5
- * Responsive size expressed as a plain value or a breakpoint map.
6
- * Mirrors the Chakra `size={{ lgDown: 'full', lg: 'md' }}` pattern.
7
- * Responsive behavior is implemented via Tailwind responsive variants at
8
- * the CSS-class level (see `sizeClasses` helper below).
9
- */
10
- type ResponsiveSize = DialogSize | {
11
- base?: DialogSize;
12
- lgDown?: DialogSize;
13
- lg?: DialogSize;
14
- };
15
- interface DialogRootProps {
16
- children?: React.ReactNode;
17
- open?: boolean;
18
- defaultOpen?: boolean;
19
- onOpenChange?: (details: {
20
- open: boolean;
21
- }) => void;
22
- size?: ResponsiveSize;
23
- /** Accepted for API compat but not implemented -- animations are CSS-only. */
24
- motionPreset?: string;
25
- modal?: boolean;
26
- }
27
- declare const DialogRoot: React.FC<DialogRootProps>;
28
- interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
29
- portalled?: boolean;
30
- portalRef?: React.RefObject<HTMLElement>;
31
- backdrop?: boolean;
32
- paddingTop?: number | string;
33
- }
34
- declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
35
- interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
36
- }
37
- declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
38
- interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
39
- startElement?: React.ReactNode;
40
- onBackToClick?: () => void;
41
- }
42
- declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
43
- interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
44
- pt?: number | string;
45
- display?: string;
46
- flexDir?: string;
47
- }
48
- declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
49
- interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
50
- }
51
- declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
52
- declare const DialogBackdrop: any;
53
- declare const DialogTitle: any;
54
- declare const DialogDescription: any;
55
- interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
56
- }
57
- declare const DialogTrigger: any;
58
- /**
59
- * `DialogActionTrigger` renders its child and closes the dialog on click.
60
- * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
61
- * children in a close action.
62
- */
63
- declare const DialogActionTrigger: any;
64
-
65
- export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };
package/dist/dialog.d.ts DELETED
@@ -1,65 +0,0 @@
1
- import * as React from 'react';
2
-
3
- type DialogSize = 'sm' | 'md' | 'full' | 'cover';
4
- /**
5
- * Responsive size expressed as a plain value or a breakpoint map.
6
- * Mirrors the Chakra `size={{ lgDown: 'full', lg: 'md' }}` pattern.
7
- * Responsive behavior is implemented via Tailwind responsive variants at
8
- * the CSS-class level (see `sizeClasses` helper below).
9
- */
10
- type ResponsiveSize = DialogSize | {
11
- base?: DialogSize;
12
- lgDown?: DialogSize;
13
- lg?: DialogSize;
14
- };
15
- interface DialogRootProps {
16
- children?: React.ReactNode;
17
- open?: boolean;
18
- defaultOpen?: boolean;
19
- onOpenChange?: (details: {
20
- open: boolean;
21
- }) => void;
22
- size?: ResponsiveSize;
23
- /** Accepted for API compat but not implemented -- animations are CSS-only. */
24
- motionPreset?: string;
25
- modal?: boolean;
26
- }
27
- declare const DialogRoot: React.FC<DialogRootProps>;
28
- interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
29
- portalled?: boolean;
30
- portalRef?: React.RefObject<HTMLElement>;
31
- backdrop?: boolean;
32
- paddingTop?: number | string;
33
- }
34
- declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
35
- interface DialogCloseTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
36
- }
37
- declare const DialogCloseTrigger: React.ForwardRefExoticComponent<DialogCloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
38
- interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
39
- startElement?: React.ReactNode;
40
- onBackToClick?: () => void;
41
- }
42
- declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
43
- interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
44
- pt?: number | string;
45
- display?: string;
46
- flexDir?: string;
47
- }
48
- declare const DialogBody: React.ForwardRefExoticComponent<DialogBodyProps & React.RefAttributes<HTMLDivElement>>;
49
- interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
50
- }
51
- declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
52
- declare const DialogBackdrop: any;
53
- declare const DialogTitle: any;
54
- declare const DialogDescription: any;
55
- interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
56
- }
57
- declare const DialogTrigger: any;
58
- /**
59
- * `DialogActionTrigger` renders its child and closes the dialog on click.
60
- * This mirrors the Chakra `Dialog.ActionTrigger` behavior which wraps
61
- * children in a close action.
62
- */
63
- declare const DialogActionTrigger: any;
64
-
65
- export { DialogActionTrigger, DialogBackdrop, DialogBody, type DialogBodyProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogRoot, type DialogRootProps, DialogTitle, DialogTrigger, type DialogTriggerProps };