@krrli/cm-designsystem 1.32.1 → 1.32.3

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 (250) hide show
  1. package/dist/assets/fallback.png.js +4 -0
  2. package/dist/cm-designsystem.css +1944 -1
  3. package/dist/components/accessible-button/AccessibleButton.d.ts +1 -0
  4. package/dist/components/accessible-button/AccessibleButton.d.ts.map +1 -0
  5. package/dist/components/accessible-button/AccessibleButton.js +29 -11
  6. package/dist/components/avatar/Avatar.d.ts +4 -3
  7. package/dist/components/avatar/Avatar.d.ts.map +1 -0
  8. package/dist/components/avatar/Avatar.js +91 -65
  9. package/dist/components/branding/BrandingGallery.d.ts +1 -0
  10. package/dist/components/branding/BrandingGallery.d.ts.map +1 -0
  11. package/dist/components/branding/BrandingGallery.js +212 -145
  12. package/dist/components/branding/app-icon-gradient.svg.js +4 -0
  13. package/dist/components/branding/app-icon-white.svg.js +4 -0
  14. package/dist/components/branding/hover-logo-default.svg.js +4 -0
  15. package/dist/components/branding/hover-logo-hovered.svg.js +4 -0
  16. package/dist/components/branding/logo-inline-gradient.svg.js +4 -0
  17. package/dist/components/branding/logo-inline-violet.svg.js +4 -0
  18. package/dist/components/branding/logo-inline-white.svg.js +4 -0
  19. package/dist/components/branding/logo-stacked-gradient.svg.js +4 -0
  20. package/dist/components/branding/logo-stacked-violet.svg.js +4 -0
  21. package/dist/components/branding/logo-stacked-white.svg.js +4 -0
  22. package/dist/components/branding/superzeichen.svg.js +4 -0
  23. package/dist/components/button/Button.d.ts +6 -5
  24. package/dist/components/button/Button.d.ts.map +1 -0
  25. package/dist/components/button/Button.js +61 -55
  26. package/dist/components/color/ColorDoc.d.ts +1 -0
  27. package/dist/components/color/ColorDoc.d.ts.map +1 -0
  28. package/dist/components/color/ColorDoc.js +26 -7
  29. package/dist/components/file-upload/FileUpload.d.ts +34 -33
  30. package/dist/components/file-upload/FileUpload.d.ts.map +1 -0
  31. package/dist/components/file-upload/FileUpload.js +129 -66
  32. package/dist/components/form/Form.d.ts +14 -13
  33. package/dist/components/form/Form.d.ts.map +1 -0
  34. package/dist/components/form/Form.js +33 -26
  35. package/dist/components/icon-button/IconButton.d.ts +7 -6
  36. package/dist/components/icon-button/IconButton.d.ts.map +1 -0
  37. package/dist/components/icon-button/IconButton.js +33 -29
  38. package/dist/components/icons/IconBase.d.ts +1 -0
  39. package/dist/components/icons/IconBase.d.ts.map +1 -0
  40. package/dist/components/icons/IconBase.js +21 -6
  41. package/dist/components/icons/generated/ArrowDown.d.ts +2 -1
  42. package/dist/components/icons/generated/ArrowDown.d.ts.map +1 -0
  43. package/dist/components/icons/generated/ArrowDown.js +15 -4
  44. package/dist/components/icons/generated/ArrowLeft.d.ts +2 -1
  45. package/dist/components/icons/generated/ArrowLeft.d.ts.map +1 -0
  46. package/dist/components/icons/generated/ArrowLeft.js +15 -4
  47. package/dist/components/icons/generated/ArrowRight.d.ts +2 -1
  48. package/dist/components/icons/generated/ArrowRight.d.ts.map +1 -0
  49. package/dist/components/icons/generated/ArrowRight.js +15 -4
  50. package/dist/components/icons/generated/ArrowUp.d.ts +2 -1
  51. package/dist/components/icons/generated/ArrowUp.d.ts.map +1 -0
  52. package/dist/components/icons/generated/ArrowUp.js +15 -4
  53. package/dist/components/icons/generated/Calendar.d.ts +2 -1
  54. package/dist/components/icons/generated/Calendar.d.ts.map +1 -0
  55. package/dist/components/icons/generated/Calendar.js +15 -4
  56. package/dist/components/icons/generated/Cancel.d.ts +2 -1
  57. package/dist/components/icons/generated/Cancel.d.ts.map +1 -0
  58. package/dist/components/icons/generated/Cancel.js +12 -4
  59. package/dist/components/icons/generated/Checkmark.d.ts +2 -1
  60. package/dist/components/icons/generated/Checkmark.d.ts.map +1 -0
  61. package/dist/components/icons/generated/Checkmark.js +12 -4
  62. package/dist/components/icons/generated/Edit.d.ts +2 -1
  63. package/dist/components/icons/generated/Edit.d.ts.map +1 -0
  64. package/dist/components/icons/generated/Edit.js +9 -4
  65. package/dist/components/icons/generated/Eye.d.ts +2 -1
  66. package/dist/components/icons/generated/Eye.d.ts.map +1 -0
  67. package/dist/components/icons/generated/Eye.js +15 -4
  68. package/dist/components/icons/generated/Fullscreen.d.ts +2 -1
  69. package/dist/components/icons/generated/Fullscreen.d.ts.map +1 -0
  70. package/dist/components/icons/generated/Fullscreen.js +9 -4
  71. package/dist/components/icons/generated/HeartFilled.d.ts +2 -1
  72. package/dist/components/icons/generated/HeartFilled.d.ts.map +1 -0
  73. package/dist/components/icons/generated/HeartFilled.js +15 -4
  74. package/dist/components/icons/generated/HeartOutline.d.ts +2 -1
  75. package/dist/components/icons/generated/HeartOutline.d.ts.map +1 -0
  76. package/dist/components/icons/generated/HeartOutline.js +15 -4
  77. package/dist/components/icons/generated/Location.d.ts +2 -1
  78. package/dist/components/icons/generated/Location.d.ts.map +1 -0
  79. package/dist/components/icons/generated/Location.js +15 -4
  80. package/dist/components/icons/generated/LogOut.d.ts +2 -1
  81. package/dist/components/icons/generated/LogOut.d.ts.map +1 -0
  82. package/dist/components/icons/generated/LogOut.js +12 -4
  83. package/dist/components/icons/generated/Mumble.d.ts +2 -1
  84. package/dist/components/icons/generated/Mumble.d.ts.map +1 -0
  85. package/dist/components/icons/generated/Mumble.js +13 -4
  86. package/dist/components/icons/generated/Profile.d.ts +2 -1
  87. package/dist/components/icons/generated/Profile.d.ts.map +1 -0
  88. package/dist/components/icons/generated/Profile.js +12 -4
  89. package/dist/components/icons/generated/ReplyFilled.d.ts +2 -1
  90. package/dist/components/icons/generated/ReplyFilled.d.ts.map +1 -0
  91. package/dist/components/icons/generated/ReplyFilled.js +15 -4
  92. package/dist/components/icons/generated/ReplyOutline.d.ts +2 -1
  93. package/dist/components/icons/generated/ReplyOutline.d.ts.map +1 -0
  94. package/dist/components/icons/generated/ReplyOutline.js +15 -4
  95. package/dist/components/icons/generated/Repost.d.ts +2 -1
  96. package/dist/components/icons/generated/Repost.d.ts.map +1 -0
  97. package/dist/components/icons/generated/Repost.js +15 -4
  98. package/dist/components/icons/generated/Send.d.ts +2 -1
  99. package/dist/components/icons/generated/Send.d.ts.map +1 -0
  100. package/dist/components/icons/generated/Send.js +15 -4
  101. package/dist/components/icons/generated/Settings.d.ts +2 -1
  102. package/dist/components/icons/generated/Settings.d.ts.map +1 -0
  103. package/dist/components/icons/generated/Settings.js +15 -4
  104. package/dist/components/icons/generated/Share.d.ts +2 -1
  105. package/dist/components/icons/generated/Share.d.ts.map +1 -0
  106. package/dist/components/icons/generated/Share.js +12 -4
  107. package/dist/components/icons/generated/Time.d.ts +2 -1
  108. package/dist/components/icons/generated/Time.d.ts.map +1 -0
  109. package/dist/components/icons/generated/Time.js +12 -4
  110. package/dist/components/icons/generated/Upload.d.ts +2 -1
  111. package/dist/components/icons/generated/Upload.d.ts.map +1 -0
  112. package/dist/components/icons/generated/Upload.js +21 -4
  113. package/dist/components/icons/generated/index.d.ts +25 -24
  114. package/dist/components/icons/generated/index.d.ts.map +1 -0
  115. package/dist/components/index.d.ts +28 -27
  116. package/dist/components/index.d.ts.map +1 -0
  117. package/dist/components/input/Input.d.ts +6 -5
  118. package/dist/components/input/Input.d.ts.map +1 -0
  119. package/dist/components/input/Input.js +67 -41
  120. package/dist/components/like-toggle/LikeToggle.d.ts +4 -3
  121. package/dist/components/like-toggle/LikeToggle.d.ts.map +1 -0
  122. package/dist/components/like-toggle/LikeToggle.js +203 -176
  123. package/dist/components/logo-link/LogoLink.d.ts +1 -0
  124. package/dist/components/logo-link/LogoLink.d.ts.map +1 -0
  125. package/dist/components/logo-link/LogoLink.js +56 -34
  126. package/dist/components/modal/Modal.d.ts +23 -22
  127. package/dist/components/modal/Modal.d.ts.map +1 -0
  128. package/dist/components/modal/Modal.js +66 -50
  129. package/dist/components/navi-button/NaviButton.d.ts +7 -6
  130. package/dist/components/navi-button/NaviButton.d.ts.map +1 -0
  131. package/dist/components/navi-button/NaviButton.js +42 -30
  132. package/dist/components/navi-user-button/NaviUserButton.d.ts +5 -4
  133. package/dist/components/navi-user-button/NaviUserButton.d.ts.map +1 -0
  134. package/dist/components/navi-user-button/NaviUserButton.js +39 -29
  135. package/dist/components/round-button/RoundButton.d.ts +6 -5
  136. package/dist/components/round-button/RoundButton.d.ts.map +1 -0
  137. package/dist/components/round-button/RoundButton.js +39 -29
  138. package/dist/components/tabs/TabItem.d.ts +4 -3
  139. package/dist/components/tabs/TabItem.d.ts.map +1 -0
  140. package/dist/components/tabs/TabItem.js +11 -8
  141. package/dist/components/tabs/Tabs.d.ts +6 -5
  142. package/dist/components/tabs/Tabs.d.ts.map +1 -0
  143. package/dist/components/tabs/Tabs.js +74 -59
  144. package/dist/components/text-link/TextLink.d.ts +3 -2
  145. package/dist/components/text-link/TextLink.d.ts.map +1 -0
  146. package/dist/components/text-link/TextLink.js +14 -11
  147. package/dist/components/textarea/Textarea.d.ts +16 -15
  148. package/dist/components/textarea/Textarea.d.ts.map +1 -0
  149. package/dist/components/textarea/Textarea.js +57 -41
  150. package/dist/components/timed-button/TimedButton.d.ts +6 -5
  151. package/dist/components/timed-button/TimedButton.d.ts.map +1 -0
  152. package/dist/components/timed-button/TimedButton.js +116 -102
  153. package/dist/components/toggle/Toggle.d.ts +4 -3
  154. package/dist/components/toggle/Toggle.d.ts.map +1 -0
  155. package/dist/components/toggle/Toggle.js +91 -62
  156. package/dist/components/typography/AccessibleTypography.d.ts +2 -1
  157. package/dist/components/typography/AccessibleTypography.d.ts.map +1 -0
  158. package/dist/components/typography/AccessibleTypography.js +12 -9
  159. package/dist/components/typography/Heading.d.ts +5 -4
  160. package/dist/components/typography/Heading.d.ts.map +1 -0
  161. package/dist/components/typography/Heading.js +13 -9
  162. package/dist/components/typography/Label.d.ts +4 -3
  163. package/dist/components/typography/Label.d.ts.map +1 -0
  164. package/dist/components/typography/Label.js +13 -9
  165. package/dist/components/typography/Paragraph.d.ts +4 -3
  166. package/dist/components/typography/Paragraph.d.ts.map +1 -0
  167. package/dist/components/typography/Paragraph.js +13 -9
  168. package/dist/components/typography/Placeholder.d.ts +4 -3
  169. package/dist/components/typography/Placeholder.d.ts.map +1 -0
  170. package/dist/components/typography/Placeholder.js +13 -9
  171. package/dist/components/typography/ValidationMessage.d.ts +4 -3
  172. package/dist/components/typography/ValidationMessage.d.ts.map +1 -0
  173. package/dist/components/typography/ValidationMessage.js +14 -9
  174. package/dist/components/typography/styles.d.ts +10 -9
  175. package/dist/components/typography/styles.d.ts.map +1 -0
  176. package/dist/components/typography/styles.js +53 -46
  177. package/dist/compositions/image-banner/ImageBanner.d.ts +4 -3
  178. package/dist/compositions/image-banner/ImageBanner.d.ts.map +1 -0
  179. package/dist/compositions/image-banner/ImageBanner.js +53 -45
  180. package/dist/compositions/image-upload-modal/ImageUploadModal.d.ts +2 -1
  181. package/dist/compositions/image-upload-modal/ImageUploadModal.d.ts.map +1 -0
  182. package/dist/compositions/image-upload-modal/ImageUploadModal.js +44 -20
  183. package/dist/compositions/index.d.ts +12 -11
  184. package/dist/compositions/index.d.ts.map +1 -0
  185. package/dist/compositions/post/Post.d.ts +4 -3
  186. package/dist/compositions/post/Post.d.ts.map +1 -0
  187. package/dist/compositions/post/Post.js +81 -26
  188. package/dist/compositions/post-base/PostBase.d.ts +10 -9
  189. package/dist/compositions/post-base/PostBase.d.ts.map +1 -0
  190. package/dist/compositions/post-base/PostBase.js +23 -24
  191. package/dist/compositions/post-creator/PostCreator.d.ts +22 -21
  192. package/dist/compositions/post-creator/PostCreator.d.ts.map +1 -0
  193. package/dist/compositions/post-creator/PostCreator.js +72 -24
  194. package/dist/compositions/profile-banner/ProfileBanner.d.ts +19 -18
  195. package/dist/compositions/profile-banner/ProfileBanner.d.ts.map +1 -0
  196. package/dist/compositions/profile-banner/ProfileBanner.js +71 -21
  197. package/dist/compositions/profile-banner-image/ProfileBannerImage.d.ts +4 -3
  198. package/dist/compositions/profile-banner-image/ProfileBannerImage.d.ts.map +1 -0
  199. package/dist/compositions/profile-banner-image/ProfileBannerImage.js +60 -52
  200. package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts +25 -24
  201. package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts.map +1 -0
  202. package/dist/compositions/profile-banner-info/ProfileBannerInfo.js +72 -40
  203. package/dist/compositions/response/Response.d.ts +19 -18
  204. package/dist/compositions/response/Response.d.ts.map +1 -0
  205. package/dist/compositions/response/Response.js +63 -19
  206. package/dist/compositions/response-creator/ResponseCreator.d.ts +16 -15
  207. package/dist/compositions/response-creator/ResponseCreator.d.ts.map +1 -0
  208. package/dist/compositions/response-creator/ResponseCreator.js +67 -23
  209. package/dist/compositions/user-info/UserInfo.d.ts +22 -21
  210. package/dist/compositions/user-info/UserInfo.d.ts.map +1 -0
  211. package/dist/compositions/user-info/UserInfo.js +71 -52
  212. package/dist/compositions/user-recommendation/UserRecommendation.d.ts +16 -15
  213. package/dist/compositions/user-recommendation/UserRecommendation.d.ts.map +1 -0
  214. package/dist/compositions/user-recommendation/UserRecommendation.js +58 -30
  215. package/dist/index.d.ts +3 -3
  216. package/dist/index.d.ts.map +1 -0
  217. package/dist/index.js +129 -4
  218. package/dist/setupTests.d.ts +1 -1
  219. package/dist/setupTests.d.ts.map +1 -0
  220. package/package.json +16 -14
  221. package/dist/components/accessible-button/AccessibleButton.test.d.ts +0 -1
  222. package/dist/components/accessible-button/AccessibleButton.test.js +0 -28
  223. package/dist/components/button/Button.test.d.ts +0 -1
  224. package/dist/components/button/Button.test.js +0 -30
  225. package/dist/components/icon-button/IconButton.test.d.ts +0 -1
  226. package/dist/components/icon-button/IconButton.test.js +0 -22
  227. package/dist/components/icons/generated/index.js +0 -24
  228. package/dist/components/index.js +0 -27
  229. package/dist/components/like-toggle/LikeToggle.test.d.ts +0 -1
  230. package/dist/components/like-toggle/LikeToggle.test.js +0 -35
  231. package/dist/components/modal/Modal.test.d.ts +0 -1
  232. package/dist/components/modal/Modal.test.js +0 -24
  233. package/dist/components/navi-button/NaviButton.test.d.ts +0 -1
  234. package/dist/components/navi-button/NaviButton.test.js +0 -22
  235. package/dist/components/round-button/RoundButton.test.d.ts +0 -1
  236. package/dist/components/round-button/RoundButton.test.js +0 -22
  237. package/dist/components/tabs/Tabs.test.d.ts +0 -1
  238. package/dist/components/tabs/Tabs.test.js +0 -61
  239. package/dist/components/text-link/TextLink.test.d.ts +0 -1
  240. package/dist/components/text-link/TextLink.test.js +0 -14
  241. package/dist/components/timed-button/TimedButton.test.d.ts +0 -1
  242. package/dist/components/timed-button/TimedButton.test.js +0 -36
  243. package/dist/components/toggle/Toggle.test.d.ts +0 -1
  244. package/dist/components/toggle/Toggle.test.js +0 -93
  245. package/dist/compositions/index.js +0 -11
  246. package/dist/favicon.svg +0 -18
  247. package/dist/index.cjs.js +0 -50
  248. package/dist/index.es.js +0 -8343
  249. package/dist/logo-inline-gradient.svg +0 -43
  250. package/dist/setupTests.js +0 -7
