@inntechcorp/it-design 3.1.24 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (296) hide show
  1. package/ACCESSIBILITY.md +517 -0
  2. package/README.md +88 -11
  3. package/dist/accordion/index.d.ts +2 -2
  4. package/dist/accordion/item/styled.d.ts +2 -2
  5. package/dist/accordion/styled.d.ts +1 -0
  6. package/dist/accordion/submenu/styled.d.ts +5 -5
  7. package/dist/alert/Description.d.ts +7 -0
  8. package/dist/alert/Title.d.ts +7 -0
  9. package/dist/alert/alert.style.error.d.ts +1 -1
  10. package/dist/alert/alert.style.info.d.ts +1 -1
  11. package/dist/alert/alert.style.neutral.d.ts +4 -0
  12. package/dist/alert/alert.style.success.d.ts +1 -1
  13. package/dist/alert/alert.style.warning.d.ts +1 -1
  14. package/dist/alert/index.d.ts +4 -2
  15. package/dist/alert/styled.d.ts +4 -8
  16. package/dist/alink/index.d.ts +2 -10
  17. package/dist/alink/styled.d.ts +1 -1
  18. package/dist/back-top/styled.d.ts +2 -2
  19. package/dist/button/button.style.default.d.ts +1 -1
  20. package/dist/button/button.style.filled.d.ts +1 -1
  21. package/dist/button/button.style.ghost.d.ts +1 -1
  22. package/dist/button/button.style.icon.d.ts +2 -2
  23. package/dist/button/button.style.link.d.ts +1 -1
  24. package/dist/button/button.style.outline.d.ts +1 -1
  25. package/dist/button/button.style.size.d.ts +4 -1
  26. package/dist/button/button.style.solid.d.ts +1 -1
  27. package/dist/button/index.d.ts +10 -2
  28. package/dist/button/styled.d.ts +3 -12
  29. package/dist/calendar/day/Day.d.ts +2 -2
  30. package/dist/calendar/day/styled.d.ts +1 -1
  31. package/dist/calendar/header/styled.d.ts +6 -6
  32. package/dist/calendar/index.d.ts +11 -3
  33. package/dist/calendar/styled.d.ts +6 -6
  34. package/dist/card/Card.d.ts +9 -0
  35. package/dist/card/CardAction.d.ts +7 -0
  36. package/dist/card/CardContent.d.ts +7 -0
  37. package/dist/card/CardDescription.d.ts +7 -0
  38. package/dist/card/CardFooter.d.ts +8 -0
  39. package/dist/card/CardHeader.d.ts +8 -0
  40. package/dist/card/CardTabs.d.ts +7 -0
  41. package/dist/card/CardTitle.d.ts +7 -0
  42. package/dist/card/index.d.ts +8 -3
  43. package/dist/card/styles.d.ts +9 -9
  44. package/dist/checkbox/group/index.d.ts +1 -1
  45. package/dist/checkbox/group/styled.d.ts +1 -1
  46. package/dist/checkbox/index.d.ts +1 -1
  47. package/dist/checkbox/styled.d.ts +6 -5
  48. package/dist/context/ITDContext.d.ts +3 -2
  49. package/dist/context/ITDThemeProvider.d.ts +8 -0
  50. package/dist/context/styled.d.ts +1 -1
  51. package/dist/datepicker/index.d.ts +2 -2
  52. package/dist/datepicker/styled.d.ts +5 -5
  53. package/dist/enums/enum.d.ts +138 -8
  54. package/dist/flex/index.d.ts +1 -1
  55. package/dist/flex/styled.d.ts +2 -2
  56. package/dist/floating/Arrow.d.ts +17 -0
  57. package/dist/floating/FloatingContent.d.ts +60 -0
  58. package/dist/floating/mergeTriggerProps.d.ts +8 -0
  59. package/dist/form/context/FormContext.d.ts +5 -2
  60. package/dist/form/context/FormStore.d.ts +6 -3
  61. package/dist/form/control/Control.d.ts +1 -1
  62. package/dist/form/control/styled.d.ts +1 -1
  63. package/dist/form/group/Group.d.ts +1 -1
  64. package/dist/form/group/styled.d.ts +1 -1
  65. package/dist/form/index.d.ts +5 -5
  66. package/dist/form/item/Item.d.ts +2 -3
  67. package/dist/form/validation/Validator.d.ts +2 -3
  68. package/dist/form/wrapper/FormWrapper.d.ts +2 -2
  69. package/dist/helpers/binary/GetTypeByFileType.d.ts +2 -2
  70. package/dist/helpers/country/GetCountryCodeByCurrencyCode.d.ts +1 -1
  71. package/dist/helpers/country/GetCountryCodeByLanguage.d.ts +1 -1
  72. package/dist/helpers/css/FindSelector.d.ts +10 -0
  73. package/dist/helpers/currency/ConvertCurrency.d.ts +1 -1
  74. package/dist/helpers/currency/GetCurrencyFormat.d.ts +9 -0
  75. package/dist/helpers/currency/GetCurrencySymbol.d.ts +1 -1
  76. package/dist/helpers/datetime/FormatTime.d.ts +1 -1
  77. package/dist/helpers/datetime/dayjsSetup.d.ts +1 -1
  78. package/dist/helpers/index.d.ts +36 -32
  79. package/dist/helpers/locale/getLocaleDateByString.d.ts +1 -0
  80. package/dist/helpers/svg/styles.d.ts +1 -1
  81. package/dist/helpers/theme/Color.d.ts +19 -0
  82. package/dist/helpers/theme/GenerateColorScale.d.ts +16 -0
  83. package/dist/helpers/theme/cssVariables.d.ts +30 -0
  84. package/dist/helpers/theme/dark.d.ts +3 -0
  85. package/dist/helpers/theme/index.d.ts +9 -0
  86. package/dist/helpers/theme/light.d.ts +3 -0
  87. package/dist/helpers/theme/themes.d.ts +5 -0
  88. package/dist/helpers/theme/tokens.d.ts +392 -0
  89. package/dist/hooks/index.d.ts +15 -15
  90. package/dist/hooks/useAddExternalCSS.d.ts +4 -5
  91. package/dist/hooks/useAvoidCollision.d.ts +6 -1
  92. package/dist/hooks/useComponentSize.d.ts +1 -1
  93. package/dist/hooks/useConnectionStatus.d.ts +1 -1
  94. package/dist/hooks/useFloatingPosition.d.ts +63 -0
  95. package/dist/hooks/useFloatingTrigger.d.ts +64 -0
  96. package/dist/hooks/useFocusTrap.d.ts +36 -0
  97. package/dist/hooks/useOnClickOutside.d.ts +1 -1
  98. package/dist/hooks/useSingleQuery.d.ts +1 -1
  99. package/dist/hovercard/HoverCard.d.ts +12 -0
  100. package/dist/hovercard/HoverCardContent.d.ts +22 -0
  101. package/dist/hovercard/HoverCardTrigger.d.ts +17 -0
  102. package/dist/hovercard/hoverCardContext.d.ts +7 -0
  103. package/dist/hovercard/index.d.ts +4 -0
  104. package/dist/html/header/H1.d.ts +1 -1
  105. package/dist/html/header/H2.d.ts +1 -1
  106. package/dist/html/header/H3.d.ts +1 -1
  107. package/dist/html/header/H4.d.ts +1 -1
  108. package/dist/html/header/index.d.ts +4 -4
  109. package/dist/html/header/styled.d.ts +4 -4
  110. package/dist/icons/index.d.ts +11 -14
  111. package/dist/image/index.d.ts +1 -2
  112. package/dist/image/styled.d.ts +5 -2
  113. package/dist/index.cjs.js +2695 -2580
  114. package/dist/index.cjs.js.map +1 -0
  115. package/dist/index.css +1 -0
  116. package/dist/index.d.ts +168 -1787
  117. package/dist/index.es.js +22339 -0
  118. package/dist/index.es.js.map +1 -0
  119. package/dist/index.iife.js +5728 -0
  120. package/dist/index.iife.js.map +1 -0
  121. package/dist/index.umd.js +5728 -0
  122. package/dist/index.umd.js.map +1 -0
  123. package/dist/input/index.d.ts +29 -2
  124. package/dist/input/style.settings.d.ts +9 -0
  125. package/dist/input/styled.d.ts +16 -18
  126. package/dist/label/index.d.ts +6 -0
  127. package/dist/label/style.settings.d.ts +9 -0
  128. package/dist/label/styled.d.ts +27 -0
  129. package/dist/link/index.d.ts +1 -10
  130. package/dist/locales/en/{calendar.json → calendar.json.d.ts} +4 -2
  131. package/dist/locales/en/{itd.json → itd.json.d.ts} +35 -20
  132. package/dist/locales/{calendar.json → tr/calendar.json.d.ts} +4 -2
  133. package/dist/locales/{itd.json → tr/itd.json.d.ts} +35 -21
  134. package/dist/logger/index.d.ts +9 -0
  135. package/dist/modal/container/ModalContainer.d.ts +4 -4
  136. package/dist/modal/container/styled.d.ts +2 -2
  137. package/dist/modal/context/ModalContext.d.ts +23 -14
  138. package/dist/modal/index.d.ts +7 -22
  139. package/dist/modal/modal/Modal.d.ts +2 -2
  140. package/dist/modal/modal/styled.d.ts +11 -11
  141. package/dist/notification/container/Container.d.ts +5 -0
  142. package/dist/notification/container/styled.d.ts +1 -0
  143. package/dist/notification/context/NotificationsContext.d.ts +2 -2
  144. package/dist/notification/index.d.ts +1 -1
  145. package/dist/notification/item/Item.d.ts +12 -0
  146. package/dist/notification/item/styled.d.ts +1166 -0
  147. package/dist/popover/Popover.d.ts +42 -0
  148. package/dist/popover/PopoverContent.d.ts +34 -0
  149. package/dist/popover/PopoverTrigger.d.ts +26 -0
  150. package/dist/popover/index.d.ts +4 -0
  151. package/dist/primitives/Slot.d.ts +36 -0
  152. package/dist/progress/styled.d.ts +1 -1
  153. package/dist/radio/button/RadioButton.d.ts +2 -2
  154. package/dist/radio/button/styled.d.ts +8 -9
  155. package/dist/radio/group/Group.d.ts +3 -3
  156. package/dist/radio/group/styled.d.ts +1 -1
  157. package/dist/radio/index.d.ts +2 -2
  158. package/dist/reportWebVitals.d.ts +2 -0
  159. package/dist/result/index.d.ts +2 -2
  160. package/dist/result/styled.d.ts +9 -9
  161. package/dist/select/dropdown/Dropdown.d.ts +20 -0
  162. package/dist/select/dropdown/styled.d.ts +14 -0
  163. package/dist/select/index.d.ts +1 -1
  164. package/dist/select/option/Option.d.ts +14 -6
  165. package/dist/select/option/styled.d.ts +4 -4
  166. package/dist/select/selector/Selector.d.ts +3 -0
  167. package/dist/select/selector/selectorinput/SelectorInput.d.ts +6 -0
  168. package/dist/select/selector/selectorinput/styled.d.ts +2 -0
  169. package/dist/select/selector/styled.d.ts +16 -0
  170. package/dist/select/style.settings.d.ts +83 -26
  171. package/dist/select/styled.d.ts +5 -3
  172. package/dist/setupTests.d.ts +1 -0
  173. package/dist/spin/styled.d.ts +4 -4
  174. package/dist/status/styled.d.ts +1 -1
  175. package/dist/stories/Accordion.d.ts +0 -1
  176. package/dist/stories/Accordion.stories.d.ts +3 -3
  177. package/dist/stories/Alert.stories.d.ts +18 -4
  178. package/dist/stories/AlertComposition.d.ts +2 -0
  179. package/dist/stories/AlertComposition.stories.d.ts +17 -0
  180. package/dist/stories/Button.d.ts +0 -1
  181. package/dist/stories/Button.stories.d.ts +16 -4
  182. package/dist/stories/Card.stories.d.ts +3 -2
  183. package/dist/stories/Checkbox.stories.d.ts +3 -3
  184. package/dist/stories/CheckboxGroup.stories.d.ts +3 -3
  185. package/dist/stories/CheckboxGroupControl.stories.d.ts +3 -3
  186. package/dist/stories/ColorScale.d.ts +10 -0
  187. package/dist/stories/ColorScale.stories.d.ts +24 -0
  188. package/dist/stories/ColorScaleCompare.d.ts +8 -0
  189. package/dist/stories/ColorScaleCompare.stories.d.ts +47 -0
  190. package/dist/stories/DatePicker.d.ts +0 -1
  191. package/dist/stories/DatePicker.stories.d.ts +3 -3
  192. package/dist/stories/Form.d.ts +1 -1
  193. package/dist/stories/Form.stories.d.ts +13 -3
  194. package/dist/stories/Header.d.ts +0 -1
  195. package/dist/stories/Header.stories.d.ts +5 -5
  196. package/dist/stories/HoverCard.d.ts +2 -0
  197. package/dist/stories/HoverCard.stories.d.ts +18 -0
  198. package/dist/stories/Input.d.ts +0 -1
  199. package/dist/stories/Input.stories.d.ts +86 -4
  200. package/dist/stories/ModalManager.d.ts +0 -1
  201. package/dist/stories/ModalManager.stories.d.ts +2 -2
  202. package/dist/stories/Page.d.ts +0 -1
  203. package/dist/stories/Page.stories.d.ts +2 -2
  204. package/dist/stories/Popover.d.ts +2 -0
  205. package/dist/stories/Popover.stories.d.ts +40 -0
  206. package/dist/stories/Progress.stories.d.ts +3 -3
  207. package/dist/stories/RadioGroup.stories.d.ts +3 -3
  208. package/dist/stories/Result.stories.d.ts +3 -3
  209. package/dist/stories/Select.d.ts +0 -1
  210. package/dist/stories/Select.stories.d.ts +16 -6
  211. package/dist/stories/Status.stories.d.ts +3 -3
  212. package/dist/stories/Switch.stories.d.ts +12 -5
  213. package/dist/stories/Table.stories.d.ts +2 -2
  214. package/dist/stories/Tabs.stories.d.ts +4 -10
  215. package/dist/stories/TextArea.d.ts +0 -1
  216. package/dist/stories/TextArea.stories.d.ts +11 -4
  217. package/dist/stories/Tooltip.d.ts +1 -0
  218. package/dist/stories/Tooltip.stories.d.ts +35 -0
  219. package/dist/stories/Upload.stories.d.ts +3 -8
  220. package/dist/stories/root/index.d.ts +1 -2
  221. package/dist/stories/select.styled.d.ts +1 -1
  222. package/dist/switch/index.d.ts +1 -1
  223. package/dist/switch/styled.d.ts +4 -4
  224. package/dist/table/index.d.ts +2 -2
  225. package/dist/table/styled.d.ts +5 -5
  226. package/dist/tabs/index.d.ts +2 -2
  227. package/dist/tabs/styles.d.ts +4 -9
  228. package/dist/textarea/index.d.ts +1 -1
  229. package/dist/textarea/styled.d.ts +6 -8
  230. package/dist/tinyscrollbar/index.d.ts +1 -2
  231. package/dist/tinyscrollbar/scroll.styled.d.ts +1 -1
  232. package/dist/tinyscrollbar/styled.d.ts +1 -1
  233. package/dist/tooltip/Tooltip.d.ts +12 -0
  234. package/dist/tooltip/TooltipContent.d.ts +15 -0
  235. package/dist/tooltip/TooltipTrigger.d.ts +19 -0
  236. package/dist/tooltip/index.d.ts +4 -0
  237. package/dist/tooltip/tooltipContext.d.ts +7 -0
  238. package/dist/types/AccordionItemProps.d.ts +1 -1
  239. package/dist/types/AccordionProps.d.ts +1 -1
  240. package/dist/types/AccordionSubMenuProps.d.ts +1 -1
  241. package/dist/types/AlertProps.d.ts +6 -6
  242. package/dist/types/ButtonProps.d.ts +13 -31
  243. package/dist/types/CalendarProps.d.ts +4 -5
  244. package/dist/types/CardProps.d.ts +7 -3
  245. package/dist/types/CheckboxProps.d.ts +7 -3
  246. package/dist/types/DatePickerProps.d.ts +8 -7
  247. package/dist/types/FlexProps.d.ts +2 -2
  248. package/dist/types/FormProps.d.ts +10 -8
  249. package/dist/types/ITDProps.d.ts +4 -2
  250. package/dist/types/InputProps.d.ts +12 -18
  251. package/dist/types/LabelProps.d.ts +7 -0
  252. package/dist/types/ModalProps.d.ts +2 -2
  253. package/dist/types/PopoverProps.d.ts +10 -0
  254. package/dist/types/RadioProps.d.ts +3 -4
  255. package/dist/types/ResultProps.d.ts +2 -1
  256. package/dist/types/SelectProps.d.ts +22 -16
  257. package/dist/types/SingleQueryProps.d.ts +1 -1
  258. package/dist/types/StatusProps.d.ts +2 -2
  259. package/dist/types/SwitchProps.d.ts +4 -1
  260. package/dist/types/TableProps.d.ts +3 -2
  261. package/dist/types/TabsProps.d.ts +1 -2
  262. package/dist/types/TextAreaProps.d.ts +3 -3
  263. package/dist/types/Theme.d.ts +103 -0
  264. package/dist/types/UploadProps.d.ts +3 -40
  265. package/dist/upload/index.d.ts +2 -2
  266. package/dist/upload/styled.d.ts +11 -45
  267. package/dist/utils/CommonStyledComponents.d.ts +18 -0
  268. package/dist/utils/ErrorAnnouncement.d.ts +25 -0
  269. package/dist/utils/GetButtonSizeSlug.d.ts +6 -0
  270. package/dist/utils/GetIconSizeBySize.d.ts +1 -1
  271. package/dist/utils/GetSizeBySizeSlug.d.ts +2 -2
  272. package/dist/utils/GetSizeSlugBySize.d.ts +5 -2
  273. package/dist/utils/InlineSVGCached.d.ts +1 -1
  274. package/dist/utils/index.d.ts +6 -4
  275. package/package.json +87 -64
  276. package/dist/button/button.style.SVG.d.ts +0 -4
  277. package/dist/button/button.style.circle.d.ts +0 -4
  278. package/dist/button/button.style.strecth.d.ts +0 -4
  279. package/dist/cropper/index.d.ts +0 -44
  280. package/dist/global.css +0 -146
  281. package/dist/icons/FileDocument.d.ts +0 -6
  282. package/dist/icons/FileExcel.d.ts +0 -5
  283. package/dist/icons/FilePdf.d.ts +0 -5
  284. package/dist/index.d.mts +0 -716
  285. package/dist/index.esm.js +0 -5612
  286. package/dist/locales/tr/calendar.json +0 -30
  287. package/dist/locales/tr/itd.json +0 -325
  288. package/dist/select/menu/Menu.d.ts +0 -14
  289. package/dist/select/menu/styled.d.ts +0 -8
  290. package/dist/select/toggle/Toggle.d.ts +0 -3
  291. package/dist/select/toggle/label/floating/FloatingLabel.d.ts +0 -12
  292. package/dist/select/toggle/label/floating/styled.d.ts +0 -8
  293. package/dist/select/toggle/label/single/SingleLabel.d.ts +0 -18
  294. package/dist/select/toggle/label/single/styled.d.ts +0 -2
  295. package/dist/select/toggle/styled.d.ts +0 -24
  296. package/dist/stories/ButtonIcon.d.ts +0 -2
