@ya-accelerators/nextjs-framework 0.0.99 → 0.0.101

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 (289) hide show
  1. package/dist/constants.d.ts +4 -0
  2. package/dist/constants.js +4 -0
  3. package/dist/constants.js.map +1 -1
  4. package/dist/env.client.d.ts +2 -2
  5. package/dist/env.client.js +1 -1
  6. package/dist/env.client.js.map +1 -1
  7. package/dist/env.d.ts +2 -2
  8. package/dist/env.js +1 -5
  9. package/dist/env.js.map +1 -1
  10. package/dist/hooks/anchor/index.d.ts +13 -0
  11. package/dist/hooks/anchor/index.js +65 -0
  12. package/dist/hooks/anchor/index.js.map +1 -0
  13. package/dist/hooks/date/index.js.map +1 -1
  14. package/dist/hooks/loading/index.jsx +1 -1
  15. package/dist/hooks/loading/index.jsx.map +1 -1
  16. package/dist/hooks/modal/index.d.ts +1 -1
  17. package/dist/hooks/modal/index.jsx +1 -1
  18. package/dist/hooks/modal/index.jsx.map +1 -1
  19. package/dist/hooks/mounted/index.js +0 -4
  20. package/dist/hooks/mounted/index.js.map +1 -1
  21. package/dist/hooks/toast/index.d.ts +3 -1
  22. package/dist/hooks/toast/index.jsx +9 -9
  23. package/dist/hooks/toast/index.jsx.map +1 -1
  24. package/dist/hooks/uploads/index.d.ts +41 -0
  25. package/dist/hooks/uploads/index.js +174 -0
  26. package/dist/hooks/uploads/index.js.map +1 -0
  27. package/dist/i18n/get-message-fallback.d.ts +0 -1
  28. package/dist/i18n/get-message-fallback.js +0 -1
  29. package/dist/i18n/get-message-fallback.js.map +1 -1
  30. package/dist/i18n/index.js +1 -4
  31. package/dist/i18n/index.js.map +1 -1
  32. package/dist/i18n/strings/ja-JP.json +12 -4
  33. package/dist/lib/cookie/index.d.ts +1 -1
  34. package/dist/lib/cookie/index.js +0 -1
  35. package/dist/lib/cookie/index.js.map +1 -1
  36. package/dist/lib/next-auth/index.js +0 -11
  37. package/dist/lib/next-auth/index.js.map +1 -1
  38. package/dist/lib/trpc/index.d.ts +3 -2
  39. package/dist/lib/trpc/index.js +39 -11
  40. package/dist/lib/trpc/index.js.map +1 -1
  41. package/dist/lib/uploads/index.js +14 -18
  42. package/dist/lib/uploads/index.js.map +1 -1
  43. package/dist/logger/index.d.ts +2 -1
  44. package/dist/logger/index.js +0 -6
  45. package/dist/logger/index.js.map +1 -1
  46. package/dist/styles/globals.css +77 -0
  47. package/dist/styles/tailwind.config.d.ts +365 -359
  48. package/dist/styles/tailwind.config.js +25 -20
  49. package/dist/styles/tailwind.config.js.map +1 -1
  50. package/dist/styles/tailwind.config.ts +28 -21
  51. package/dist/tsconfig.tsbuildinfo +1 -1
  52. package/dist/ui/component/button/base.d.ts +4 -4
  53. package/dist/ui/component/button/base.jsx +5 -5
  54. package/dist/ui/component/button/base.jsx.map +1 -1
  55. package/dist/ui/component/button/colored/index.d.ts +2 -2
  56. package/dist/ui/component/button/image/index.d.ts +2 -2
  57. package/dist/ui/component/button/index.d.ts +4 -9
  58. package/dist/ui/component/button/index.jsx +0 -5
  59. package/dist/ui/component/button/index.jsx.map +1 -1
  60. package/dist/ui/component/card/index.jsx +1 -1
  61. package/dist/ui/component/card/index.jsx.map +1 -1
  62. package/dist/ui/component/icon/index.d.ts +2 -2
  63. package/dist/ui/component/index.d.ts +72 -75
  64. package/dist/ui/component/index.js +4 -4
  65. package/dist/ui/component/index.js.map +1 -1
  66. package/dist/ui/component/progressBar/index.d.ts +9 -0
  67. package/dist/ui/component/progressBar/index.jsx +15 -0
  68. package/dist/ui/component/progressBar/index.jsx.map +1 -0
  69. package/dist/ui/component/skeleton/index.d.ts +10 -0
  70. package/dist/ui/component/skeleton/index.jsx +35 -0
  71. package/dist/ui/component/skeleton/index.jsx.map +1 -0
  72. package/dist/ui/component/typography/H1/index.d.ts +2 -3
  73. package/dist/ui/component/typography/H1/index.jsx +2 -2
  74. package/dist/ui/component/typography/H1/index.jsx.map +1 -1
  75. package/dist/ui/component/typography/H2/index.d.ts +2 -3
  76. package/dist/ui/component/typography/H2/index.jsx +2 -2
  77. package/dist/ui/component/typography/H2/index.jsx.map +1 -1
  78. package/dist/ui/component/typography/H3/index.d.ts +2 -3
  79. package/dist/ui/component/typography/H3/index.jsx +2 -2
  80. package/dist/ui/component/typography/H3/index.jsx.map +1 -1
  81. package/dist/ui/component/typography/H4/index.d.ts +2 -3
  82. package/dist/ui/component/typography/H4/index.jsx +2 -2
  83. package/dist/ui/component/typography/H4/index.jsx.map +1 -1
  84. package/dist/ui/component/typography/H5/index.d.ts +2 -3
  85. package/dist/ui/component/typography/H5/index.jsx +2 -2
  86. package/dist/ui/component/typography/H5/index.jsx.map +1 -1
  87. package/dist/ui/component/typography/H6/index.d.ts +2 -3
  88. package/dist/ui/component/typography/H6/index.jsx +2 -2
  89. package/dist/ui/component/typography/H6/index.jsx.map +1 -1
  90. package/dist/ui/component/typography/Label/index.d.ts +2 -3
  91. package/dist/ui/component/typography/Label/index.jsx +2 -2
  92. package/dist/ui/component/typography/Label/index.jsx.map +1 -1
  93. package/dist/ui/component/typography/LinkText/index.d.ts +2 -3
  94. package/dist/ui/component/typography/LinkText/index.jsx +2 -2
  95. package/dist/ui/component/typography/LinkText/index.jsx.map +1 -1
  96. package/dist/ui/component/typography/P/index.d.ts +2 -3
  97. package/dist/ui/component/typography/P/index.jsx +2 -2
  98. package/dist/ui/component/typography/P/index.jsx.map +1 -1
  99. package/dist/ui/component/typography/Pre/index.d.ts +2 -3
  100. package/dist/ui/component/typography/Pre/index.jsx +2 -2
  101. package/dist/ui/component/typography/Pre/index.jsx.map +1 -1
  102. package/dist/ui/component/typography/Span/index.d.ts +6 -0
  103. package/dist/ui/component/typography/Span/index.jsx +12 -0
  104. package/dist/ui/component/typography/Span/index.jsx.map +1 -0
  105. package/dist/ui/component/typography/index.d.ts +26 -32
  106. package/dist/ui/component/typography/index.jsx +2 -0
  107. package/dist/ui/component/typography/index.jsx.map +1 -1
  108. package/dist/ui/composite/accordion/index.d.ts +12 -0
  109. package/dist/ui/composite/accordion/index.jsx +29 -0
  110. package/dist/ui/composite/accordion/index.jsx.map +1 -0
  111. package/dist/ui/composite/alert/index.d.ts +13 -0
  112. package/dist/ui/composite/alert/index.jsx +35 -0
  113. package/dist/ui/composite/alert/index.jsx.map +1 -0
  114. package/dist/ui/composite/avatar/index.d.ts +9 -0
  115. package/dist/ui/composite/avatar/index.jsx +25 -0
  116. package/dist/ui/composite/avatar/index.jsx.map +1 -0
  117. package/dist/ui/composite/dropdown/index.d.ts +2 -2
  118. package/dist/ui/composite/dropdown/index.jsx +0 -1
  119. package/dist/ui/composite/dropdown/index.jsx.map +1 -1
  120. package/dist/ui/composite/emptyState/index.d.ts +9 -0
  121. package/dist/ui/composite/emptyState/index.jsx +18 -0
  122. package/dist/ui/composite/emptyState/index.jsx.map +1 -0
  123. package/dist/ui/{layout → composite}/form/index.d.ts +4 -5
  124. package/dist/ui/{layout → composite}/form/index.jsx +31 -43
  125. package/dist/ui/composite/form/index.jsx.map +1 -0
  126. package/dist/ui/{layout → composite}/form/renderItem.d.ts +1 -2
  127. package/dist/ui/{layout → composite}/form/renderItem.jsx +25 -30
  128. package/dist/ui/composite/form/renderItem.jsx.map +1 -0
  129. package/dist/ui/composite/index.d.ts +490 -233
  130. package/dist/ui/composite/index.js +30 -0
  131. package/dist/ui/composite/index.js.map +1 -1
  132. package/dist/ui/composite/input/attachment/index.d.ts +18 -0
  133. package/dist/ui/composite/input/attachment/index.jsx +130 -0
  134. package/dist/ui/composite/input/attachment/index.jsx.map +1 -0
  135. package/dist/ui/composite/input/checkbox/index.d.ts +2 -2
  136. package/dist/ui/composite/input/checkbox/index.jsx +2 -2
  137. package/dist/ui/composite/input/checkbox/index.jsx.map +1 -1
  138. package/dist/ui/composite/input/datePicker/index.d.ts +1 -1
  139. package/dist/ui/composite/input/datePicker/index.jsx +5 -16
  140. package/dist/ui/composite/input/datePicker/index.jsx.map +1 -1
  141. package/dist/ui/composite/input/dateRange/index.d.ts +1 -1
  142. package/dist/ui/composite/input/dateRange/index.jsx +1 -3
  143. package/dist/ui/composite/input/dateRange/index.jsx.map +1 -1
  144. package/dist/ui/composite/input/dateTimePicker/index.jsx +1 -8
  145. package/dist/ui/composite/input/dateTimePicker/index.jsx.map +1 -1
  146. package/dist/ui/composite/input/dateTimeRange/index.d.ts +1 -1
  147. package/dist/ui/composite/input/dateTimeRange/index.jsx +2 -5
  148. package/dist/ui/composite/input/dateTimeRange/index.jsx.map +1 -1
  149. package/dist/ui/composite/input/file/index.d.ts +3 -8
  150. package/dist/ui/composite/input/file/index.jsx +91 -137
  151. package/dist/ui/composite/input/file/index.jsx.map +1 -1
  152. package/dist/ui/composite/input/index.d.ts +144 -128
  153. package/dist/ui/composite/input/index.js +4 -0
  154. package/dist/ui/composite/input/index.js.map +1 -1
  155. package/dist/ui/composite/input/list/index.jsx +3 -11
  156. package/dist/ui/composite/input/list/index.jsx.map +1 -1
  157. package/dist/ui/composite/input/radio/index.d.ts +2 -2
  158. package/dist/ui/composite/input/radio/index.jsx +3 -3
  159. package/dist/ui/composite/input/radio/index.jsx.map +1 -1
  160. package/dist/ui/composite/input/select/GroupHeading/index.jsx +1 -1
  161. package/dist/ui/composite/input/select/GroupHeading/index.jsx.map +1 -1
  162. package/dist/ui/composite/input/select/Input/index.jsx +1 -4
  163. package/dist/ui/composite/input/select/Input/index.jsx.map +1 -1
  164. package/dist/ui/composite/input/select/Option/index.jsx +0 -1
  165. package/dist/ui/composite/input/select/Option/index.jsx.map +1 -1
  166. package/dist/ui/composite/input/select/Placeholder/index.jsx +1 -1
  167. package/dist/ui/composite/input/select/Placeholder/index.jsx.map +1 -1
  168. package/dist/ui/composite/input/select/SelectContainer/index.jsx +1 -1
  169. package/dist/ui/composite/input/select/SelectContainer/index.jsx.map +1 -1
  170. package/dist/ui/composite/input/select/SingleValue/index.jsx +1 -1
  171. package/dist/ui/composite/input/select/SingleValue/index.jsx.map +1 -1
  172. package/dist/ui/composite/input/select/index.jsx +0 -2
  173. package/dist/ui/composite/input/select/index.jsx.map +1 -1
  174. package/dist/ui/composite/input/switch/index.d.ts +11 -0
  175. package/dist/ui/composite/input/switch/index.jsx +21 -0
  176. package/dist/ui/composite/input/switch/index.jsx.map +1 -0
  177. package/dist/ui/composite/input/text/index.d.ts +1 -1
  178. package/dist/ui/composite/input/text/index.jsx +1 -1
  179. package/dist/ui/composite/input/text/index.jsx.map +1 -1
  180. package/dist/ui/composite/input/textarea/index.d.ts +1 -1
  181. package/dist/ui/composite/input/textarea/index.jsx +1 -1
  182. package/dist/ui/composite/input/textarea/index.jsx.map +1 -1
  183. package/dist/ui/composite/input/timePicker/index.d.ts +1 -1
  184. package/dist/ui/composite/input/timeRange/index.d.ts +1 -1
  185. package/dist/ui/composite/input/timeRange/index.jsx +1 -1
  186. package/dist/ui/composite/input/timeRange/index.jsx.map +1 -1
  187. package/dist/ui/composite/input/weekDaysSelector/index.d.ts +1 -1
  188. package/dist/ui/composite/input/weekdayPicker/index.d.ts +1 -1
  189. package/dist/ui/composite/input/weekdayPicker/index.jsx +1 -1
  190. package/dist/ui/composite/input/weekdayPicker/index.jsx.map +1 -1
  191. package/dist/ui/composite/label/index.d.ts +3 -2
  192. package/dist/ui/composite/label/index.jsx +4 -4
  193. package/dist/ui/composite/label/index.jsx.map +1 -1
  194. package/dist/ui/composite/loading/index.jsx.map +1 -0
  195. package/dist/ui/composite/markdown/codeBlock.d.ts +4 -0
  196. package/dist/ui/composite/markdown/codeBlock.jsx +67 -0
  197. package/dist/ui/composite/markdown/codeBlock.jsx.map +1 -0
  198. package/dist/ui/composite/markdown/index.d.ts +3 -0
  199. package/dist/ui/composite/markdown/index.jsx +65 -0
  200. package/dist/ui/composite/markdown/index.jsx.map +1 -0
  201. package/dist/ui/{component/modal/index.d.ts → composite/modal/card.d.ts} +1 -1
  202. package/dist/ui/composite/modal/card.jsx +13 -0
  203. package/dist/ui/composite/modal/card.jsx.map +1 -0
  204. package/dist/ui/composite/modal/index.d.ts +2 -0
  205. package/dist/ui/composite/modal/index.jsx +3 -0
  206. package/dist/ui/composite/modal/index.jsx.map +1 -0
  207. package/dist/ui/{layout/modal/index.jsx → composite/modal/overlay.jsx} +4 -10
  208. package/dist/ui/composite/modal/overlay.jsx.map +1 -0
  209. package/dist/ui/{layout → composite}/object/index.d.ts +2 -3
  210. package/dist/ui/{layout → composite}/object/index.jsx +50 -24
  211. package/dist/ui/composite/object/index.jsx.map +1 -0
  212. package/dist/ui/composite/pageTitle/index.jsx +4 -2
  213. package/dist/ui/composite/pageTitle/index.jsx.map +1 -1
  214. package/dist/ui/composite/popover/index.d.ts +12 -0
  215. package/dist/ui/composite/popover/index.jsx +48 -0
  216. package/dist/ui/composite/popover/index.jsx.map +1 -0
  217. package/dist/ui/composite/stepper/index.d.ts +8 -0
  218. package/dist/ui/composite/stepper/index.jsx +34 -0
  219. package/dist/ui/composite/stepper/index.jsx.map +1 -0
  220. package/dist/ui/composite/table/features.d.ts +15 -0
  221. package/dist/ui/composite/table/features.js +10 -0
  222. package/dist/ui/composite/table/features.js.map +1 -0
  223. package/dist/ui/{layout → composite}/table/index.d.ts +4 -9
  224. package/dist/ui/{layout → composite}/table/index.jsx +10 -23
  225. package/dist/ui/composite/table/index.jsx.map +1 -0
  226. package/dist/ui/composite/toast/index.d.ts +18 -0
  227. package/dist/ui/{layout → composite}/toast/index.jsx +11 -4
  228. package/dist/ui/composite/toast/index.jsx.map +1 -0
  229. package/dist/ui/composite/tooltip/index.d.ts +11 -0
  230. package/dist/ui/composite/tooltip/index.jsx +29 -0
  231. package/dist/ui/composite/tooltip/index.jsx.map +1 -0
  232. package/dist/ui/functional/index.d.ts +5 -5
  233. package/dist/ui/functional/signInForm/index.jsx +1 -1
  234. package/dist/ui/functional/signInForm/index.jsx.map +1 -1
  235. package/dist/ui/layout/app/component.jsx +2 -2
  236. package/dist/ui/layout/app/component.jsx.map +1 -1
  237. package/dist/ui/layout/drawer/index.d.ts +11 -0
  238. package/dist/ui/layout/drawer/index.jsx +73 -0
  239. package/dist/ui/layout/drawer/index.jsx.map +1 -0
  240. package/dist/ui/layout/index.d.ts +38 -351
  241. package/dist/ui/layout/index.js +2 -12
  242. package/dist/ui/layout/index.js.map +1 -1
  243. package/dist/ui/layout/root/index.d.ts +1 -1
  244. package/dist/ui/layout/root/index.jsx +1 -2
  245. package/dist/ui/layout/root/index.jsx.map +1 -1
  246. package/dist/ui/layout/root/provider/index.jsx +0 -4
  247. package/dist/ui/layout/root/provider/index.jsx.map +1 -1
  248. package/dist/ui/layout/tab/component.jsx +3 -3
  249. package/dist/ui/layout/tab/component.jsx.map +1 -1
  250. package/dist/ui/layout/tab/content/index.d.ts +1 -1
  251. package/dist/ui/theme/border/index.d.ts +15 -15
  252. package/dist/ui/theme/border/index.js.map +1 -1
  253. package/dist/ui/theme/color/index.d.ts +24 -23
  254. package/dist/ui/theme/color/index.js +14 -24
  255. package/dist/ui/theme/color/index.js.map +1 -1
  256. package/dist/ui/theme/rounded/index.d.ts +6 -5
  257. package/dist/ui/theme/rounded/index.js +2 -0
  258. package/dist/ui/theme/rounded/index.js.map +1 -1
  259. package/dist/ui/theme/size/index.d.ts +8 -8
  260. package/dist/ui/theme/size/index.js +8 -8
  261. package/dist/ui/theme/size/index.js.map +1 -1
  262. package/dist/ui/types/index.d.ts +16 -2
  263. package/dist/ui/types/index.js +0 -1
  264. package/dist/ui/types/index.js.map +1 -1
  265. package/dist/util/date/impl.js +0 -2
  266. package/dist/util/date/impl.js.map +1 -1
  267. package/dist/util/date/index.d.ts +7 -7
  268. package/dist/util/index.js +8 -20
  269. package/dist/util/index.js.map +1 -1
  270. package/package.json +7 -6
  271. package/dist/ui/component/button/text/index.d.ts +0 -11
  272. package/dist/ui/component/button/text/index.jsx +0 -7
  273. package/dist/ui/component/button/text/index.jsx.map +0 -1
  274. package/dist/ui/component/markdown/index.d.ts +0 -4
  275. package/dist/ui/component/markdown/index.jsx +0 -61
  276. package/dist/ui/component/markdown/index.jsx.map +0 -1
  277. package/dist/ui/component/modal/index.jsx +0 -12
  278. package/dist/ui/component/modal/index.jsx.map +0 -1
  279. package/dist/ui/layout/form/index.jsx.map +0 -1
  280. package/dist/ui/layout/form/renderItem.jsx.map +0 -1
  281. package/dist/ui/layout/loading/index.jsx.map +0 -1
  282. package/dist/ui/layout/modal/index.jsx.map +0 -1
  283. package/dist/ui/layout/object/index.jsx.map +0 -1
  284. package/dist/ui/layout/table/index.jsx.map +0 -1
  285. package/dist/ui/layout/toast/index.d.ts +0 -7
  286. package/dist/ui/layout/toast/index.jsx.map +0 -1
  287. /package/dist/ui/{layout → composite}/loading/index.d.ts +0 -0
  288. /package/dist/ui/{layout → composite}/loading/index.jsx +0 -0
  289. /package/dist/ui/{layout/modal/index.d.ts → composite/modal/overlay.d.ts} +0 -0
