@qasa/qds-ui 0.11.0 → 0.13.0-next.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 (231) hide show
  1. package/dist/index.d.mts +5416 -0
  2. package/dist/index.d.ts +14 -12
  3. package/dist/index.js +819 -0
  4. package/dist/index.js.map +1 -0
  5. package/dist/index.mjs +703 -0
  6. package/dist/index.mjs.map +1 -0
  7. package/package.json +16 -15
  8. package/dist/cjs/index.js +0 -9237
  9. package/dist/cjs/index.js.map +0 -1
  10. package/dist/cjs/types/components/_internal/form-parts.d.ts +0 -10
  11. package/dist/cjs/types/components/_internal/index.d.ts +0 -1
  12. package/dist/cjs/types/components/avatar/avatar.d.ts +0 -32
  13. package/dist/cjs/types/components/avatar/index.d.ts +0 -1
  14. package/dist/cjs/types/components/button/button-icon.d.ts +0 -10
  15. package/dist/cjs/types/components/button/button-styles.d.ts +0 -907
  16. package/dist/cjs/types/components/button/button-types.d.ts +0 -44
  17. package/dist/cjs/types/components/button/button.d.ts +0 -6
  18. package/dist/cjs/types/components/button/index.d.ts +0 -1
  19. package/dist/cjs/types/components/checkbox/checkbox.d.ts +0 -78
  20. package/dist/cjs/types/components/checkbox/index.d.ts +0 -1
  21. package/dist/cjs/types/components/display-text/display-text.d.ts +0 -30
  22. package/dist/cjs/types/components/display-text/index.d.ts +0 -1
  23. package/dist/cjs/types/components/divider/divider.d.ts +0 -14
  24. package/dist/cjs/types/components/divider/index.d.ts +0 -1
  25. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-content.d.ts +0 -67
  26. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-divider.d.ts +0 -4
  27. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-item.d.ts +0 -28
  28. package/dist/cjs/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +0 -5
  29. package/dist/cjs/types/components/dropdown-menu/dropdown-menu.d.ts +0 -29
  30. package/dist/cjs/types/components/dropdown-menu/index.d.ts +0 -1
  31. package/dist/cjs/types/components/heading/heading.d.ts +0 -32
  32. package/dist/cjs/types/components/heading/index.d.ts +0 -1
  33. package/dist/cjs/types/components/hint-box/hint-box.d.ts +0 -10
  34. package/dist/cjs/types/components/hint-box/index.d.ts +0 -1
  35. package/dist/cjs/types/components/icon/create-icon.d.ts +0 -41
  36. package/dist/cjs/types/components/icon/create-lucide-icon.d.ts +0 -4
  37. package/dist/cjs/types/components/icon/icon.types.d.ts +0 -22
  38. package/dist/cjs/types/components/icon/icons.d.ts +0 -47
  39. package/dist/cjs/types/components/icon/index.d.ts +0 -4
  40. package/dist/cjs/types/components/icon-button/icon-button-styles.d.ts +0 -880
  41. package/dist/cjs/types/components/icon-button/icon-button.d.ts +0 -32
  42. package/dist/cjs/types/components/icon-button/index.d.ts +0 -1
  43. package/dist/cjs/types/components/index.d.ts +0 -23
  44. package/dist/cjs/types/components/label/index.d.ts +0 -1
  45. package/dist/cjs/types/components/label/label.d.ts +0 -444
  46. package/dist/cjs/types/components/link/index.d.ts +0 -1
  47. package/dist/cjs/types/components/link/link.d.ts +0 -15
  48. package/dist/cjs/types/components/loading-dots/index.d.ts +0 -1
  49. package/dist/cjs/types/components/loading-dots/loading-dots.d.ts +0 -424
  50. package/dist/cjs/types/components/paragraph/index.d.ts +0 -1
  51. package/dist/cjs/types/components/paragraph/paragraph.d.ts +0 -475
  52. package/dist/cjs/types/components/primitives/index.d.ts +0 -3
  53. package/dist/cjs/types/components/primitives/input-base/index.d.ts +0 -1
  54. package/dist/cjs/types/components/primitives/input-base/input-base.d.ts +0 -21
  55. package/dist/cjs/types/components/primitives/select-base/index.d.ts +0 -1
  56. package/dist/cjs/types/components/primitives/select-base/select-base.d.ts +0 -30
  57. package/dist/cjs/types/components/primitives/textarea-base/index.d.ts +0 -1
  58. package/dist/cjs/types/components/primitives/textarea-base/textarea-base.d.ts +0 -36
  59. package/dist/cjs/types/components/radio-group/index.d.ts +0 -1
  60. package/dist/cjs/types/components/radio-group/radio-card.d.ts +0 -26
  61. package/dist/cjs/types/components/radio-group/radio-group-context.d.ts +0 -16
  62. package/dist/cjs/types/components/radio-group/radio-group-label.d.ts +0 -4
  63. package/dist/cjs/types/components/radio-group/radio-group.d.ts +0 -50
  64. package/dist/cjs/types/components/radio-group/radio-indicator.d.ts +0 -10
  65. package/dist/cjs/types/components/select/index.d.ts +0 -1
  66. package/dist/cjs/types/components/select/select-option.d.ts +0 -10
  67. package/dist/cjs/types/components/select/select.d.ts +0 -25
  68. package/dist/cjs/types/components/spacer/index.d.ts +0 -1
  69. package/dist/cjs/types/components/spacer/spacer.d.ts +0 -12
  70. package/dist/cjs/types/components/stack/index.d.ts +0 -1
  71. package/dist/cjs/types/components/stack/stack.d.ts +0 -44
  72. package/dist/cjs/types/components/stack/stack.types.d.ts +0 -4
  73. package/dist/cjs/types/components/stack/stack.utils.d.ts +0 -6
  74. package/dist/cjs/types/components/switch/index.d.ts +0 -1
  75. package/dist/cjs/types/components/switch/switch.d.ts +0 -35
  76. package/dist/cjs/types/components/text-field/index.d.ts +0 -1
  77. package/dist/cjs/types/components/text-field/text-field.d.ts +0 -32
  78. package/dist/cjs/types/components/textarea/index.d.ts +0 -1
  79. package/dist/cjs/types/components/textarea/textarea.d.ts +0 -27
  80. package/dist/cjs/types/components/toast/index.d.ts +0 -1
  81. package/dist/cjs/types/components/toast/toast-provider.d.ts +0 -4
  82. package/dist/cjs/types/components/toast/toast-store.d.ts +0 -44
  83. package/dist/cjs/types/components/toast/toast-styles.d.ts +0 -416
  84. package/dist/cjs/types/components/toast/toast.d.ts +0 -12
  85. package/dist/cjs/types/hooks/index.d.ts +0 -6
  86. package/dist/cjs/types/hooks/use-breakpoint-value.d.ts +0 -16
  87. package/dist/cjs/types/hooks/use-breakpoint.d.ts +0 -15
  88. package/dist/cjs/types/hooks/use-form-field.d.ts +0 -49
  89. package/dist/cjs/types/hooks/use-image.d.ts +0 -10
  90. package/dist/cjs/types/hooks/use-responsive-prop.d.ts +0 -16
  91. package/dist/cjs/types/hooks/use-safe-layout-effect.d.ts +0 -9
  92. package/dist/cjs/types/hooks/use-stable-id.d.ts +0 -4
  93. package/dist/cjs/types/i18n/locale-context.d.ts +0 -12
  94. package/dist/cjs/types/i18n/locales.d.ts +0 -8
  95. package/dist/cjs/types/i18n/use-translation.d.ts +0 -6
  96. package/dist/cjs/types/index.d.ts +0 -6
  97. package/dist/cjs/types/qds-provider.d.ts +0 -12
  98. package/dist/cjs/types/styles/common-styles.d.ts +0 -450
  99. package/dist/cjs/types/styles/css-reset.d.ts +0 -4
  100. package/dist/cjs/types/styles/css-utils.d.ts +0 -19
  101. package/dist/cjs/types/styles/global-styles.d.ts +0 -4
  102. package/dist/cjs/types/styles/index.d.ts +0 -3
  103. package/dist/cjs/types/theme/foundations/breakpoints.d.ts +0 -8
  104. package/dist/cjs/types/theme/foundations/colors.d.ts +0 -116
  105. package/dist/cjs/types/theme/foundations/index.d.ts +0 -410
  106. package/dist/cjs/types/theme/foundations/radius.d.ts +0 -20
  107. package/dist/cjs/types/theme/foundations/shadows.d.ts +0 -7
  108. package/dist/cjs/types/theme/foundations/sizes.d.ts +0 -34
  109. package/dist/cjs/types/theme/foundations/spacing.d.ts +0 -30
  110. package/dist/cjs/types/theme/foundations/typography.d.ts +0 -189
  111. package/dist/cjs/types/theme/foundations/z-index.d.ts +0 -28
  112. package/dist/cjs/types/theme/index.d.ts +0 -2
  113. package/dist/cjs/types/theme/theme-tools.d.ts +0 -420
  114. package/dist/cjs/types/theme/theme.d.ts +0 -406
  115. package/dist/cjs/types/types.d.ts +0 -5
  116. package/dist/cjs/types/utils/html-attributes.d.ts +0 -4
  117. package/dist/cjs/types/utils/merge-refs.d.ts +0 -5
  118. package/dist/cjs/types/utils/object.d.ts +0 -1
  119. package/dist/cjs/types/utils/polymorphic.d.ts +0 -41
  120. package/dist/esm/index.js +0 -9237
  121. package/dist/esm/index.js.map +0 -1
  122. package/dist/esm/types/components/_internal/form-parts.d.ts +0 -10
  123. package/dist/esm/types/components/_internal/index.d.ts +0 -1
  124. package/dist/esm/types/components/avatar/avatar.d.ts +0 -32
  125. package/dist/esm/types/components/avatar/index.d.ts +0 -1
  126. package/dist/esm/types/components/button/button-icon.d.ts +0 -10
  127. package/dist/esm/types/components/button/button-styles.d.ts +0 -907
  128. package/dist/esm/types/components/button/button-types.d.ts +0 -44
  129. package/dist/esm/types/components/button/button.d.ts +0 -6
  130. package/dist/esm/types/components/button/index.d.ts +0 -1
  131. package/dist/esm/types/components/checkbox/checkbox.d.ts +0 -78
  132. package/dist/esm/types/components/checkbox/index.d.ts +0 -1
  133. package/dist/esm/types/components/display-text/display-text.d.ts +0 -30
  134. package/dist/esm/types/components/display-text/index.d.ts +0 -1
  135. package/dist/esm/types/components/divider/divider.d.ts +0 -14
  136. package/dist/esm/types/components/divider/index.d.ts +0 -1
  137. package/dist/esm/types/components/dropdown-menu/dropdown-menu-content.d.ts +0 -67
  138. package/dist/esm/types/components/dropdown-menu/dropdown-menu-divider.d.ts +0 -4
  139. package/dist/esm/types/components/dropdown-menu/dropdown-menu-item.d.ts +0 -28
  140. package/dist/esm/types/components/dropdown-menu/dropdown-menu-trigger.d.ts +0 -5
  141. package/dist/esm/types/components/dropdown-menu/dropdown-menu.d.ts +0 -29
  142. package/dist/esm/types/components/dropdown-menu/index.d.ts +0 -1
  143. package/dist/esm/types/components/heading/heading.d.ts +0 -32
  144. package/dist/esm/types/components/heading/index.d.ts +0 -1
  145. package/dist/esm/types/components/hint-box/hint-box.d.ts +0 -10
  146. package/dist/esm/types/components/hint-box/index.d.ts +0 -1
  147. package/dist/esm/types/components/icon/create-icon.d.ts +0 -41
  148. package/dist/esm/types/components/icon/create-lucide-icon.d.ts +0 -4
  149. package/dist/esm/types/components/icon/icon.types.d.ts +0 -22
  150. package/dist/esm/types/components/icon/icons.d.ts +0 -47
  151. package/dist/esm/types/components/icon/index.d.ts +0 -4
  152. package/dist/esm/types/components/icon-button/icon-button-styles.d.ts +0 -880
  153. package/dist/esm/types/components/icon-button/icon-button.d.ts +0 -32
  154. package/dist/esm/types/components/icon-button/index.d.ts +0 -1
  155. package/dist/esm/types/components/index.d.ts +0 -23
  156. package/dist/esm/types/components/label/index.d.ts +0 -1
  157. package/dist/esm/types/components/label/label.d.ts +0 -444
  158. package/dist/esm/types/components/link/index.d.ts +0 -1
  159. package/dist/esm/types/components/link/link.d.ts +0 -15
  160. package/dist/esm/types/components/loading-dots/index.d.ts +0 -1
  161. package/dist/esm/types/components/loading-dots/loading-dots.d.ts +0 -424
  162. package/dist/esm/types/components/paragraph/index.d.ts +0 -1
  163. package/dist/esm/types/components/paragraph/paragraph.d.ts +0 -475
  164. package/dist/esm/types/components/primitives/index.d.ts +0 -3
  165. package/dist/esm/types/components/primitives/input-base/index.d.ts +0 -1
  166. package/dist/esm/types/components/primitives/input-base/input-base.d.ts +0 -21
  167. package/dist/esm/types/components/primitives/select-base/index.d.ts +0 -1
  168. package/dist/esm/types/components/primitives/select-base/select-base.d.ts +0 -30
  169. package/dist/esm/types/components/primitives/textarea-base/index.d.ts +0 -1
  170. package/dist/esm/types/components/primitives/textarea-base/textarea-base.d.ts +0 -36
  171. package/dist/esm/types/components/radio-group/index.d.ts +0 -1
  172. package/dist/esm/types/components/radio-group/radio-card.d.ts +0 -26
  173. package/dist/esm/types/components/radio-group/radio-group-context.d.ts +0 -16
  174. package/dist/esm/types/components/radio-group/radio-group-label.d.ts +0 -4
  175. package/dist/esm/types/components/radio-group/radio-group.d.ts +0 -50
  176. package/dist/esm/types/components/radio-group/radio-indicator.d.ts +0 -10
  177. package/dist/esm/types/components/select/index.d.ts +0 -1
  178. package/dist/esm/types/components/select/select-option.d.ts +0 -10
  179. package/dist/esm/types/components/select/select.d.ts +0 -25
  180. package/dist/esm/types/components/spacer/index.d.ts +0 -1
  181. package/dist/esm/types/components/spacer/spacer.d.ts +0 -12
  182. package/dist/esm/types/components/stack/index.d.ts +0 -1
  183. package/dist/esm/types/components/stack/stack.d.ts +0 -44
  184. package/dist/esm/types/components/stack/stack.types.d.ts +0 -4
  185. package/dist/esm/types/components/stack/stack.utils.d.ts +0 -6
  186. package/dist/esm/types/components/switch/index.d.ts +0 -1
  187. package/dist/esm/types/components/switch/switch.d.ts +0 -35
  188. package/dist/esm/types/components/text-field/index.d.ts +0 -1
  189. package/dist/esm/types/components/text-field/text-field.d.ts +0 -32
  190. package/dist/esm/types/components/textarea/index.d.ts +0 -1
  191. package/dist/esm/types/components/textarea/textarea.d.ts +0 -27
  192. package/dist/esm/types/components/toast/index.d.ts +0 -1
  193. package/dist/esm/types/components/toast/toast-provider.d.ts +0 -4
  194. package/dist/esm/types/components/toast/toast-store.d.ts +0 -44
  195. package/dist/esm/types/components/toast/toast-styles.d.ts +0 -416
  196. package/dist/esm/types/components/toast/toast.d.ts +0 -12
  197. package/dist/esm/types/hooks/index.d.ts +0 -6
  198. package/dist/esm/types/hooks/use-breakpoint-value.d.ts +0 -16
  199. package/dist/esm/types/hooks/use-breakpoint.d.ts +0 -15
  200. package/dist/esm/types/hooks/use-form-field.d.ts +0 -49
  201. package/dist/esm/types/hooks/use-image.d.ts +0 -10
  202. package/dist/esm/types/hooks/use-responsive-prop.d.ts +0 -16
  203. package/dist/esm/types/hooks/use-safe-layout-effect.d.ts +0 -9
  204. package/dist/esm/types/hooks/use-stable-id.d.ts +0 -4
  205. package/dist/esm/types/i18n/locale-context.d.ts +0 -12
  206. package/dist/esm/types/i18n/locales.d.ts +0 -8
  207. package/dist/esm/types/i18n/use-translation.d.ts +0 -6
  208. package/dist/esm/types/index.d.ts +0 -6
  209. package/dist/esm/types/qds-provider.d.ts +0 -12
  210. package/dist/esm/types/styles/common-styles.d.ts +0 -450
  211. package/dist/esm/types/styles/css-reset.d.ts +0 -4
  212. package/dist/esm/types/styles/css-utils.d.ts +0 -19
  213. package/dist/esm/types/styles/global-styles.d.ts +0 -4
  214. package/dist/esm/types/styles/index.d.ts +0 -3
  215. package/dist/esm/types/theme/foundations/breakpoints.d.ts +0 -8
  216. package/dist/esm/types/theme/foundations/colors.d.ts +0 -116
  217. package/dist/esm/types/theme/foundations/index.d.ts +0 -410
  218. package/dist/esm/types/theme/foundations/radius.d.ts +0 -20
  219. package/dist/esm/types/theme/foundations/shadows.d.ts +0 -7
  220. package/dist/esm/types/theme/foundations/sizes.d.ts +0 -34
  221. package/dist/esm/types/theme/foundations/spacing.d.ts +0 -30
  222. package/dist/esm/types/theme/foundations/typography.d.ts +0 -189
  223. package/dist/esm/types/theme/foundations/z-index.d.ts +0 -28
  224. package/dist/esm/types/theme/index.d.ts +0 -2
  225. package/dist/esm/types/theme/theme-tools.d.ts +0 -420
  226. package/dist/esm/types/theme/theme.d.ts +0 -406
  227. package/dist/esm/types/types.d.ts +0 -5
  228. package/dist/esm/types/utils/html-attributes.d.ts +0 -4
  229. package/dist/esm/types/utils/merge-refs.d.ts +0 -5
  230. package/dist/esm/types/utils/object.d.ts +0 -1
  231. package/dist/esm/types/utils/polymorphic.d.ts +0 -41