@@ -1,62 +1,78 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import * as RadixDialog from "@radix-ui/react-dialog";
3
3
  import React from "react";
4
4
  import { tv } from "tailwind-variants";
5
- import { Cancel } from "../icons/generated";
6
- import { Heading } from "../typography/Heading";
5
+ import { Heading } from "../typography/Heading.js";
6
+ import { Cancel } from "../icons/generated/Cancel.js";
7
7
  const modalStyles = tv({
8
- slots: {
9
- overlay: ["fixed", "inset-0", "bg-black/20"],
10
- content: [
11
- "fixed",
12
- "top-1/2",
13
- "left-1/2",
14
- "w-123",
15
- "-translate-x-1/2",
16
- "-translate-y-1/2",
17
- "rounded-2xl",
18
- "bg-white",
19
- ],
20
- title: [
21
- "flex",
22
- "justify-between",
23
- "rounded-t-2xl",
24
- "bg-violet-600",
25
- "pt-6",
26
- "pr-8",
27
- "pb-6",
28
- "pl-8",
29
- "text-white",
30
- ],
31
- container: ["flex", "flex-col", "items-center", "gap-12", "p-8"],
32
- actions: ["flex", "items-center", "gap-4", "w-full"],
33
- },
8
+ slots: {
9
+ overlay: ["fixed", "inset-0", "bg-black/20"],
10
+ content: [
11
+ "fixed",
12
+ "top-1/2",
13
+ "left-1/2",
14
+ "w-123",
15
+ "-translate-x-1/2",
16
+ "-translate-y-1/2",
17
+ "rounded-2xl",
18
+ "bg-white"
19
+ ],
20
+ title: [
21
+ "flex",
22
+ "justify-between",
23
+ "rounded-t-2xl",
24
+ "bg-violet-600",
25
+ "pt-6",
26
+ "pr-8",
27
+ "pb-6",
28
+ "pl-8",
29
+ "text-white"
30
+ ],
31
+ container: ["flex", "flex-col", "items-center", "gap-12", "p-8"],
32
+ actions: ["flex", "items-center", "gap-4", "w-full"]
33
+ }
34
34
  });