@@ -10,18 +10,18 @@ export declare const BaseButton: ({ size, rounded, border, label, icon, image, c
10
10
  border?: BorderProps;
11
11
  label?: string;
12
12
  icon?: IconType;
13
- image?: Omit<ComponentProps<typeof Image>, "alt" | "fill" | "width" | "height"> & {
13
+ image?: Omit<ComponentProps<typeof Image>, 'alt' | 'fill' | 'width' | 'height'> & {
14
14
  square?: boolean;
15
15
  };
16
- } & Omit<ComponentProps<"button">, "color" | "children">) => import("react").JSX.Element;
16
+ } & Omit<ComponentProps<'button'>, 'color' | 'children'>) => import("react").JSX.Element;
17
17
  export declare const BaseLink: ({ size, rounded, border, label, icon, image, className, disabled, ...props }: {
18
18
  size?: ControlSize;
19
19
  rounded?: Rounded;
20
20
  border?: BorderProps;
21
21
  label?: string;
22
22
  icon?: IconType;
23
- image?: Omit<ComponentProps<typeof Image>, "alt" | "fill" | "width" | "height"> & {
23
+ image?: Omit<ComponentProps<typeof Image>, 'alt' | 'fill' | 'width' | 'height'> & {
24
24
  square?: boolean;
25
25
  };
26
26
  disabled?: boolean;
27
- } & Omit<ComponentProps<typeof Link>, "color" | "children" | "disabled" | "onClick">) => import("react").JSX.Element;
27
+ } & Omit<ComponentProps<typeof Link>, 'color' | 'children' | 'disabled' | 'onClick'>) => import("react").JSX.Element;
@@ -16,9 +16,9 @@ export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, borde
16
16
  onClick(e);