@@ -1,44 +0,0 @@
1
- import type { ElementType } from 'react';
2
- import type { IconProps } from '../icon';
3
- import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
4
- import type { ButtonSize, ButtonVariant } from './button-styles';
5
- export interface ButtonOptions {
6
- /**
7
- * Sets the size of the button
8
- * @default 'md'
9
- */
10
- size?: ResponsiveProp<ButtonSize>;
11
- /**
12
- * Sets the style variant of the button
13
- * @default 'secondary'
14
- */
15
- variant?: ButtonVariant;
16
- /**
17
- * If `true` the button will fill its container
18
- * @default false
19
- */
20
- isFullWidth?: boolean;
21
- /**
22
- * If `true` the button will show a spinner
23
- * @default false
24
- */
25
- isLoading?: boolean;
26
- /**
27
- * If `true` the button will be disabled
28
- * @default false
29
- */
30
- isDisabled?: boolean;
31
- /**
32
- * Icon to display before the button label
33
- */
34
- iconLeft?: ElementType<IconProps>;
35
- /**
36
- * Icon to display after the button label
37
- */
38
- iconRight?: ElementType<IconProps>;
39
- /**
40
- * The HTML `type` attribute
41
- * @default 'button'
42
- */
43
- type?: 'button' | 'submit' | 'reset';
44
- }
@@ -1,6 +0,0 @@
1
- import type * as Polymorphic from '../../utils/polymorphic';
2
- import type { ButtonOptions } from './button-types';
3
- type PolymorphicButton = Polymorphic.ForwardRefComponent<'button', ButtonOptions>;
4
- export type ButtonProps = Polymorphic.PropsOf<PolymorphicButton>;
5
- export declare const Button: PolymorphicButton;
6
- export {};
@@ -1 +0,0 @@
1
- export * from './button';
@@ -1,78 +0,0 @@
1
- import type { ReactElement } from 'react';
2
- import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
3
- interface CheckboxOptions {
4
- /**
5
- * The label for the checkbox. Accepts a string, or a React component for rendering links within the label.
6
- *
7
- * @example
8
- * ```jsx
9
- * <Checkbox label="I agree to the terms and conditions" />
10
- * ```
11
- *
12
- * @example
13
- * ```jsx
14
- * <Checkbox
15
- * label={
16
- * <>
17
- * I agree to <Link href="/terms">the terms and conditions</Link>
18
- * </>
19
- * }
20
- * />
21
- * ```
22
- */
23
- label: string | ReactElement<unknown>;
24
- /**
25
- * Text that provides additional guidance to the user
26
- */
27
- helperText?: string;
28
- /**
29
- * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
30
- */
31
- isDefaultChecked?: boolean;
32
- /**
33
- * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
34
- */
35
- defaultChecked?: boolean;
36
- /**
37
- * The controlled checked state of the checkbox. Must be used in conjunction with `onCheckedChange`.
38
- */
39
- isChecked?: boolean;
40
- /**
41
- * The controlled checked state of the checkbox. Must be used in conjunction with `onCheckedChange`.
42
- */
43
- checked?: boolean;
44
- /**
45
- * Event handler called when the checked state of the checkbox changes.
46
- */
47
- onCheckedChange?: (checked: boolean) => void;
48
- /**
49
- * If `true` the checkbox will render in its invalid state.
50
- * @default false
51
- */
52
- isInvalid?: boolean;
53
- /**
54
- * The error message to display if `isInvalid` is `true`
55
- */
56
- errorMessage?: string;
57
- /**
58
- * If `true` it prevents the user from interacting with the checkbox.
59
- * @default false
60
- */
61
- isDisabled?: boolean;
62
- /**
63
- * If `true` the user must check the checkbox before the owning form can be submitted.
64
- * @default false
65
- */
66
- isRequired?: boolean;
67
- /**
68
- * The name of the checkbox. Submitted with its owning form as part of a name/value pair.
69
- */
70
- name?: string;
71
- /**
72
- * The value given as data when submitted with a `name`.
73
- */
74
- value?: string;
75
- }
76
- export type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
77
- export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps, "children" | "asChild" | keyof CheckboxOptions> & CheckboxOptions & import("react").RefAttributes<HTMLButtonElement>>;
78
- export {};
@@ -1 +0,0 @@
1
- export * from './checkbox';
@@ -1,30 +0,0 @@
1
- import type * as Polymorphic from '../../utils/polymorphic';
2
- import type { Theme } from '../../theme';
3
- import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
4
- type DisplaySize = keyof Theme['typography']['display'];
5
- type DisplayTextAlign = 'left' | 'center' | 'right';
6
- type DisplayTextWrap = 'pretty' | 'balance' | 'wrap' | 'nowrap' | 'stable';
7
- interface DisplayTextOptions {
8
- /**
9
- * Sets the visual size of the display text.
10
- * To override the rendered tag, use the `as` prop.
11
- *
12
- * @default 'md'
13
- */
14
- size?: ResponsiveProp<DisplaySize>;
15
- /**
16
- * Sets the text alignment
17
- * @default 'left'
18
- */
19
- textAlign?: DisplayTextAlign;
20
- /**
21
- * Sets the text wrapping
22
- * @default 'pretty'
23
- * Read more on [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap)
24
- */
25
- textWrap?: DisplayTextWrap;
26
- }
27
- type DisplayTextComponent = Polymorphic.ForwardRefComponent<'h2', DisplayTextOptions>;
28
- export type DisplayTextProps = Polymorphic.PropsOf<DisplayTextComponent>;
29
- export declare const DisplayText: DisplayTextComponent;
30
- export {};
@@ -1 +0,0 @@
1
- export * from './display-text';
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import type { HTMLQdsProps } from '../../types';
3
- interface DividerOptions {
4
- /**
5
- * The orientation of the divider.
6
- *
7
- * @default 'horizontal'
8
- */
9
- orientation?: 'horizontal' | 'vertical';
10
- }
11
- export interface DividerProps extends HTMLQdsProps<'span'>, DividerOptions {
12
- }
13
- export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
14
- export {};
@@ -1 +0,0 @@
1
- export * from './divider';
@@ -1,67 +0,0 @@
1
- /// <reference types="react" />
2
- import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
3
- import type { HTMLQdsProps } from '../../types';
4
- type PrimitiveContentProps = DropdownPrimitive.MenuContentProps;
5
- interface DropdownMenuContentOptions {
6
- /**
7
- * Event handler called when focus moves to the trigger after closing.
8
- * It can be prevented by calling `event.preventDefault`.
9
- */
10
- onCloseAutofocus?: PrimitiveContentProps['onCloseAutoFocus'];
11
- /**
12
- * Event handler called when the escape key is down.
13
- * It can be prevented by calling `event.preventDefault`.
14
- */
15
- onEscapeKeyDown?: PrimitiveContentProps['onEscapeKeyDown'];
16
- /**
17
- * Event handler called when a pointer event occurs outside the bounds of the component.
18
- * It can be prevented by calling `event.preventDefault`.
19
- */
20
- onPointerDownOutside?: PrimitiveContentProps['onPointerDownOutside'];
21
- /**
22
- * Event handler called when focus moves outside the bounds of the component.
23
- * It can be prevented by calling `event.preventDefault`.
24
- */
25
- onFocusOutside?: PrimitiveContentProps['onFocusOutside'];
26
- /**
27
- * Event handler called when an interaction (pointer or focus event) happens outside the bounds of the component.
28
- * It can be prevented by calling `event.preventDefault`.
29
- */
30
- onInteractOutside?: PrimitiveContentProps['onInteractOutside'];
31
- /**
32
- * The preferred side of the trigger to render against when open.
33
- * Will be reversed when collisions occur and `avoidCollisions` is enabled.
34
- *
35
- * @default "bottom"
36
- */
37
- side?: PrimitiveContentProps['side'];
38
- /**
39
- * The distance in pixels from the trigger.
40
- *
41
- * @default 8
42
- */
43
- sideOffset?: PrimitiveContentProps['sideOffset'];
44
- /**
45
- * The preferred alignment against the trigger. May change when collisions occur.
46
- *
47
- * @default "center"
48
- */
49
- align?: PrimitiveContentProps['align'];
50
- /**
51
- * The element used as the collision boundary.
52
- * By default this is the viewport, though you can provide additional element(s) to be included in this check.
53
- *
54
- * @default []
55
- */
56
- collisionBoundary?: PrimitiveContentProps['collisionBoundary'];
57
- /**
58
- * Whether to hide the content when the trigger becomes fully occluded.
59
- *
60
- * @default false
61
- */
62
- hideWhenDetached?: PrimitiveContentProps['hideWhenDetached'];
63
- }
64
- export interface DropdownMenuContentProps extends HTMLQdsProps<'div'>, DropdownMenuContentOptions {
65
- }
66
- export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
67
- export {};
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type { HTMLQdsProps } from '../../types';
3
- export type DropdownMenuDividerProps = HTMLQdsProps<'div'>;
4
- export declare const DropdownMenuDivider: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,28 +0,0 @@
1
- import type { ElementType } from 'react';
2
- import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
3
- import type { IconProps } from '../icon';
4
- interface DropdownMenuItemOptions {
5
- /**
6
- * If `true`, the item will be disabled
7
- */
8
- isDisabled?: boolean;
9
- /**
10
- * Event handler called when the user selects an item (via mouse or keyboard).
11
- * Calling `event.preventDefault` in this handler will prevent the dropdown from closing when selecting that item.
12
- */
13
- onSelect?: (event: Event) => void;
14
- /**
15
- * Optional text used for typeahead purposes.
16
- * By default the typeahead behavior will use the `.textContent` of the item.
17
- * Use this when the content is complex, or you have non-textual content inside.
18
- */
19
- textValue?: string;
20
- /**
21
- * Optional icon to display on the left side of the item content.
22
- */
23
- icon?: ElementType<IconProps>;
24
- }
25
- export interface DropdownMenuItemProps extends Omit<DropdownPrimitive.DropdownMenuItemProps, 'asChild' | keyof DropdownMenuItemOptions>, DropdownMenuItemOptions {
26
- }
27
- export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
28
- export {};
@@ -1,5 +0,0 @@
1
- import type * as Polymorphic from '../../utils/polymorphic';
2
- type DropdownTriggerComponent = Polymorphic.ForwardRefComponent<'button'>;
3
- export type DropdownMenuTriggerProps = Polymorphic.PropsOf<DropdownTriggerComponent>;
4
- export declare const DropdownMenuTrigger: DropdownTriggerComponent;
5
- export {};
@@ -1,29 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import { type DropdownMenuContentProps } from './dropdown-menu-content';
3
- import { type DropdownMenuDividerProps } from './dropdown-menu-divider';
4
- import { type DropdownMenuItemProps } from './dropdown-menu-item';
5
- import type { DropdownMenuTriggerProps } from './dropdown-menu-trigger';
6
- interface DropdownMenuRootProps {
7
- children: ReactNode;
8
- /**
9
- * If `true` the dropdown menu will be open
10
- */
11
- isOpen?: boolean;
12
- /**
13
- * The open state of the submenu when it is initially rendered.
14
- * Use when you do not need to control its open state.
15
- */
16
- defaultOpen?: boolean;
17
- /**
18
- * Callback invoked open state changes
19
- */
20
- onOpenChange?: (isOpen: boolean) => void;
21
- }
22
- declare function DropdownMenuRoot(props: DropdownMenuRootProps): import("react/jsx-runtime").JSX.Element;
23
- export declare const DropdownMenu: typeof DropdownMenuRoot & {
24
- Trigger: import("../..").ForwardRefComponent<"button", {}>;
25
- Content: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
26
- Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
27
- Divider: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
28
- };
29
- export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuDividerProps, };
@@ -1 +0,0 @@
1
- export * from './dropdown-menu';
@@ -1,32 +0,0 @@
1
- import type * as Polymorphic from '../../utils/polymorphic';
2
- import type { Theme } from '../../theme';
3
- import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
4
- type HeadingSize = keyof Theme['typography']['title'];
5
- type HeadingColor = keyof Theme['colors']['text'];
6
- interface HeadingOptions {
7
- /**
8
- * Sets the visual size of the heading.
9
- * To override the rendered tag, use the `as` prop.
10
- *
11
- * @default 'md'
12
- */
13
- size?: ResponsiveProp<HeadingSize>;
14
- /**
15
- * Sets the color of the heading
16
- * @default 'default'
17
- */
18
- color?: HeadingColor;
19
- /**
20
- * Truncates the heading after a specific number of lines
21
- */
22
- numberOfLines?: number;
23
- /**
24
- * Alignment of the heading
25
- * @default 'left'
26
- */
27
- textAlign?: 'left' | 'center' | 'right';
28
- }
29
- type HeadingComponent = Polymorphic.ForwardRefComponent<'h2', HeadingOptions>;
30
- export type HeadingProps = Polymorphic.PropsOf<HeadingComponent>;
31
- export declare const Heading: HeadingComponent;
32
- export {};
@@ -1 +0,0 @@
1
- export * from './heading';
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import type { HTMLQdsProps } from '../../types';
3
- export type HintBoxTitleProps = HTMLQdsProps<'span'>;
4
- export type HintBoxProps = HTMLQdsProps<'aside'>;
5
- export declare const HintBox: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>> & {
6
- Title: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
10
- };
@@ -1 +0,0 @@
1
- export * from './hint-box';
@@ -1,41 +0,0 @@
1
- /**
2
- * This function is heavily inspired by the `createIcon` function from
3
- * Chakra UI (https://chakra-ui.com/).
4
- */
5
- /// <reference types="react" />
6
- import type { IconProps } from './icon.types';
7
- export interface CreateIconOptions {
8
- /**
9
- * The `svg`'s `viewBox` attribute
10
- */
11
- viewBox: string;
12
- /**
13
- * If the `svg` has a single path, simply copy the path's `d` attribute
14
- */
15
- d?: string;
16
- /**
17
- * The `svg` path or group element
18
- *
19
- * @example
20
- * ```jsx
21
- * createIcon({
22
- * viewBox: '0 0 512 512',
23
- * path: [
24
- * <circle cx="50" cy="50" r="50" />,
25
- * <path d="M10 10" />,
26
- * ],
27
- * displayName: 'ExampleIcon',
28
- * })
29
- * ```
30
- */
31
- path?: React.ReactElement | React.ReactElement[];
32
- /**
33
- * The display name of the icon. Useful for debugging
34
- * and internal use.
35
- */
36
- displayName?: string;
37
- }
38
- /**
39
- * Helper function to create an icon component.
40
- */
41
- export declare const createIcon: (options: CreateIconOptions) => import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type { LucideIcon } from 'lucide-react';
3
- import type { IconProps } from './icon.types';
4
- export declare const createLucideIcon: (Icon: LucideIcon) => import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,22 +0,0 @@
1
- import type { SVGAttributes } from 'react';
2
- import type { Theme } from '../../theme';
3
- type IconSize = 16 | 20 | 24 | 32;
4
- type IconColor = keyof Theme['colors']['icon'] | 'currentColor';
5
- export interface IconOptions {
6
- /**
7
- * The size of the icon.
8
- *
9
- * @default 24
10
- */
11
- size?: IconSize;
12
- /**
13
- * The color of the icon.
14
- *
15
- * @default 'default'
16
- */
17
- color?: IconColor;
18
- }
19
- type OmittedProps = 'color' | 'onClick' | 'width' | 'height' | 'fontSize';
20
- export interface IconProps extends Omit<SVGAttributes<SVGElement>, OmittedProps>, IconOptions {
21
- }
22
- export {};
@@ -1,47 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const AlertCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
3
- export declare const AlertTriangleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
4
- export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
5
- export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
6
- export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
7
- export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
8
- export declare const BellIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
9
- export declare const BellOffIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
10
- export declare const BookmarkIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
11
- export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
12
- export declare const CameraIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
13
- export declare const CheckCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
14
- export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
15
- export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
16
- export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
17
- export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
18
- export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
19
- export declare const GlobeIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
20
- export declare const HeartFilledIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
21
- export declare const HeartIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
22
- export declare const HelpCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
23
- export declare const HistoryIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
24
- export declare const HomeIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
25
- export declare const ImageIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
26
- export declare const ListIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
27
- export declare const ListFilterIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
28
- export declare const LogOutIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
29
- export declare const MapIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
30
- export declare const MapPinIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
31
- export declare const MenuIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
32
- export declare const MessageCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
33
- export declare const MinusIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
34
- export declare const MoreHorizontalIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
35
- export declare const MoreVerticalIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
36
- export declare const PenIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
37
- export declare const PlusIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
38
- export declare const SearchIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
39
- export declare const SettingsIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
40
- export declare const ShareIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
41
- export declare const SlidersIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
42
- export declare const StarFilledIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
43
- export declare const StarIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
44
- export declare const TrashIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
45
- export declare const UserIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
46
- export declare const XCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
47
- export declare const XIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,4 +0,0 @@
1
- export * from './create-icon';
2
- export * from './create-lucide-icon';
3
- export * from './icons';
4
- export type { IconProps } from './icon.types';