35
- export const Modal = (props) => {
36
- let modalBody = null;
37
- let modalActions = null;
38
- React.Children.forEach(props.children, (child) => {
39
- if (!React.isValidElement(child))
40
- return;
41
- switch (child.type) {
42
- case ModalBody:
43
- modalBody = child;
44
- break;
45
- case ModalActions:
46
- modalActions = child;
47
- break;
48
- }
49
- });
50
- const { overlay, content, title, container, actions } = modalStyles(props);
51
- return (_jsx(RadixDialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: _jsxs(RadixDialog.Portal, { children: [_jsx(RadixDialog.Overlay, { className: overlay() }), _jsxs(RadixDialog.Content, { className: content(), children: [_jsxs(RadixDialog.Title, { className: title(), children: [_jsx(Heading, { as: "span", size: "3", children: props.title }), _jsx(RadixDialog.Close, { children: _jsx(Cancel, {}) })] }), _jsxs("div", { className: container(), children: [modalBody, _jsx("div", { className: actions(), children: modalActions })] })] })] }) }));
35
+ const Modal = (props) => {
36
+ let modalBody = null;
37
+ let modalActions = null;
38
+ React.Children.forEach(props.children, (child) => {
39
+ if (!React.isValidElement(child)) return;
40
+ switch (child.type) {
41
+ case ModalBody:
42
+ modalBody = child;
43
+ break;
44
+ case ModalActions:
45
+ modalActions = child;
46
+ break;
47
+ }
48
+ });
49
+ const { overlay, content, title, container, actions } = modalStyles(props);
50
+ return /* @__PURE__ */ jsx(RadixDialog.Root, { open: props.open, onOpenChange: props.onOpenChange, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
51
+ /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: overlay() }),
52
+ /* @__PURE__ */ jsxs(RadixDialog.Content, { className: content(), children: [
53
+ /* @__PURE__ */ jsxs(RadixDialog.Title, { className: title(), children: [
54
+ /* @__PURE__ */ jsx(Heading, { as: "span", size: "3", children: props.title }),
55
+ /* @__PURE__ */ jsx(RadixDialog.Close, { children: /* @__PURE__ */ jsx(Cancel, {}) })
56
+ ] }),
57
+ /* @__PURE__ */ jsxs("div", { className: container(), children: [
58
+ modalBody,
59
+ /* @__PURE__ */ jsx("div", { className: actions(), children: modalActions })
60
+ ] })
61
+ ] })
62
+ ] }) });
52
63
  };