17
17
  }
18
18
  }} {...props}>
19
- {icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
19
+ {icon && <Icon icon={icon} className={classNames(getControlSizeClassName(size, true))}/>}
20
20
  {label && (<>
21
- <p>{t(label)}</p>
21
+ <span>{t(label)}</span>
22
22
  {icon && <div />}
23
23
  </>)}
24
24
  {image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
@@ -27,15 +27,15 @@ export const BaseButton = ({ size = ControlSize.base, rounded = Rounded.m, borde
27
27
  </button>);
28
28
  };
29
29
  export const BaseLink = ({ size = ControlSize.base, rounded = Rounded.m, border, label, icon, image, className, disabled, ...props }) => {
30
- const t = useTranslations();
31
30
  const { href, ...restProps } = props;
31
+ const t = useTranslations();
32
32
  const linkClassName = classNames(disabled ? 'clickable-disabled' : 'clickable-enabled', 'size-fit', 'gap-control-padding-md flex items-center justify-center', 'overflow-hidden whitespace-nowrap', 'px-control-padding-base py-control-padding-md', getControlTextSizeClassName(size), getRoundedClassName(rounded), getBorderColorTypeClassName(border), {
33
33
  'p-control-padding-sm!': label === undefined && (icon !== undefined || image !== undefined),
34
34
  }, className);
35
35
  const content = (<>
36
- {icon && (<Icon icon={icon} className={classNames(size === 'sm' && 'size-control-sm!', size === 'md' && 'size-control-md!', size === 'base' && 'size-control-base!', size === 'lg' && 'size-control-base!', size === 'xl' && 'size-control-lg!', size === '2xl' && 'size-control-2xl!', size === '3xl' && 'size-control-3xl!')}/>)}
36
+ {icon && <Icon icon={icon} className={classNames(getControlSizeClassName(size, true))}/>}
37
37
  {label && (<>
38
- <p>{t(label)}</p>
38
+ <span>{t(label)}</span>
39
39
  {icon && <div />}
40
40
  </>)}
41
41
  {image && (<div className={classNames(image.square ? [getControlSizeClassName(size), 'relative'] : [getControlHeightClassName(size), 'relative'])}>
@@ -1 +1 @@
1
- {"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/base.tsx"],"names":[],"mappings":"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"}
@@ -4,8 +4,8 @@ import { BaseButton, BaseLink } from '../base';
4
4
  export declare const Colored: ({ color, container, className, ...props }: {
5
5
  color: ColorTypes;
6
6
  container?: boolean;
7
- } & Omit<ComponentProps<typeof BaseButton>, "image">) => import("react").JSX.Element;
7
+ } & Omit<ComponentProps<typeof BaseButton>, 'image'>) => import("react").JSX.Element;
8
8
  export declare const ColoredLink: ({ color, container, className, ...props }: {
9
9
  color: ColorTypes;
10
10
  container?: boolean;
11
- } & Omit<ComponentProps<typeof BaseLink>, "image">) => import("react").JSX.Element;
11
+ } & Omit<ComponentProps<typeof BaseLink>, 'image'>) => import("react").JSX.Element;
@@ -1,4 +1,4 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { BaseButton, BaseLink } from '../base';
3
- export declare const Imaged: (props: Omit<ComponentProps<typeof BaseButton>, "icon">) => import("react").JSX.Element;
4
- export declare const ImagedLink: (props: Omit<ComponentProps<typeof BaseLink>, "icon">) => import("react").JSX.Element;
3
+ export declare const Imaged: (props: Omit<ComponentProps<typeof BaseButton>, 'icon'>) => import("react").JSX.Element;
4
+ export declare const ImagedLink: (props: Omit<ComponentProps<typeof BaseLink>, 'icon'>) => import("react").JSX.Element;
@@ -1,18 +1,13 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { Colored, ColoredLink } from './colored';
3
3
  import { Imaged, ImagedLink } from './image';
4
- import { Text, TextLink } from './text';
5
4
  export declare const Button: ({ variant, ...props }: ({
6
- variant: "colored";
5
+ variant: 'colored';
7
6
  } & ComponentProps<typeof Colored>) | ({
8
- variant: "text";
9
- } & ComponentProps<typeof Text>) | ({
10
- variant: "image";
7
+ variant: 'image';
11
8
  } & ComponentProps<typeof Imaged>)) => import("react").JSX.Element;
12
9
  export declare const LinkButton: ({ variant, ...props }: ({
13
- variant: "colored";
10
+ variant: 'colored';
14
11
  } & ComponentProps<typeof ColoredLink>) | ({
15
- variant: "text";
16
- } & ComponentProps<typeof TextLink>) | ({
17
- variant: "image";
12
+ variant: 'image';
18
13
  } & ComponentProps<typeof ImagedLink>)) => import("react").JSX.Element;
@@ -1,13 +1,10 @@
1
1
  'use client';
2
2
  import { Colored, ColoredLink } from './colored';
3
3
  import { Imaged, ImagedLink } from './image';
4
- import { Text, TextLink } from './text';
5
4
  export const Button = ({ variant, ...props }) => {
6
5
  switch (variant) {
7
6
  case 'colored':
8
7
  return <Colored {...props}/>;
9
- case 'text':
10
- return <Text {...props}/>;
11
8
  case 'image':
12
9
  return <Imaged {...props}/>;
13
10
  }
@@ -16,8 +13,6 @@ export const LinkButton = ({ variant, ...props }) => {
16
13
  switch (variant) {
17
14
  case 'colored':
18
15
  return <ColoredLink {...props}/>;
19
- case 'text':
20
- return <TextLink {...props}/>;
21
16
  case 'image':
22
17
  return <ImagedLink {...props}/>;
23
18
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,GAAG,KAAK,EAIgD,EAAE,EAAE;IAC5D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,OAAO,CAAC,IAAK,KAAwC,CAAC,EAAG,CAAA;QACnE,KAAK,MAAM;YACT,OAAO,CAAC,IAAI,CAAC,IAAK,KAAqC,CAAC,EAAG,CAAA;QAC7D,KAAK,OAAO;YACV,OAAO,CAAC,MAAM,CAAC,IAAK,KAAuC,CAAC,EAAG,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EAIoD,EAAE,EAAE;IAChE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,WAAW,CAAC,IAAK,KAA4C,CAAC,EAAG,CAAA;QAC3E,KAAK,MAAM;YACT,OAAO,CAAC,QAAQ,CAAC,IAAK,KAAyC,CAAC,EAAG,CAAA;QACrE,KAAK,OAAO;YACV,OAAO,CAAC,UAAU,CAAC,IAAK,KAA2C,CAAC,EAAG,CAAA;IAC3E,CAAC;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAIZ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,GAAG,KAAK,EAGgD,EAAE,EAAE;IAC5D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,OAAO,CAAC,IAAK,KAAwC,CAAC,EAAG,CAAA;QACnE,KAAK,OAAO;YACV,OAAO,CAAC,MAAM,CAAC,IAAK,KAAuC,CAAC,EAAG,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EAGoD,EAAE,EAAE;IAChE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,CAAC,WAAW,CAAC,IAAK,KAA4C,CAAC,EAAG,CAAA;QAC3E,KAAK,OAAO;YACV,OAAO,CAAC,UAAU,CAAC,IAAK,KAA2C,CAAC,EAAG,CAAA;IAC3E,CAAC;AACH,CAAC,CAAA"}
@@ -13,7 +13,7 @@ export const Card = ({ border = true, shadow = true, selected = false, rounded =
13
13
  width: BorderWidth.base,
14
14
  type: 'outline',
15
15
  }),
16
- getTextColorTypeClassName(TextColorTypes.primary, true),
16
+ getTextColorTypeClassName(TextColorTypes.primary),
17
17
  ], getRoundedClassName(rounded), className)} onClick={onClick} style={style}>
18
18
  {children}
19
19
  </div>);