@@ -0,0 +1,42 @@
1
+ import { ReactNode } from 'react';
2
+ import { TriggerTypes } from '../enums/enum';
3
+ import { useFloatingTrigger } from '../hooks/useFloatingTrigger';
4
+ /**
5
+ * Popover context value
6
+ */
7
+ type PopoverContextValue = {
8
+ id: string;
9
+ trigger: ReturnType<typeof useFloatingTrigger>;
10
+ };
11
+ /**
12
+ * Helper hook for internal use
13
+ */
14
+ export declare function usePopoverContext(componentName: string): PopoverContextValue;
15
+ /**
16
+ * Popover props
17
+ */
18
+ export type PopoverProps = {
19
+ /** Children */
20
+ children: ReactNode;
21
+ /** Default: CLICK */
22
+ triggerType?: `${TriggerTypes}`;
23
+ /** Close on click outside */
24
+ closeOnClickOutside?: boolean;
25
+ /** Uncontrolled initial state */
26
+ defaultOpen?: boolean;
27
+ /** Controlled mode */
28
+ open?: boolean;
29
+ /** Controlled mode change callback */
30
+ onOpenChange?: (open: boolean) => void;
31
+ };
32
+ /**
33
+ * Popover
34
+ *
35
+ * - Manages the state and trigger behavior
36
+ * - Provides the id + trigger information to the children with context
37
+ */
38
+ export declare const Popover: {
39
+ ({ children, triggerType, closeOnClickOutside, defaultOpen, open, onOpenChange, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
40
+ displayName: string;
41
+ };
42
+ export {};
@@ -0,0 +1,34 @@
1
+ import { ReactNode } from 'react';
2
+ import { ComponentYPositions, ComponentXPositions } from '../enums/enum';
3
+ type Placement = ComponentYPositions | ComponentXPositions;
4
+ /**
5
+ * PopoverContent props
6
+ */
7
+ export type PopoverContentProps = {
8
+ /** Content */
9
+ children: ReactNode;
10
+ /** Placement */
11
+ placement?: Placement;
12
+ /** Show arrow */
13
+ showArrow?: boolean;
14
+ /** Max width */
15
+ maxWidth?: string | number;
16
+ /** Offset */
17
+ offset?: number;
18
+ /** A11y: id of the heading element in the content */
19
+ ariaLabelledby?: string;
20
+ /** A11y: id of the description element in the content */
21
+ ariaDescribedby?: string;
22
+ };
23
+ /**
24
+ * PopoverContent
25
+ *
26
+ * - Calculates the position (useFloatingPosition)
27
+ * - Provides portal + animation + trapFocus with FloatingContent
28
+ * - Supports A11y (role, aria-labelledby, aria-describedby)
29
+ */
30
+ export declare const PopoverContent: {
31
+ ({ children, placement, showArrow, maxWidth, offset, ariaLabelledby, ariaDescribedby, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
32
+ displayName: string;
33
+ };
34
+ export {};
@@ -0,0 +1,26 @@
1
+ import { ReactNode } from 'react';
2
+ /**
3
+ * PopoverTrigger props
4
+ *
5
+ */
6
+ export type PopoverTriggerProps = {
7
+ /**
8
+ * The children to be used as the trigger element
9
+ */
10
+ children: ReactNode;
11
+ /**
12
+ * - When `asChild` is true, children are wrapped with Slot and used as the trigger element
13
+ * - When `asChild` is false, a native `<button type="button">` is used
14
+ */
15
+ asChild?: boolean;
16
+ };
17
+ /**
18
+ * PopoverTrigger
19
+ *
20
+ * - Trigger element (button, icon, etc.) is not wrapped with Slot, direct behavior is injected
21
+ * - ARIA bindings are set (aria-haspopup, aria-expanded, aria-controls)
22
+ */
23
+ export declare const PopoverTrigger: {
24
+ ({ children, asChild, }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element | null;
25
+ displayName: string;
26
+ };
@@ -0,0 +1,4 @@
1
+ import { PopoverContent } from '../PopoverContent';
2
+ import { Popover } from '../Popover';
3
+ import { PopoverTrigger } from '../PopoverTrigger';
4
+ export { Popover, PopoverTrigger, PopoverContent };
@@ -0,0 +1,36 @@
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ type AnyElement = HTMLElement;
3
+ /**
4
+ * Slot bileşeni:
5
+ * - Wrapper oluşturmaz
6
+ * - Tek child ile çalışır
7
+ * - DataSlot ile işaretlenmiş “slottable” wrapper'ı açar
8
+ * - Ref'leri birleştirir
9
+ * - Event handler'ları deterministik sırayla merge eder
10
+ */
11
+ export type SlotProps<T extends AnyElement = AnyElement> = HTMLAttributes<T> & {
12
+ children: ReactNode;
13
+ };
14
+ /**
15
+ * Slottable:
16
+ * Slot'un iç ağacında “açılabilir” bir wrapper.
17
+ *
18
+ * <Slot>
19
+ * <Slottable>
20
+ * <Button>Click</Button>
21
+ * </Slottable>
22
+ * </Slot>
23
+ *
24
+ * → DOM'da sadece Button kalır, Slot'un props'ları Button'a aktarılır.
25
+ */
26
+ export type SlottableProps = {
27
+ children: ReactNode;
28
+ };
29
+ export declare const Slottable: {
30
+ ({ children }: SlottableProps): import("react/jsx-runtime").JSX.Element;
31
+ displayName: string;
32
+ };
33
+ export declare const Slot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
34
+ children: ReactNode;
35
+ } & import('react').RefAttributes<HTMLElement>>;
36
+ export {};
@@ -1,5 +1,5 @@
1
1
  import { ProgressStatus } from '../index';
2
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $status: ProgressStatus;
4
4
  $percent: number;
5
5
  }>> & string;
@@ -1,2 +1,2 @@
1
- import { RadioButtonProps } from 'types/RadioProps';
2
- export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError, disabled, children, icon, image, component, onChange, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
1
+ import { RadioButtonProps } from '../../types/RadioProps';
2
+ export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError, className, children, icon, image, component, onChange }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +1,11 @@
1
- declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- declare const PreIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- declare const Left: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
5
- declare const SimpleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- declare const InnerButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
7
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ declare const CheckIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ declare const Left: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
5
+ declare const SimpleButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
+ declare const InnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
7
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
8
8
  $hasCustomButton: boolean;
9
- $disabled?: boolean;
10
9
  }>> & string;
11
- declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ declare const ErrorBorder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
11
  export { Wrapper, CheckIcon, PreIcon, Left, InnerButton, SimpleButton, Label, ErrorBorder };
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { RadioGroupProps } from 'types/RadioProps';
3
- import { ITDImperativeFuncProps } from 'types/ITDImperativeFuncProps';
1
+ import { default as React } from 'react';
2
+ import { RadioGroupProps } from '../../types/RadioProps';
3
+ import { ITDImperativeFuncProps } from '../../types/ITDImperativeFuncProps';
4
4
  declare const _default: React.NamedExoticComponent<RadioGroupProps & React.RefAttributes<ITDImperativeFuncProps>>;
5
5
  export default _default;
@@ -5,5 +5,5 @@ interface GroupWrapperProps {
5
5
  $gap?: string;
6
6
  $autoSize?: boolean;
7
7
  }
8
- declare const GroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupWrapperProps>> & string;
8
+ declare const GroupWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupWrapperProps>> & string;
9
9
  export { GroupWrapper };
@@ -1,5 +1,5 @@
1
- import Button from './button/RadioButton';
2
- import Group from './group/Group';
1
+ import { default as Button } from '../button/RadioButton';
2
+ import { default as Group } from '../group/Group';
3
3
  interface RadioComponent extends React.FC {
4
4
  Group: typeof Group;
5
5
  Button: typeof Button;
@@ -0,0 +1,2 @@
1
+ export default reportWebVitals;
2
+ declare function reportWebVitals(onPerfEntry: any): void;
@@ -1,6 +1,6 @@
1
- import { ResultProps } from 'types/ResultProps';
1
+ import { ResultProps } from '../types/ResultProps';
2
2
  declare const Result: {
3
- ({ image, title, description, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
3
+ ({ image, title, description, className, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
4
4
  displayName: string;
5
5
  };
6
6
  export default Result;
@@ -1,16 +1,16 @@
1
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
2
- declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
2
+ declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
4
  $fill: string;
5
5
  $autoCenter: boolean;
6
6
  $background: boolean;
7
7
  $animation: boolean;
8
8
  $type: string;
9
9
  }>> & string;
10
- declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
11
- declare const Extras: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
- declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
13
- declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
- declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
15
- declare const ContentDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ declare const ImageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
11
+ declare const Extras: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
+ declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
13
+ declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
+ declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
15
+ declare const ContentDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
16
16
  export { Wrapper, ContentWrapper, Content, ImageWrapper, Extras, Footer, Body, Title, ContentDescription };
@@ -0,0 +1,20 @@
1
+ import { ChildrenProps } from '../../types/ChildrenProps';
2
+ import { SelectValue } from '../../types/SelectProps';
3
+ import { ITDHorizontalPosition, ITDSize, ITDVariant, ITDVerticalPosition } from '../../types/ITDProps';
4
+ type DropdownProps = {
5
+ selectId?: string;
6
+ defaultValue?: SelectValue | null;
7
+ position: ITDVerticalPosition;
8
+ direction: ITDHorizontalPosition;
9
+ multi: boolean;
10
+ variant: ITDVariant;
11
+ children: ChildrenProps;
12
+ onChange: (value: SelectValue, label?: string) => void;
13
+ onClose: () => void;
14
+ isOpen: boolean;
15
+ selectRef?: React.RefObject<HTMLDivElement | null>;
16
+ usePortal?: boolean;
17
+ size?: ITDSize;
18
+ };
19
+ export default function Dropdown({ selectId, position, direction, multi, variant, size, isOpen, usePortal, defaultValue, children, onChange, onClose, selectRef, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
20
+ export {};
@@ -0,0 +1,14 @@
1
+ import { default as TinyScrollbar } from '../../tinyscrollbar';
2
+ import { ComponentSizesSlug } from '../../enums/enum';
3
+ import { ITDVariant } from '../../types/ITDProps';
4
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ $size: ComponentSizesSlug;
6
+ $variant: ITDVariant;
7
+ }>> & string;
8
+ declare const BodyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<{
9
+ className: string;
10
+ children: import('../../types/ChildrenProps').ChildrenProps;
11
+ style?: React.CSSProperties;
12
+ }, never>> & string & Omit<typeof TinyScrollbar, keyof import('react').Component<any, {}, any>>;
13
+ declare const PortalWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
+ export { Wrapper, BodyWrapper, PortalWrapper };
@@ -1,5 +1,5 @@
1
1
  import { RefAttributes, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
2
- import Option from './option/Option';
2
+ import { default as Option } from '../option/Option';
3
3
  import { ITDImperativeFuncProps, SelectProps } from '../index';
4
4
  type SelectSubComponentProps = {
5
5
  Option: typeof Option;
@@ -1,17 +1,25 @@
1
- import { SelectValue } from 'types/SelectProps';
2
- import { ChildrenProps } from 'types/ChildrenProps';
1
+ import { SelectValue } from '../../types/SelectProps';
2
+ import { ChildrenProps } from '../../types/ChildrenProps';
3
+ import { ITDSizeSlug, ITDVariant } from '../../types/ITDProps';
3
4
  export type OptionsTypeProps = {
5
+ id?: string;
4
6
  customKey?: string;
7
+ label: ChildrenProps;
8
+ disabled: boolean;
9
+ value: SelectValue;
10
+ variant: ITDVariant;
11
+ size: ITDSizeSlug;
5
12
  icon?: ChildrenProps;
6
13
  image?: string;
7
- label?: ChildrenProps;
8
- value?: SelectValue;
9
14
  multi?: boolean;
10
15
  checked?: boolean;
16
+ isActive?: boolean;
17
+ index?: number;
18
+ onHover?: (index: number) => void;
11
19
  onChange?: (value: SelectValue, checked: boolean, label: ChildrenProps) => null;
12
20
  };
13
- declare const _default: import("react").MemoExoticComponent<{
14
- ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
21
+ declare const _default: import('react').MemoExoticComponent<{
22
+ ({ id, multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
15
23
  displayName: string;
16
24
  }>;
17
25
  export default _default;
@@ -1,5 +1,5 @@
1
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
2
- declare const ImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- declare const PreIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- declare const Single: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
1
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
2
+ declare const ImageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
+ declare const Single: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
5
  export { Wrapper, ImageWrapper, PreIcon, Single };
@@ -0,0 +1,3 @@
1
+ import { SelectToggleProps } from '../../index';
2
+ declare const Selector: ({ id, errorMessage, isOpen, locked, disabled, showSearch, size, placeholder, label, prefix, icon, image, onFocus, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default Selector;
@@ -0,0 +1,6 @@
1
+ import { SelectorInputProps } from '../../../types/SelectProps';
2
+ export type SelectorInputRefObject = {
3
+ setFocus: () => void;
4
+ };
5
+ declare const SelectorInput: import('react').ForwardRefExoticComponent<SelectorInputProps & import('react').RefAttributes<SelectorInputRefObject>>;
6
+ export default SelectorInput;
@@ -0,0 +1,2 @@
1
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export { Wrapper };
@@ -0,0 +1,16 @@
1
+ import { ErrorTooltip, ErrorBorder } from '../../utils/CommonStyledComponents';
2
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
+ $showSearch: boolean;
4
+ }>> & string;
5
+ declare const SelectorInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
+ declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
+ $open: boolean;
8
+ }>> & string;
9
+ declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ declare const Success: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
11
+ declare const Warning: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
12
+ declare const Failed: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
13
+ declare const Locked: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
14
+ declare const Prefix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
15
+ declare const Suffix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
16
+ export { Wrapper, Suffix, SelectorInputWrapper, Icon, PreIcon, ErrorTooltip, ErrorBorder, Success, Warning, Failed, Locked, Prefix };
@@ -1,31 +1,88 @@
1
- export declare const getImageSizeBySize: (size: string) => {
2
- width: number;
3
- height: number;
1
+ import { ComponentSizesSlug } from '../enums/enum';
2
+ export declare const ICON_MARGIN_RIGHT = "0.4375rem";
3
+ export declare const ICON_SIZE_DEFAULT = "1.25rem";
4
+ export declare const getImageSizeBySize: (size: ComponentSizesSlug) => {
5
+ readonly width: "0.875rem";
6
+ readonly height: "0.875rem";
7
+ } | {
8
+ readonly width: "1rem";
9
+ readonly height: "1rem";
10
+ } | {
11
+ readonly width: "1.125rem";
12
+ readonly height: "1.125rem";
13
+ } | {
14
+ readonly width: "1.25rem";
15
+ readonly height: "1.25rem";
16
+ } | {
17
+ readonly width: "1.375rem";
18
+ readonly height: "1.375rem";
4
19
  };
5
- export declare const getArrowSizeBySize: (size: string) => {
6
- width: number;
7
- height: number;
20
+ export declare const getArrowSizeBySize: (size: ComponentSizesSlug) => {
21
+ readonly width: "0.825rem";
22
+ readonly height: "0.825rem";
23
+ } | {
24
+ readonly width: "1rem";
25
+ readonly height: "1rem";
26
+ } | {
27
+ readonly width: "1.125rem";
28
+ readonly height: "1.125rem";
8
29
  };
9
- export declare const getOptionSizeBySize: (size: string) => {
10
- padding: {
11
- top: string;
12
- right: string;
13
- bottom: string;
14
- left: string;
15
- };
16
- height: number;
30
+ export declare const getOptionSizeBySize: (size: ComponentSizesSlug) => {
31
+ paddingX: "0.625rem";
32
+ height: "1.75rem";
33
+ } | {
34
+ paddingX: "0.625rem";
35
+ height: "2rem";
36
+ } | {
37
+ paddingX: "0.75rem";
38
+ height: "2.125rem";
39
+ } | {
40
+ paddingX: "0.75rem";
41
+ height: "2.25rem";
42
+ } | {
43
+ paddingX: "0.9375rem";
44
+ height: "2.5rem";
45
+ } | {
46
+ paddingX: "0.9375rem";
47
+ height: "2.75rem";
17
48
  };
18
- export declare const getSelectSizeBySize: (size: string) => {
19
- padding: {
20
- top: string;
21
- right: string;
22
- bottom: string;
23
- left: string;
24
- };
25
- height: number;
49
+ export declare const getSelectSizeBySize: (size: ComponentSizesSlug) => {
50
+ paddingX: "0.625rem";
51
+ height: "1.75rem";
52
+ } | {
53
+ paddingX: "0.625rem";
54
+ height: "2rem";
55
+ } | {
56
+ paddingX: "0.75rem";
57
+ height: "2.125rem";
58
+ } | {
59
+ paddingX: "0.75rem";
60
+ height: "2.25rem";
61
+ } | {
62
+ paddingX: "0.9375rem";
63
+ height: "2.5rem";
64
+ } | {
65
+ paddingX: "0.9375rem";
66
+ height: "2.75rem";
26
67
  };
27
- export declare const getFontSizeBySize: (size: string) => {
28
- fontSize: number;
29
- lineHeight: number;
30
- fontWeight: number;
68
+ export declare const getFontSizeBySize: (size: ComponentSizesSlug) => {
69
+ fontSize: "0.725rem";
70
+ lineHeight: "0.725rem";
71
+ fontWeight: 400;
72
+ } | {
73
+ fontSize: "0.75rem";
74
+ lineHeight: "0.75rem";
75
+ fontWeight: 400;
76
+ } | {
77
+ fontSize: "0.825rem";
78
+ lineHeight: "0.825rem";
79
+ fontWeight: 400;
80
+ } | {
81
+ fontSize: "0.875rem";
82
+ lineHeight: "0.875rem";
83
+ fontWeight: 400;
84
+ } | {
85
+ fontSize: "0.875rem";
86
+ lineHeight: "0.875rem";
87
+ fontWeight: 500;
31
88
  };
@@ -1,7 +1,9 @@
1
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
- $size: string;
1
+ import { ITDVariant } from '../types/ITDProps';
2
+ import { ComponentSizesSlug } from '../enums/enum';
3
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $size: ComponentSizesSlug;
5
+ $variant: ITDVariant;
3
6
  $hasImage?: boolean;
4
7
  $hasIcon?: boolean;
5
- $filled: boolean;
6
8
  }>> & string;
7
9
  export { Wrapper };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,9 +1,9 @@
1
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
- declare const SpinWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
1
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ declare const SpinWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $size: string;
4
4
  }>> & string;
5
- declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- declare const ChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
5
+ declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
+ declare const ChildrenWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
7
  $updating: boolean;
8
8
  $opacity: boolean;
9
9
  }>> & string;
@@ -1,5 +1,5 @@
1
1
  import { StatusVariant } from '../index';
2
- declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
+ declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
3
3
  $status: StatusVariant;
4
4
  $bold: boolean;
5
5
  }>> & string;
@@ -1,4 +1,3 @@
1
- import './button.css';
2
1
  import { FC } from 'react';
3
2
  /**
4
3
  * Primary UI component for user interaction
@@ -1,14 +1,14 @@
1
- import type { StoryObj } from "@storybook/react-vite";
1
+ import { StoryObj } from '@storybook/react-vite';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: import("react").FC<any>;
4
+ component: import('react').FC<any>;
5
5
  parameters: {
6
6
  layout: string;
7
7
  };
8
8
  tags: string[];
9
9
  argTypes: {};
10
10
  args: {
11
- onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
11
+ onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
12
12
  };
13
13
  };
14
14
  export default meta;