53
64
  ModalBody.displayName = "ModalBody";
54
- export function ModalBody({ children }) {
55
- return children;
65
+ function ModalBody({ children }) {
66
+ return children;
56
67
  }
57
68
  ModalActions.displayName = "ModalActions";
58
- export function ModalActions({ children }) {
59
- return children;
69
+ function ModalActions({ children }) {
70
+ return children;
60
71
  }
61
72
  Modal.Body = ModalBody;
62
73
  Modal.Actions = ModalActions;
74
+ export {
75
+ Modal,
76
+ ModalActions,
77
+ ModalBody
78
+ };
@@ -1,8 +1,8 @@
1
- import React from "react";
2
- import { type VariantProps } from "tailwind-variants";
3
- import { type BaseAccessibleButtonProps } from "../accessible-button/AccessibleButton";
4
- import type { IconBaseProps } from "../icons/IconBase";
5
- declare const naviButtonStyles: import("tailwind-variants").TVReturnType<{
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
4
+ import { IconBaseProps } from '../icons/IconBase';
5
+ declare const naviButtonStyles: import('tailwind-variants').TVReturnType<{
6
6
  intent: {
7
7
  secondary: string[];
8
8
  };
@@ -10,7 +10,7 @@ declare const naviButtonStyles: import("tailwind-variants").TVReturnType<{
10
10
  intent: {
11
11
  secondary: string[];
12
12
  };
13
- }, undefined, import("tailwind-variants").TVReturnType<{
13
+ }, undefined, import('tailwind-variants').TVReturnType<{
14
14
  intent: {
15
15
  secondary: string[];
16
16
  };
@@ -47,3 +47,4 @@ interface NaviButtonProps extends NaviButtonVariants, BaseAccessibleButtonProps
47
47
  */
48
48
  export declare const NaviButton: React.FC<NaviButtonProps>;
49
49
  export {};
50
+ //# sourceMappingURL=NaviButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NaviButton.d.ts","sourceRoot":"","sources":["../../../src/components/navi-button/NaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;qDAqBpB,CAAC;AAEH,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,WAAW,CAAC;AAEpC;;;;;GAKG;AACH,UAAU,eACR,SAAQ,kBAAkB,EAAE,yBAAyB;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAE1C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAC"}
@@ -1,34 +1,46 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from "react";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
3
2
  import { cn, tv } from "tailwind-variants";
4
- import { AccessibleButton, } from "../accessible-button/AccessibleButton";
5
- import { Label } from "../typography/Label";
3
+ import { AccessibleButton } from "../accessible-button/AccessibleButton.js";
4
+ import { Label } from "../typography/Label.js";
6
5
  const naviButtonStyles = tv({
7
- base: [
8
- "flex",
9
- "flex-col",
10
- "gap-1",
11
- "transition",
12
- "duration-300",
13
- "ease-in-out",
14
- "text-white",
15
- "rounded-lg",
16
- "items-center",
17
- "pt-3",
18
- "pb-3",
19
- "pl-2",
20
- "pr-2",
21
- ],
22
- variants: {
23
- intent: {
24
- secondary: ["bg-violet-600", "hover:bg-violet-700"],
25
- },
26
- },
6
+ base: [
7
+ "flex",
8
+ "flex-col",
9
+ "gap-1",
10
+ "transition",
11
+ "duration-300",
12
+ "ease-in-out",
13
+ "text-white",
14
+ "rounded-lg",
15
+ "items-center",
16
+ "pt-3",
17
+ "pb-3",
18
+ "pl-2",
19
+ "pr-2"
20
+ ],
21
+ variants: {
22
+ intent: {
23
+ secondary: ["bg-violet-600", "hover:bg-violet-700"]
24
+ }
25
+ }
27
26
  });
28
- /**
29
- * A navigation-style button component that combines an accessible,
30
- * keyboard-friendly button foundation with variant-based styling.
31
- */
32
- export const NaviButton = ({ intent = "secondary", className, ...props }) => {
33
- return (_jsxs(AccessibleButton, { className: cn(naviButtonStyles({ intent, ...props }), className), ...props, children: [props.icon && _jsx(props.icon, { className: props.iconClassName }), _jsx(Label, { as: "span", size: "md", children: props.children })] }));
27
+ const NaviButton = ({
28
+ intent = "secondary",
29
+ className,
30
+ ...props
31
+ }) => {
32
+ return /* @__PURE__ */ jsxs(
33
+ AccessibleButton,
34
+ {
35
+ className: cn(naviButtonStyles({ intent, ...props }), className),
36
+ ...props,
37
+ children: [
38
+ props.icon && /* @__PURE__ */ jsx(props.icon, { className: props.iconClassName }),
39
+ /* @__PURE__ */ jsx(Label, { as: "span", size: "md", children: props.children })
40
+ ]
41
+ }
42
+ );
43
+ };
44
+ export {
45
+ NaviButton
34
46
  };
@@ -1,6 +1,6 @@
1
- import { type VariantProps } from "tailwind-variants";
2
- import { type BaseAccessibleButtonProps } from "../accessible-button/AccessibleButton";
3
- declare const naviUserButtonStyles: import("tailwind-variants").TVReturnType<{
1
+ import { VariantProps } from 'tailwind-variants';
2
+ import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
3
+ declare const naviUserButtonStyles: import('tailwind-variants').TVReturnType<{
4
4
  intent: {
5
5
  secondary: string[];
6
6
  };
@@ -8,7 +8,7 @@ declare const naviUserButtonStyles: import("tailwind-variants").TVReturnType<{
8
8
  intent: {
9
9
  secondary: string[];
10
10
  };
11
- }, undefined, import("tailwind-variants").TVReturnType<{
11
+ }, undefined, import('tailwind-variants').TVReturnType<{
12
12
  intent: {
13
13
  secondary: string[];
14
14
  };
@@ -42,3 +42,4 @@ interface NaviUserButtonProps extends NaviUserButtonVariants, BaseAccessibleButt
42
42
  */
43
43
  export declare const NaviUserButton: React.FC<NaviUserButtonProps>;
44
44
  export {};
45
+ //# sourceMappingURL=NaviUserButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NaviUserButton.d.ts","sourceRoot":"","sources":["../../../src/components/navi-user-button/NaviUserButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAG/C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;qDAqBxB,CAAC;AAEH,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACxE,KAAK,oBAAoB,GAAG,WAAW,CAAC;AAExC;;;;;GAKG;AACH,UAAU,mBACR,SAAQ,sBAAsB,EAAE,yBAAyB;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAE9B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAC"}
@@ -1,33 +1,43 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { cn, tv } from "tailwind-variants";
3
- import { AccessibleButton, } from "../accessible-button/AccessibleButton";
4
- import { Avatar } from "../avatar/Avatar";
3
+ import { AccessibleButton } from "../accessible-button/AccessibleButton.js";
4
+ import { Avatar } from "../avatar/Avatar.js";
5
5
  const naviUserButtonStyles = tv({
6
- base: [
7
- "flex",
8
- "flex-col",
9
- "gap-1",
10
- "transition",
11
- "duration-300",
12
- "ease-in-out",
13
- "text-white",
14
- "rounded-lg",
15
- "items-center",
16
- "pt-3",
17
- "pb-3",
18
- "pl-2",
19
- "pr-2",
20
- ],
21
- variants: {
22
- intent: {
23
- secondary: ["bg-violet-600", "hover:bg-violet-700"],
24
- },
25
- },
6
+ base: [
7
+ "flex",
8
+ "flex-col",
9
+ "gap-1",
10
+ "transition",
11
+ "duration-300",
12
+ "ease-in-out",
13
+ "text-white",
14
+ "rounded-lg",
15
+ "items-center",
16
+ "pt-3",
17
+ "pb-3",
18
+ "pl-2",
19
+ "pr-2"
20
+ ],
21
+ variants: {
22
+ intent: {
23
+ secondary: ["bg-violet-600", "hover:bg-violet-700"]
24
+ }
25
+ }
26
26
  });
27
- /**
28
- * A user-focused navigation button that displays a user avatar and behaves
29
- * like an accessible, keyboard-friendly button.
30
- */
31
- export const NaviUserButton = ({ intent = "secondary", className, ...props }) => {
32
- return (_jsx(AccessibleButton, { className: cn(naviUserButtonStyles({ intent, ...props }), className), ...props, children: _jsx(Avatar, { alt: props.alt, size: "sm", src: props.src }) }));
27
+ const NaviUserButton = ({
28
+ intent = "secondary",
29
+ className,
30
+ ...props
31
+ }) => {
32
+ return /* @__PURE__ */ jsx(
33
+ AccessibleButton,
34
+ {
35
+ className: cn(naviUserButtonStyles({ intent, ...props }), className),
36
+ ...props,
37
+ children: /* @__PURE__ */ jsx(Avatar, { alt: props.alt, size: "sm", src: props.src })
38
+ }
39
+ );
40
+ };
41
+ export {
42
+ NaviUserButton
33
43
  };
@@ -1,7 +1,7 @@
1
- import { type VariantProps } from "tailwind-variants";
2
- import { type BaseAccessibleButtonProps } from "../accessible-button/AccessibleButton";
3
- import type { IconBaseProps } from "../icons/IconBase";
4
- declare const roundButtonStyles: import("tailwind-variants").TVReturnType<{
1
+ import { VariantProps } from 'tailwind-variants';
2
+ import { BaseAccessibleButtonProps } from '../accessible-button/AccessibleButton';
3
+ import { IconBaseProps } from '../icons/IconBase';
4
+ declare const roundButtonStyles: import('tailwind-variants').TVReturnType<{
5
5
  intent: {
6
6
  primary: string[];
7
7
  };
@@ -9,7 +9,7 @@ declare const roundButtonStyles: import("tailwind-variants").TVReturnType<{
9
9
  intent: {
10
10
  primary: string[];
11
11
  };
12
- }, undefined, import("tailwind-variants").TVReturnType<{
12
+ }, undefined, import('tailwind-variants').TVReturnType<{
13
13
  intent: {
14
14
  primary: string[];
15
15
  };
@@ -42,3 +42,4 @@ interface RoundButtonProps extends RoundButtonVariants, BaseAccessibleButtonProp
42
42
  */
43
43
  export declare const RoundButton: React.FC<RoundButtonProps>;
44
44
  export {};
45
+ //# sourceMappingURL=RoundButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RoundButton.d.ts","sourceRoot":"","sources":["../../../src/components/round-button/RoundButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;qDAsBrB,CAAC;AAEH,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAClE,KAAK,iBAAiB,GAAG,SAAS,CAAC;AAEnC;;;;;GAKG;AACH,UAAU,gBACR,SAAQ,mBAAmB,EAAE,yBAAyB;IACtD;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAC"}
@@ -1,33 +1,43 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { cn, tv } from "tailwind-variants";
3
- import { AccessibleButton, } from "../accessible-button/AccessibleButton";
3
+ import { AccessibleButton } from "../accessible-button/AccessibleButton.js";
4
4
  const roundButtonStyles = tv({
5
- base: [
6
- "text-white",
7
- "rounded-full",
8
- "hover:ring-3",
9
- "active:ring-4",
10
- "transition",
11
- "duration-350",
12
- "active:duration-300",
13
- "ease-in-out",
14
- "p-4",
15
- ],
16
- variants: {
17
- intent: {
18
- primary: [
19
- "bg-slate-600",
20
- "hover:bg-slate-700",
21
- "hover:ring-slate-100",
22
- "active:ring-violet-200",
23
- ],
24
- },
25
- },
5
+ base: [
6
+ "text-white",
7
+ "rounded-full",
8
+ "hover:ring-3",
9
+ "active:ring-4",
10
+ "transition",
11
+ "duration-350",
12
+ "active:duration-300",
13
+ "ease-in-out",
14
+ "p-4"
15
+ ],
16
+ variants: {
17
+ intent: {
18
+ primary: [
19
+ "bg-slate-600",
20
+ "hover:bg-slate-700",
21
+ "hover:ring-slate-100",
22
+ "active:ring-violet-200"
23
+ ]
24
+ }
25
+ }
26
26
  });
27
- /**
28
- * A circular, icon-only button component that provides full accessibility,
29
- * keyboard interaction, and visual feedback through hover and active states.
30
- */
31
- export const RoundButton = ({ intent = "primary", className, ...props }) => {
32
- return (_jsx(AccessibleButton, { className: cn(roundButtonStyles({ intent }), className), ...props, children: _jsx(props.icon, {}) }));
27
+ const RoundButton = ({
28
+ intent = "primary",
29
+ className,
30
+ ...props
31
+ }) => {
32
+ return /* @__PURE__ */ jsx(
33
+ AccessibleButton,
34
+ {
35
+ className: cn(roundButtonStyles({ intent }), className),
36
+ ...props,
37
+ children: /* @__PURE__ */ jsx(props.icon, {})
38
+ }
39
+ );
40
+ };
41
+ export {
42
+ RoundButton
33
43
  };
@@ -1,6 +1,6 @@
1
- import React from "react";
2
- import { type VariantProps } from "tailwind-variants";
3
- declare const tabItemStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ declare const tabItemStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
4
4
  type TabItemVariants = VariantProps<typeof tabItemStyles>;
5
5
  export interface TabItemProps extends TabItemVariants {
6
6
  value: string;
@@ -9,3 +9,4 @@ export interface TabItemProps extends TabItemVariants {
9
9
  }
10
10
  export declare const TabItem: (props: TabItemProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export {};
12
+ //# sourceMappingURL=TabItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,aAAa,wMAAS,CAAC;AAE7B,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAW1C,CAAC"}
@@ -1,13 +1,16 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import * as RadixTabs from "@radix-ui/react-tabs";
3
3
  import React from "react";
4
4
  import { tv } from "tailwind-variants";
5
5
  const tabItemStyles = tv({});
6
- export const TabItem = (props) => {
7
- return (_jsx(RadixTabs.Content, { value: props.value, className: tabItemStyles(props), children: React.Children.map(props.children, (child, index) => {
8
- if (React.isValidElement(child)) {
9
- return React.cloneElement(child, { key: props.value || index });
10
- }
11
- return child;
12
- }) }));
6
+ const TabItem = (props) => {
7
+ return /* @__PURE__ */ jsx(RadixTabs.Content, { value: props.value, className: tabItemStyles(props), children: React.Children.map(props.children, (child, index) => {
8
+ if (React.isValidElement(child)) {
9
+ return React.cloneElement(child, { key: props.value || index });
10
+ }
11
+ return child;
12
+ }) });
13
+ };
14
+ export {
15
+ TabItem
13
16
  };
@@ -1,7 +1,7 @@
1
- import React from "react";
2
- import { type VariantProps } from "tailwind-variants";
3
- import type { TabItemProps } from "./TabItem";
4
- declare const tabStyles: import("tailwind-variants").TVReturnType<{
1
+ import { default as React } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import { TabItemProps } from './TabItem';
4
+ declare const tabStyles: import('tailwind-variants').TVReturnType<{
5
5
  selected: {
6
6
  false: {
7
7
  trigger: string[];
@@ -35,7 +35,7 @@ declare const tabStyles: import("tailwind-variants").TVReturnType<{
35
35
  }, {
36
36
  list: string[];
37
37
  trigger: string[];
38
- }, import("tailwind-variants").TVReturnType<{
38
+ }, import('tailwind-variants').TVReturnType<{
39
39
  selected: {
40
40
  false: {
41
41
  trigger: string[];
@@ -65,3 +65,4 @@ export interface TabProps extends TabVariants {
65
65
  }
66
66
  export declare const Tabs: (props: TabProps) => import("react/jsx-runtime").JSX.Element;
67
67
  export {};
68
+ //# sourceMappingURL=Tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2Cb,CAAC;AAEH,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CAC9C;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,QAAQ,4CAsCnC,CAAC"}