@@ -1 +1 @@
1
- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GAUN,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gDAAgD,EAChD,MAAM,IAAI,WAAW,EACrB,OAAO,KAAK,SAAS,IAAI,iCAAiC,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAC/D,2BAA2B,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;QAChE,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,IAAI,EAAE,SAAS;KAChB,CAAC,EACF,QAAQ,IAAI;QACV,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,yBAAyB,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC;KACxD,EACD,mBAAmB,CAAC,OAAO,CAAC,EAC5B,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/card/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAGnC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,EAC/B,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,GAAG,IAAI,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GAUN,EAAE,EAAE,CAAC,CACJ,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,gDAAgD,EAChD,MAAM,IAAI,WAAW,EACrB,OAAO,KAAK,SAAS,IAAI,iCAAiC,EAC1D,+BAA+B,CAAC,oBAAoB,CAAC,SAAS,CAAC,EAC/D,2BAA2B,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI;QAChE,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,IAAI,EAAE,SAAS;KAChB,CAAC,EACF,QAAQ,IAAI;QACV,2BAA2B,CAAC;YAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO;YAC/B,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,IAAI,EAAE,SAAS;SAChB,CAAC;QACF,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC;KAClD,EACD,mBAAmB,CAAC,OAAO,CAAC,EAC5B,SAAS,CACV,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,GAAG,CAAC,CACP,CAAA"}
@@ -2,6 +2,6 @@ import type { IconType } from '../../types';
2
2
  export declare const Icon: ({ icon, className }: {
3
3
  icon: IconType;
4
4
  className?: string;
5
- }) => import("react").DetailedReactHTMLElement<{
5
+ }) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedReactHTMLElement<{
6
6
  className: string | undefined;
7
- }, HTMLElement> | import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
7
+ }, HTMLElement>;
@@ -1,103 +1,100 @@
1
- import * as card from './card';
2
1
  export declare const Component: {
2
+ LoadingSpinner: ({ size }: {
3
+ size?: number;
4
+ }) => import("react").JSX.Element;
5
+ Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
6
+ border?: boolean;
7
+ shadow?: boolean;
8
+ selected?: boolean;
9
+ rounded?: import("..").Rounded;
10
+ className?: string;
11
+ children: import("react").ReactNode;
12
+ onClick?: () => void;
13
+ style?: React.CSSProperties;
14
+ }) => import("react").JSX.Element;
15
+ Icon: ({ icon, className }: {
16
+ icon: import("..").IconType;
17
+ className?: string;
18
+ }) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedReactHTMLElement<{
19
+ className: string | undefined;
20
+ }, HTMLElement>;
21
+ Button: ({ variant, ...props }: ({
22
+ variant: 'colored';
23
+ } & import("react").ComponentProps<typeof import("./button/colored").Colored>) | ({
24
+ variant: 'image';
25
+ } & import("react").ComponentProps<typeof import("./button/image").Imaged>)) => import("react").JSX.Element;
26
+ LinkButton: ({ variant, ...props }: ({
27
+ variant: 'colored';
28
+ } & import("react").ComponentProps<typeof import("./button/colored").ColoredLink>) | ({
29
+ variant: 'image';
30
+ } & import("react").ComponentProps<typeof import("./button/image").ImagedLink>)) => import("react").JSX.Element;
31
+ ProgressBar: ({ value, color, label, showValue, rounded, className, }: {
32
+ value: number;
33
+ color?: import("..").ColorTypes;
34
+ label?: string;
35
+ showValue?: boolean;
36
+ rounded?: import("..").Rounded;
37
+ className?: string;
38
+ }) => import("react").JSX.Element;
39
+ Skeleton: ({ variant, lines, width, height, animate, rounded, className, }: {
40
+ variant?: 'text' | 'rect' | 'circle';
41
+ lines?: number;
42
+ width?: number | string;
43
+ height?: number | string;
44
+ animate?: boolean;
45
+ rounded?: import("..").Rounded;
46
+ className?: string;
47
+ }) => import("react").JSX.Element;
3
48
  NoSSR: ({ children, fallback }: {
4
49
  children: import("react").ReactNode;
5
50
  fallback?: import("react").ReactNode;
6
51
  }) => import("react").ReactNode;
7
52
  Typography: {
8
- Pre: ({ color, container, disabled, className, children, ...props }: {
53
+ H1: ({ color, disabled, className, children, ...props }: {
9
54
  color?: import("..").TextColorTypes;
10
- container?: boolean;
11
55
  disabled?: boolean;
12
- } & Omit<import("react").ComponentProps<"pre">, "color">) => import("react").JSX.Element;
13
- P: ({ color, container, disabled, className, children, ...props }: {
56
+ } & Omit<import("react").ComponentProps<'h1'>, 'color'>) => import("react").JSX.Element;
57
+ H2: ({ color, disabled, className, children, ...props }: {
14
58
  color?: import("..").TextColorTypes;
15
- container?: boolean;
16
59
  disabled?: boolean;
17
- } & Omit<import("react").ComponentProps<"p">, "color">) => import("react").JSX.Element;
18
- LinkText: ({ color, container, disabled, className, children, ...props }: {
60
+ } & Omit<import("react").ComponentProps<'h2'>, 'color'>) => import("react").JSX.Element;
61
+ H3: ({ color, disabled, className, children, ...props }: {
19
62
  color?: import("..").TextColorTypes;
20
- container?: boolean;
21
63
  disabled?: boolean;
22
- } & Omit<import("react").ComponentProps<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
23
- children?: React.ReactNode | undefined;
24
- } & import("react").RefAttributes<HTMLAnchorElement>>>, "color">) => import("react").JSX.Element;
25
- Label: ({ color, container, disabled, className, children, ...props }: {
64
+ } & Omit<import("react").ComponentProps<'h3'>, 'color'>) => import("react").JSX.Element;
65
+ H4: ({ color, disabled, className, children, ...props }: {
66
+ color?: import("..").TextColorTypes;
67
+ disabled?: boolean;
68
+ } & Omit<import("react").ComponentProps<'h4'>, 'color'>) => import("react").JSX.Element;
69
+ H5: ({ color, disabled, className, children, ...props }: {
26
70
  color?: import("..").TextColorTypes;
27
- container?: boolean;
28
71
  disabled?: boolean;
29
- } & Omit<import("react").ComponentProps<"label">, "color">) => import("react").JSX.Element;
30
- H6: ({ color, container, disabled, className, children, ...props }: {
72
+ } & Omit<import("react").ComponentProps<'h5'>, 'color'>) => import("react").JSX.Element;
73
+ H6: ({ color, disabled, className, children, ...props }: {
31
74
  color?: import("..").TextColorTypes;
32
- container?: boolean;
33
75
  disabled?: boolean;
34
- } & Omit<import("react").ComponentProps<"h6">, "color">) => import("react").JSX.Element;
35
- H5: ({ color, container, disabled, className, children, ...props }: {
76
+ } & Omit<import("react").ComponentProps<'h6'>, 'color'>) => import("react").JSX.Element;
77
+ Label: ({ color, disabled, className, children, ...props }: {
36
78
  color?: import("..").TextColorTypes;
37
- container?: boolean;
38
79
  disabled?: boolean;
39
- } & Omit<import("react").ComponentProps<"h5">, "color">) => import("react").JSX.Element;
40
- H4: ({ color, container, disabled, className, children, ...props }: {
80
+ } & Omit<import("react").ComponentProps<'label'>, 'color'>) => import("react").JSX.Element;
81
+ LinkText: ({ color, disabled, className, children, ...props }: {
41
82
  color?: import("..").TextColorTypes;
42
- container?: boolean;
43
83
  disabled?: boolean;
44
- } & Omit<import("react").ComponentProps<"h4">, "color">) => import("react").JSX.Element;
45
- H3: ({ color, container, disabled, className, children, ...props }: {
84
+ } & Omit<import("react").ComponentProps<import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof import("next/link").LinkProps<any>> & import("next/link").LinkProps<any> & {
85
+ children?: React.ReactNode | undefined;
86
+ } & import("react").RefAttributes<HTMLAnchorElement>>>, 'color'>) => import("react").JSX.Element;
87
+ P: ({ color, disabled, className, children, ...props }: {
46
88
  color?: import("..").TextColorTypes;
47
- container?: boolean;
48
89
  disabled?: boolean;
49
- } & Omit<import("react").ComponentProps<"h3">, "color">) => import("react").JSX.Element;
50
- H2: ({ color, container, disabled, className, children, ...props }: {
90
+ } & Omit<import("react").ComponentProps<'p'>, 'color'>) => import("react").JSX.Element;
91
+ Pre: ({ color, disabled, className, children, ...props }: {
51
92
  color?: import("..").TextColorTypes;
52
- container?: boolean;
53
93
  disabled?: boolean;
54
- } & Omit<import("react").ComponentProps<"h2">, "color">) => import("react").JSX.Element;
55
- H1: ({ color, container, disabled, className, children, ...props }: {
94
+ } & Omit<import("react").ComponentProps<'pre'>, 'color'>) => import("react").JSX.Element;
95
+ Span: ({ color, disabled, className, children, ...props }: {
56
96
  color?: import("..").TextColorTypes;
57
- container?: boolean;
58
97
  disabled?: boolean;
59
- } & Omit<import("react").ComponentProps<"h1">, "color">) => import("react").JSX.Element;
98
+ } & Omit<import("react").ComponentProps<'span'>, 'color'>) => import("react").JSX.Element;
60
99
  };
61
- ModalCard: ({ showCloseButton, onClickClose, id, className, children, ...props }: {
62
- showCloseButton?: boolean;
63
- onClickClose?: (id?: string) => void;
64
- id?: string;
65
- } & import("react").ComponentProps<typeof card.Card>) => import("react").JSX.Element;
66
- Markdown: ({ container, children }: {
67
- container?: boolean;
68
- children: string;
69
- }) => import("react").JSX.Element;
70
- LoadingSpinner: ({ size }: {
71
- size?: number;
72
- }) => import("react").JSX.Element;
73
- Icon: ({ icon, className }: {
74
- icon: import("..").IconType;
75
- className?: string;
76
- }) => import("react").DetailedReactHTMLElement<{
77
- className: string | undefined;
78
- }, HTMLElement> | import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
79
- Card: ({ border, shadow, selected, rounded, className, children, onClick, style, }: {
80
- border?: boolean;
81
- shadow?: boolean;
82
- selected?: boolean;
83
- rounded?: import("..").Rounded;
84
- className?: string;
85
- children: import("react").ReactNode;
86
- onClick?: () => void;
87
- style?: React.CSSProperties;
88
- }) => import("react").JSX.Element;
89
- Button: ({ variant, ...props }: ({
90
- variant: "colored";
91
- } & import("react").ComponentProps<typeof import("./button/colored").Colored>) | ({
92
- variant: "text";
93
- } & import("react").ComponentProps<typeof import("./button/text").Text>) | ({
94
- variant: "image";
95
- } & import("react").ComponentProps<typeof import("./button/image").Imaged>)) => import("react").JSX.Element;
96
- LinkButton: ({ variant, ...props }: ({
97
- variant: "colored";
98
- } & import("react").ComponentProps<typeof import("./button/colored").ColoredLink>) | ({
99
- variant: "text";
100
- } & import("react").ComponentProps<typeof import("./button/text").TextLink>) | ({
101
- variant: "image";
102
- } & import("react").ComponentProps<typeof import("./button/image").ImagedLink>)) => import("react").JSX.Element;
103
100
  };
@@ -2,8 +2,8 @@ import * as button from './button';
2
2
  import * as card from './card';
3
3
  import * as icon from './icon';
4
4
  import * as loading from './loading';
5
- import * as markdown from './markdown';
6
- import * as modal from './modal';
5
+ import * as progressBar from './progressBar';
6
+ import * as skeleton from './skeleton';
7
7
  import * as ssr from './ssr';
8
8
  import * as typography from './typography';
9
9
  export const Component = {
@@ -11,8 +11,8 @@ export const Component = {
11
11
  ...card,
12
12
  ...icon,
13
13
  ...loading,
14
- ...markdown,
15
- ...modal,
14
+ ...progressBar,
15
+ ...skeleton,
16
16
  ...typography,
17
17
  ...ssr,
18
18
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,IAAI;IACP,GAAG,OAAO;IACV,GAAG,QAAQ;IACX,GAAG,KAAK;IACR,GAAG,UAAU;IACb,GAAG,GAAG;CACP,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/component/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAC9B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AACpC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAA;AACtC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,GAAG,MAAM;IACT,GAAG,IAAI;IACP,GAAG,IAAI;IACP,GAAG,OAAO;IACV,GAAG,WAAW;IACd,GAAG,QAAQ;IACX,GAAG,UAAU;IACb,GAAG,GAAG;CACP,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { ColorTypes, Rounded } from '../../theme';
2
+ export declare const ProgressBar: ({ value, color, label, showValue, rounded, className, }: {
3
+ value: number;
4
+ color?: ColorTypes;
5
+ label?: string;
6
+ showValue?: boolean;
7
+ rounded?: Rounded;
8
+ className?: string;
9
+ }) => import("react").JSX.Element;
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import classNames from 'classnames';
3
+ import { useTranslations } from 'next-intl';
4
+ import { ColorTypes, getColorTypeClassName, getRoundedClassName, getTextColorTypeClassName, Rounded, TextColorTypes, } from '../../theme';
5
+ export const ProgressBar = ({ value, color = ColorTypes.primary, label, showValue = false, rounded = Rounded.full, className, }) => {
6
+ const t = useTranslations();
7
+ const clamped = Math.min(100, Math.max(0, value));
8
+ return (<div className={classNames('flex w-full items-center gap-control-padding-lg', className)}>
9
+ <div role='progressbar' aria-valuenow={clamped} aria-valuemin={0} aria-valuemax={100} aria-label={label === undefined ? undefined : t(label)} className={classNames('h-control-xs w-full overflow-hidden bg-outline-default', getRoundedClassName(rounded))}>
10
+ <div className={classNames('h-full transition-all', getColorTypeClassName(color, false))} style={{ width: `${clamped}%` }}/>
11
+ </div>
12
+ {showValue && (<span className={classNames('shrink-0 text-sm tabular-nums', getTextColorTypeClassName(TextColorTypes.main))}>{`${Math.round(clamped)}%`}</span>)}
13
+ </div>);
14
+ };
15
+ //# sourceMappingURL=index.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/progressBar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAE3C,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,EACzB,OAAO,EACP,cAAc,GACf,MAAM,aAAa,CAAA;AAEpB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,GAAG,UAAU,CAAC,OAAO,EAC1B,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,OAAO,CAAC,IAAI,EACtB,SAAS,GAQV,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;IACjD,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,iDAAiD,EAAE,SAAS,CAAC,CAAC,CACvF;MAAA,CAAC,GAAG,CACF,IAAI,CAAC,aAAa,CAClB,aAAa,CAAC,CAAC,OAAO,CAAC,CACvB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,UAAU,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACvD,SAAS,CAAC,CAAC,UAAU,CAAC,wDAAwD,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAE9G;QAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CACpF,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,CAAC,EAEpC;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,UAAU,CAAC,+BAA+B,EAAE,yBAAyB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CACxG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CACpC,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { Rounded } from '../../theme';
2
+ export declare const Skeleton: ({ variant, lines, width, height, animate, rounded, className, }: {
3
+ variant?: 'text' | 'rect' | 'circle';
4
+ lines?: number;
5
+ width?: number | string;
6
+ height?: number | string;
7
+ animate?: boolean;
8
+ rounded?: Rounded;
9
+ className?: string;
10
+ }) => import("react").JSX.Element;
@@ -0,0 +1,35 @@
1
+ 'use client';
2
+ import classNames from 'classnames';
3
+ import { getRoundedClassName, Rounded } from '../../theme';
4
+ export const Skeleton = ({ variant = 'rect', lines = 1, width, height, animate = true, rounded = Rounded.s, className, }) => {
5
+ const block = classNames('w-full bg-outline-default', getRoundedClassName(variant === 'circle' ? Rounded.half : rounded), className);
6
+ const shimmer = animate ? { animation: 'skeleton-shimmer 1.5s ease-in-out infinite' } : {};
7
+ const keyframes = (<style>
8
+ {`
9
+ @keyframes skeleton-shimmer {
10
+ 0% {
11
+ opacity: 0.4;
12
+ }
13
+ 50% {
14
+ opacity: 1;
15
+ }
16
+ 100% {
17
+ opacity: 0.4;
18
+ }
19
+ }
20
+ `}
21
+ </style>);
22
+ if (variant === 'text') {
23
+ return (<div aria-hidden='true' className='flex w-full flex-col gap-control-padding-base' style={{ width }}>
24
+ {keyframes}
25
+ {Array.from({ length: lines }, (_, i) => (<div key={i} className={classNames(block, 'h-control-sm')} style={{ ...shimmer, width: lines > 1 && i === lines - 1 ? '66%' : undefined }}/>))}
26
+ </div>);
27
+ }
28
+ return (<>
29
+ {keyframes}
30
+ <div aria-hidden='true' className={classNames(block, variant === 'circle' ? 'shrink-0' : 'h-control-3xl')} style={variant === 'circle'
31
+ ? { ...shimmer, width: width ?? height ?? 48, height: height ?? width ?? 48 }
32
+ : { ...shimmer, width, height }}/>
33
+ </>);
34
+ };
35
+ //# sourceMappingURL=index.jsx.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/ui/component/skeleton/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,EACN,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,OAAO,CAAC,CAAC,EACnB,SAAS,GASV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CACtB,2BAA2B,EAC3B,mBAAmB,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAClE,SAAS,CACV,CAAA;IACD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,4CAA4C,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1F,MAAM,SAAS,GAAG,CAChB,CAAC,KAAK,CACJ;MAAA,CAAC;;;;;;;;;;;;OAYA,CACH;IAAA,EAAE,KAAK,CAAC,CACT,CAAA;IACD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,+CAA+C,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CACjG;QAAA,CAAC,SAAS,CACV;QAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,SAAS,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAC7C,KAAK,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EAC/E,CACH,CAAC,CACJ;MAAA,EAAE,GAAG,CAAC,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,EACE;MAAA,CAAC,SAAS,CACV;MAAA,CAAC,GAAG,CACF,WAAW,CAAC,MAAM,CAClB,SAAS,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAClF,KAAK,CAAC,CACJ,OAAO,KAAK,QAAQ;YAClB,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,EAAE;YAC7E,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EACjC,CAAC,EAEL;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,6 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { TextColorTypes } from '../../../theme';
3
- export declare const H1: ({ color, container, disabled, className, children, ...props }: {
3
+ export declare const H1: ({ color, disabled, className, children, ...props }: {
4
4
  color?: TextColorTypes;
5
- container?: boolean;
6
5
  disabled?: boolean;
7
- } & Omit<ComponentProps<"h1">, "color">) => import("react").JSX.Element;
6
+ } & Omit<ComponentProps<'h1'>, 'color'>) => import("react").JSX.Element;
@@ -2,10 +2,10 @@
2
2
  import classNames from 'classnames';
3
3
  import { useTranslations } from 'next-intl';
4
4
  import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
5
- export const H1 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
5
+ export const H1 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
6
6
  const t = useTranslations();
7
7
  const translatedChildren = typeof children === 'string' ? t(children) : children;
8
- return (<h1 className={classNames(className, getTextColorTypeClassName(color, container), 'text-3xl', disabled && 'opacity-50')} {...props}>
8
+ return (<h1 className={classNames(className, getTextColorTypeClassName(color), 'text-3xl', disabled && 'opacity-50')} {...props}>
9
9
  {translatedChildren}
10
10
  </h1>);
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H1/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACzG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,6 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { TextColorTypes } from '../../../theme';
3
- export declare const H2: ({ color, container, disabled, className, children, ...props }: {
3
+ export declare const H2: ({ color, disabled, className, children, ...props }: {
4
4
  color?: TextColorTypes;
5
- container?: boolean;
6
5
  disabled?: boolean;
7
- } & Omit<ComponentProps<"h2">, "color">) => import("react").JSX.Element;
6
+ } & Omit<ComponentProps<'h2'>, 'color'>) => import("react").JSX.Element;
@@ -2,10 +2,10 @@
2
2
  import classNames from 'classnames';
3
3
  import { useTranslations } from 'next-intl';
4
4
  import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
5
- export const H2 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
5
+ export const H2 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
6
6
  const t = useTranslations();
7
7
  const translatedChildren = typeof children === 'string' ? t(children) : children;
8
- return (<h2 className={classNames(className, getTextColorTypeClassName(color, container), 'text-2xl', disabled && 'opacity-50')} {...props}>
8
+ return (<h2 className={classNames(className, getTextColorTypeClassName(color), 'text-2xl', disabled && 'opacity-50')} {...props}>
9
9
  {translatedChildren}
10
10
  </h2>);
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,UAAU,EACV,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H2/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACzG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,6 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { TextColorTypes } from '../../../theme';
3
- export declare const H3: ({ color, container, disabled, className, children, ...props }: {
3
+ export declare const H3: ({ color, disabled, className, children, ...props }: {
4
4
  color?: TextColorTypes;
5
- container?: boolean;
6
5
  disabled?: boolean;
7
- } & Omit<ComponentProps<"h3">, "color">) => import("react").JSX.Element;
6
+ } & Omit<ComponentProps<'h3'>, 'color'>) => import("react").JSX.Element;
@@ -2,10 +2,10 @@
2
2
  import classNames from 'classnames';
3
3
  import { useTranslations } from 'next-intl';
4
4
  import { getTextColorTypeClassName, TextColorTypes } from '../../../theme';
5
- export const H3 = ({ color = TextColorTypes.main, container = false, disabled, className, children, ...props }) => {
5
+ export const H3 = ({ color = TextColorTypes.main, disabled, className, children, ...props }) => {
6
6
  const t = useTranslations();
7
7
  const translatedChildren = typeof children === 'string' ? t(children) : children;
8
- return (<h3 className={classNames(className, getTextColorTypeClassName(color, container), 'text-xl', disabled && 'opacity-50')} {...props}>
8
+ return (<h3 className={classNames(className, getTextColorTypeClassName(color), 'text-xl', disabled && 'opacity-50')} {...props}>
9
9
  {translatedChildren}
10
10
  </h3>);
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAK6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,SAAS,EACT,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC3C,SAAS,EACT,QAAQ,IAAI,YAAY,CACzB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/ui/component/typography/H3/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjB,KAAK,GAAG,cAAc,CAAC,IAAI,EAC3B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAI6B,EAAE,EAAE;IACzC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAA;IAC3B,MAAM,kBAAkB,GAAc,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC3F,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,CAAC,CAAC,CACxG,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,kBAAkB,CACrB;IAAA,EAAE,EAAE,CAAC,CACN,CAAA;AACH,CAAC,CAAA"}
@@ -1,7 +1,6 @@
1
1
  import type { ComponentProps } from 'react';
2
2
  import { TextColorTypes } from '../../../theme';
3
- export declare const H4: ({ color, container, disabled, className, children, ...props }: {
3
+ export declare const H4: ({ color, disabled, className, children, ...props }: {
4
4
  color?: TextColorTypes;
5
- container?: boolean;
6
5
  disabled?: boolean;
7
- } & Omit<ComponentProps<"h4">, "color">) => import("react").JSX.Element;
6
+ } & Omit<ComponentProps<'h4'>, 'color'>) => import("react").JSX.Element;