@mindlogic-ai/logician-ui 3.0.0-alpha.26 → 3.0.0-alpha.27

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 (163) hide show
  1. package/dist/components/Button/Button.d.ts.map +1 -1
  2. package/dist/components/Button/Button.js +1 -1
  3. package/dist/components/Button/Button.js.map +1 -1
  4. package/dist/components/Button/Button.mjs +1 -1
  5. package/dist/components/Button/Button.mjs.map +1 -1
  6. package/dist/components/Card/Card.d.ts.map +1 -1
  7. package/dist/components/Card/Card.js +3 -2
  8. package/dist/components/Card/Card.js.map +1 -1
  9. package/dist/components/Card/Card.mjs +4 -3
  10. package/dist/components/Card/Card.mjs.map +1 -1
  11. package/dist/components/Card/Card.styles.d.ts +6 -5
  12. package/dist/components/Card/Card.styles.d.ts.map +1 -1
  13. package/dist/components/Card/Card.styles.js +9 -3
  14. package/dist/components/Card/Card.styles.js.map +1 -1
  15. package/dist/components/Card/Card.styles.mjs +9 -4
  16. package/dist/components/Card/Card.styles.mjs.map +1 -1
  17. package/dist/components/Code/Code.d.ts.map +1 -1
  18. package/dist/components/Code/Code.js +4 -30
  19. package/dist/components/Code/Code.js.map +1 -1
  20. package/dist/components/Code/Code.mjs +5 -31
  21. package/dist/components/Code/Code.mjs.map +1 -1
  22. package/dist/components/Code/shikiAdapter.d.ts +2 -0
  23. package/dist/components/Code/shikiAdapter.d.ts.map +1 -0
  24. package/dist/components/Code/shikiAdapter.js +36 -0
  25. package/dist/components/Code/shikiAdapter.js.map +1 -0
  26. package/dist/components/Code/shikiAdapter.mjs +34 -0
  27. package/dist/components/Code/shikiAdapter.mjs.map +1 -0
  28. package/dist/components/CodeTabs/CodeTabs.d.ts.map +1 -1
  29. package/dist/components/CodeTabs/CodeTabs.js +11 -48
  30. package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
  31. package/dist/components/CodeTabs/CodeTabs.mjs +12 -49
  32. package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
  33. package/dist/components/CodeTabs/CopyButton.d.ts +6 -0
  34. package/dist/components/CodeTabs/CopyButton.d.ts.map +1 -0
  35. package/dist/components/CodeTabs/CopyButton.js +44 -0
  36. package/dist/components/CodeTabs/CopyButton.js.map +1 -0
  37. package/dist/components/CodeTabs/CopyButton.mjs +42 -0
  38. package/dist/components/CodeTabs/CopyButton.mjs.map +1 -0
  39. package/dist/components/Input/Input.d.ts.map +1 -1
  40. package/dist/components/Input/Input.js +4 -3
  41. package/dist/components/Input/Input.js.map +1 -1
  42. package/dist/components/Input/Input.mjs +4 -3
  43. package/dist/components/Input/Input.mjs.map +1 -1
  44. package/dist/components/Modal/Modal.d.ts +1 -1
  45. package/dist/components/Modal/Modal.d.ts.map +1 -1
  46. package/dist/components/Modal/Modal.js +5 -2
  47. package/dist/components/Modal/Modal.js.map +1 -1
  48. package/dist/components/Modal/Modal.mjs +5 -2
  49. package/dist/components/Modal/Modal.mjs.map +1 -1
  50. package/dist/components/Modal/Modal.types.d.ts +5 -0
  51. package/dist/components/Modal/Modal.types.d.ts.map +1 -1
  52. package/dist/components/Modal/ModalContent/ModalContent.d.ts.map +1 -1
  53. package/dist/components/Modal/ModalContent/ModalContent.js +18 -1
  54. package/dist/components/Modal/ModalContent/ModalContent.js.map +1 -1
  55. package/dist/components/Modal/ModalContent/ModalContent.mjs +18 -1
  56. package/dist/components/Modal/ModalContent/ModalContent.mjs.map +1 -1
  57. package/dist/components/Modal/ModalContext.d.ts +7 -0
  58. package/dist/components/Modal/ModalContext.d.ts.map +1 -0
  59. package/dist/components/Modal/ModalContext.js +13 -0
  60. package/dist/components/Modal/ModalContext.js.map +1 -0
  61. package/dist/components/Modal/ModalContext.mjs +10 -0
  62. package/dist/components/Modal/ModalContext.mjs.map +1 -0
  63. package/dist/components/Modal/ModalHeader.d.ts.map +1 -1
  64. package/dist/components/Modal/ModalHeader.js +1 -1
  65. package/dist/components/Modal/ModalHeader.js.map +1 -1
  66. package/dist/components/Modal/ModalHeader.mjs +1 -1
  67. package/dist/components/Modal/ModalHeader.mjs.map +1 -1
  68. package/dist/components/Modal/index.d.ts +1 -0
  69. package/dist/components/Modal/index.d.ts.map +1 -1
  70. package/dist/components/Popover/Popover.types.d.ts +2 -1
  71. package/dist/components/Popover/Popover.types.d.ts.map +1 -1
  72. package/dist/components/Popover/PopoverArrowTip.d.ts.map +1 -1
  73. package/dist/components/Popover/PopoverArrowTip.js.map +1 -1
  74. package/dist/components/Popover/PopoverArrowTip.mjs.map +1 -1
  75. package/dist/components/RadialProgress/RadialProgress.d.ts.map +1 -1
  76. package/dist/components/RadialProgress/RadialProgress.js +8 -5
  77. package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
  78. package/dist/components/RadialProgress/RadialProgress.mjs +8 -5
  79. package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
  80. package/dist/components/Radio/RadioGroup.d.ts +2 -3
  81. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  82. package/dist/components/Radio/RadioGroup.js +4 -3
  83. package/dist/components/Radio/RadioGroup.js.map +1 -1
  84. package/dist/components/Radio/RadioGroup.mjs +4 -3
  85. package/dist/components/Radio/RadioGroup.mjs.map +1 -1
  86. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  87. package/dist/components/SegmentedControl/SegmentedControl.js +4 -3
  88. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  89. package/dist/components/SegmentedControl/SegmentedControl.mjs +4 -3
  90. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  91. package/dist/components/Select/MenuList/VirtualizedMenuList.d.ts.map +1 -1
  92. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  93. package/dist/components/Spinner/Spinner.js +3 -2
  94. package/dist/components/Spinner/Spinner.js.map +1 -1
  95. package/dist/components/Spinner/Spinner.mjs +3 -2
  96. package/dist/components/Spinner/Spinner.mjs.map +1 -1
  97. package/dist/components/Table/Tbody.d.ts.map +1 -1
  98. package/dist/components/Table/Tbody.js +4 -3
  99. package/dist/components/Table/Tbody.js.map +1 -1
  100. package/dist/components/Table/Tbody.mjs +4 -3
  101. package/dist/components/Table/Tbody.mjs.map +1 -1
  102. package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
  103. package/dist/components/Tabs/Tab/Tab.js +4 -3
  104. package/dist/components/Tabs/Tab/Tab.js.map +1 -1
  105. package/dist/components/Tabs/Tab/Tab.mjs +5 -4
  106. package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
  107. package/dist/components/Tabs/TabList/TabList.d.ts +1 -1
  108. package/dist/components/Tabs/TabList/TabList.d.ts.map +1 -1
  109. package/dist/components/Tabs/TabList/TabList.js +4 -3
  110. package/dist/components/Tabs/TabList/TabList.js.map +1 -1
  111. package/dist/components/Tabs/TabList/TabList.mjs +5 -4
  112. package/dist/components/Tabs/TabList/TabList.mjs.map +1 -1
  113. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  114. package/dist/components/Tooltip/Tooltip.js +2 -3
  115. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  116. package/dist/components/Tooltip/Tooltip.mjs +2 -3
  117. package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
  118. package/dist/index.js +2 -0
  119. package/dist/index.js.map +1 -1
  120. package/dist/index.mjs +1 -0
  121. package/dist/index.mjs.map +1 -1
  122. package/dist/theme/global.d.ts.map +1 -1
  123. package/dist/theme/global.js +1 -2
  124. package/dist/theme/global.js.map +1 -1
  125. package/dist/theme/global.mjs +1 -2
  126. package/dist/theme/global.mjs.map +1 -1
  127. package/dist/utils/mergeCss.d.ts +3 -0
  128. package/dist/utils/mergeCss.d.ts.map +1 -0
  129. package/dist/utils/mergeCss.js +14 -0
  130. package/dist/utils/mergeCss.js.map +1 -0
  131. package/dist/utils/mergeCss.mjs +12 -0
  132. package/dist/utils/mergeCss.mjs.map +1 -0
  133. package/package.json +1 -1
  134. package/src/components/Button/Button.tsx +3 -1
  135. package/src/components/Card/Card.styles.ts +6 -6
  136. package/src/components/Card/Card.tsx +8 -3
  137. package/src/components/Code/Code.stories.tsx +300 -2
  138. package/src/components/Code/Code.tsx +13 -41
  139. package/src/components/Code/shikiAdapter.ts +33 -0
  140. package/src/components/CodeTabs/CodeTabs.tsx +19 -85
  141. package/src/components/CodeTabs/CopyButton.tsx +65 -0
  142. package/src/components/Input/Input.tsx +10 -5
  143. package/src/components/Modal/Modal.stories.tsx +90 -0
  144. package/src/components/Modal/Modal.tsx +6 -2
  145. package/src/components/Modal/Modal.types.ts +5 -0
  146. package/src/components/Modal/ModalContent/ModalContent.tsx +26 -1
  147. package/src/components/Modal/ModalContext.ts +13 -0
  148. package/src/components/Modal/ModalHeader.tsx +10 -1
  149. package/src/components/Modal/index.tsx +1 -0
  150. package/src/components/Popover/Popover.types.ts +4 -2
  151. package/src/components/Popover/PopoverArrowTip.tsx +1 -5
  152. package/src/components/RadialProgress/RadialProgress.tsx +18 -14
  153. package/src/components/Radio/RadioGroup.tsx +13 -6
  154. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +4 -2
  155. package/src/components/SegmentedControl/SegmentedControl.tsx +10 -4
  156. package/src/components/Select/MenuList/VirtualizedMenuList.tsx +0 -1
  157. package/src/components/Spinner/Spinner.tsx +4 -2
  158. package/src/components/Table/Tbody.tsx +12 -7
  159. package/src/components/Tabs/Tab/Tab.tsx +12 -7
  160. package/src/components/Tabs/TabList/TabList.tsx +9 -4
  161. package/src/components/Tooltip/Tooltip.tsx +7 -4
  162. package/src/theme/global.ts +1 -2
  163. package/src/utils/mergeCss.ts +12 -0
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDAkClB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDAoClB,CAAC"}
@@ -34,7 +34,7 @@ const Button = React.forwardRef(({ colorPalette, variant = 'soft', size, childre
34
34
  * We override fontSize for xs size to 'sm' (12.25px) for better readability.
35
35
  * Other sizes use Chakra's default textStyle mapping.
36
36
  */
37
- return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing.focusRing, cursor: "pointer", css: { transition: 'all 0.25s ease-in-out' }, ref: ref, ...rest, children: children }));
37
+ return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing.focusRing, cursor: "pointer", transitionProperty: "all", transitionDuration: "0.25s", transitionTimingFunction: "ease-in-out", ref: ref, ...rest, children: children }));
38
38
  });
39
39
  Button.displayName = 'Button';
40
40
 
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,eAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACNC,mBAAS,EACb,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,EAC5C,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACNC,mBAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
@@ -32,7 +32,7 @@ const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...
32
32
  * We override fontSize for xs size to 'sm' (12.25px) for better readability.
33
33
  * Other sizes use Chakra's default textStyle mapping.
34
34
  */
35
- return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing, cursor: "pointer", css: { transition: 'all 0.25s ease-in-out' }, ref: ref, ...rest, children: children }));
35
+ return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing, cursor: "pointer", transitionProperty: "all", transitionDuration: "0.25s", transitionTimingFunction: "ease-in-out", ref: ref, ...rest, children: children }));
36
36
  });
37
37
  Button.displayName = 'Button';
38
38
 
@@ -1 +1 @@
1
- {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,IAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,EAC5C,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1
+ {"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,kBAAkB,EAAC,KAAK,EACxB,kBAAkB,EAAC,OAAO,EAC1B,wBAAwB,EAAC,aAAa,EACtC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKtD,eAAO,MAAM,IAAI;;;kDAyBhB,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAOtD,eAAO,MAAM,IAAI;;;kDA4BhB,CAAC"}
@@ -4,13 +4,14 @@
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
+ var mergeCss = require('../../utils/mergeCss.js');
7
8
  var Card_styles = require('./Card.styles.js');
8
9
 
9
- const Card = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
10
+ const Card = React.forwardRef(({ clickable, variant = 'default', _hover, css, ...rest }, ref) => {
10
11
  const mergedHover = clickable
11
12
  ? { ...Card_styles.clickableStyles._hover, ..._hover }
12
13
  : _hover;
13
- return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", css: { transition: '0.3s all' }, p: 8, ...(clickable ? { cursor: Card_styles.clickableStyles.cursor } : {}), ...Card_styles.variantStyles[variant], ...rest, _hover: mergedHover }));
14
+ return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: Card_styles.clickableStyles.cursor } : {}), ...Card_styles.variantStyles[variant], ...rest, css: mergeCss.mergeCss(Card_styles.cardStyles, css), _hover: mergedHover }));
14
15
  });
15
16
  Card.displayName = 'Card';
16
17
 
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles"],"mappings":";;;;;;;;MAMa,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAA,GACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","mergeCss","cardStyles"],"mappings":";;;;;;;;;AAQO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAChE,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;IAEV,QACEC,eAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAA,GACrDG,yBAAa,CAAC,OAAO,CAAC,KACtB,IAAI,EACR,GAAG,EAAEC,iBAAQ,CAACC,sBAAU,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
@@ -2,13 +2,14 @@
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import { Card as Card$1 } from '@chakra-ui/react';
5
- import { clickableStyles, variantStyles } from './Card.styles.mjs';
5
+ import { mergeCss } from '../../utils/mergeCss.mjs';
6
+ import { clickableStyles, variantStyles, cardStyles } from './Card.styles.mjs';
6
7
 
7
- const Card = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
8
+ const Card = forwardRef(({ clickable, variant = 'default', _hover, css, ...rest }, ref) => {
8
9
  const mergedHover = clickable
9
10
  ? { ...clickableStyles._hover, ..._hover }
10
11
  : _hover;
11
- return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", css: { transition: '0.3s all' }, p: 8, ...(clickable ? { cursor: clickableStyles.cursor } : {}), ...variantStyles[variant], ...rest, _hover: mergedHover }));
12
+ return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: clickableStyles.cursor } : {}), ...variantStyles[variant], ...rest, css: mergeCss(cardStyles, css), _hover: mergedHover }));
12
13
  });
13
14
  Card.displayName = 'Card';
14
15
 
@@ -1 +1 @@
1
- {"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;MAMa,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAA,GACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1
+ {"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAQO,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAChE,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;IAEV,QACEA,IAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAA,GACrD,aAAa,CAAC,OAAO,CAAC,KACtB,IAAI,EACR,GAAG,EAAE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
@@ -2,16 +2,17 @@
2
2
  * Card styles using the Golden Ratio color system.
3
3
  */
4
4
  export declare const cardStyles: {
5
- bgColor: string;
6
- color: string;
7
- borderColor: string;
5
+ '.card-image': {
6
+ transitionProperty: string;
7
+ transitionDuration: string;
8
+ transitionTimingFunction: string;
9
+ };
8
10
  };
9
11
  export declare const clickableStyles: {
10
12
  cursor: string;
11
13
  _hover: {
12
14
  boxShadow: string;
13
- ".card-image": {
14
- transition: string;
15
+ '.card-image': {
15
16
  transform: string;
16
17
  backgroundSize: string;
17
18
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAU3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}
1
+ {"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}
@@ -4,13 +4,18 @@
4
4
  /**
5
5
  * Card styles using the Golden Ratio color system.
6
6
  */
7
- // Light mode styles only - using semantic tokens
7
+ const cardStyles = {
8
+ '.card-image': {
9
+ transitionProperty: 'common',
10
+ transitionDuration: 'normal',
11
+ transitionTimingFunction: 'ease',
12
+ },
13
+ };
8
14
  const clickableStyles = {
9
15
  cursor: 'pointer',
10
16
  _hover: {
11
17
  boxShadow: 'lg',
12
- ['.card-image']: {
13
- transition: '0.3s all',
18
+ '.card-image': {
14
19
  transform: 'scale(1.05)',
15
20
  backgroundSize: '105%',
16
21
  },
@@ -25,6 +30,7 @@ const variantStyles = {
25
30
  },
26
31
  };
27
32
 
33
+ exports.cardStyles = cardStyles;
28
34
  exports.clickableStyles = clickableStyles;
29
35
  exports.variantStyles = variantStyles;
30
36
  //# sourceMappingURL=Card.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEH;AAOO,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;AACf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;;"}
1
+ {"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAE;AACb,QAAA,kBAAkB,EAAE,QAAQ;AAC5B,QAAA,kBAAkB,EAAE,QAAQ;AAC5B,QAAA,wBAAwB,EAAE,MAAM;AACjC,KAAA;;AAGI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE;AACb,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;;;"}
@@ -2,13 +2,18 @@
2
2
  /**
3
3
  * Card styles using the Golden Ratio color system.
4
4
  */
5
- // Light mode styles only - using semantic tokens
5
+ const cardStyles = {
6
+ '.card-image': {
7
+ transitionProperty: 'common',
8
+ transitionDuration: 'normal',
9
+ transitionTimingFunction: 'ease',
10
+ },
11
+ };
6
12
  const clickableStyles = {
7
13
  cursor: 'pointer',
8
14
  _hover: {
9
15
  boxShadow: 'lg',
10
- ['.card-image']: {
11
- transition: '0.3s all',
16
+ '.card-image': {
12
17
  transform: 'scale(1.05)',
13
18
  backgroundSize: '105%',
14
19
  },
@@ -23,5 +28,5 @@ const variantStyles = {
23
28
  },
24
29
  };
25
30
 
26
- export { clickableStyles, variantStyles };
31
+ export { cardStyles, clickableStyles, variantStyles };
27
32
  //# sourceMappingURL=Card.styles.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEH;AAOO,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;AACf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;"}
1
+ {"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEI,MAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAE;AACb,QAAA,kBAAkB,EAAE,QAAQ;AAC5B,QAAA,kBAAkB,EAAE,QAAQ;AAC5B,QAAA,wBAAwB,EAAE,MAAM;AACjC,KAAA;;AAGI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE;AACb,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA+BzC,eAAO,MAAM,IAAI,GAAI,mFAOlB,SAAS,4CAyDX,CAAC"}
1
+ {"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,IAAI,GAAI,mFAOlB,SAAS,4CA4DX,CAAC"}
@@ -3,43 +3,17 @@
3
3
 
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
5
  var react = require('@chakra-ui/react');
6
+ var index = require('../Icon/index.js');
7
+ var shikiAdapter = require('./shikiAdapter.js');
6
8
 
7
- const shikiAdapter = react.createShikiAdapter({
8
- async load() {
9
- const { createHighlighter } = await Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); });
10
- return createHighlighter({
11
- langs: [
12
- 'bash',
13
- 'css',
14
- 'go',
15
- 'html',
16
- 'java',
17
- 'javascript',
18
- 'json',
19
- 'jsx',
20
- 'markdown',
21
- 'python',
22
- 'rust',
23
- 'shell',
24
- 'sql',
25
- 'tsx',
26
- 'typescript',
27
- 'xml',
28
- 'yaml',
29
- ],
30
- themes: ['github-dark'],
31
- });
32
- },
33
- theme: 'github-dark',
34
- });
35
9
  const Code = ({ children, language: languageProp, onCopy, hideHeader = false, containerProps, ...rest }) => {
36
10
  const language = languageProp === 'js' ? 'javascript' : languageProp;
37
11
  const handleCopy = () => {
38
12
  onCopy?.(children);
39
13
  };
40
- return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, borderRadius: "none", textStyle: "p", overflow: "hidden", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
14
+ return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter.shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
41
15
  .filter(Boolean)
42
- .join(' '), children: [!hideHeader && language && (jsxRuntime.jsxs(react.CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", borderBottom: "1px solid", borderColor: "primary.light", zIndex: 2, children: [jsxRuntime.jsx(react.CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", textStyle: "xs", children: language }), jsxRuntime.jsx(react.CodeBlock.Control, { children: onCopy && (jsxRuntime.jsx(react.CodeBlock.CopyTrigger, { "aria-label": "Copy code", children: jsxRuntime.jsx(react.CodeBlock.CopyIndicator, {}) })) })] })), jsxRuntime.jsx(react.CodeBlock.Content, { children: jsxRuntime.jsx(react.CodeBlock.Code, { children: jsxRuntime.jsx(react.CodeBlock.CodeText, {}) }) })] }) }));
16
+ .join(' '), children: [!hideHeader && language && (jsxRuntime.jsxs(react.CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", zIndex: 2, children: [jsxRuntime.jsx(react.CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", children: language }), jsxRuntime.jsx(react.CodeBlock.Control, { children: onCopy && (jsxRuntime.jsx(react.CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "gray.600", cursor: "pointer", children: jsxRuntime.jsx(react.CodeBlock.CopyIndicator, { copied: jsxRuntime.jsx(index.FaCheck, { color: "success.main", boxSize: "xs" }) }) })) })] })), jsxRuntime.jsx(react.CodeBlock.Content, { children: jsxRuntime.jsx(react.CodeBlock.Code, { children: jsxRuntime.jsx(react.CodeBlock.CodeText, {}) }) })] }) }));
43
17
  };
44
18
 
45
19
  exports.Code = Code;
@@ -1 +1 @@
1
- {"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["createShikiAdapter","_jsx","ChakraCodeBlock","_jsxs"],"mappings":";;;;;;AAQA,MAAM,YAAY,GAAGA,wBAAkB,CAA+B;AACpE,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,oDAAO,wCAAO,KAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE;gBACL,MAAM;gBACN,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,KAAK;gBACL,UAAU;gBACV,QAAQ;gBACR,MAAM;gBACN,OAAO;gBACP,KAAK;gBACL,KAAK;gBACL,YAAY;gBACZ,KAAK;gBACL,MAAM;AACP,aAAA;YACD,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEC,eAACC,eAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAClDC,eAAA,CAACD,eAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,GAAG,EACb,QAAQ,EAAC,QAAQ,EAAA,GACb,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBC,eAAA,CAACD,eAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,WAAW,EACxB,WAAW,EAAC,eAAe,EAC3B,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,cAAA,CAACC,eAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,IAAI,YAEb,QAAQ,EAAA,CACa,EACxBD,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,cAAA,CAACC,eAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EAAY,WAAW,EAAA,QAAA,EACjDD,cAAA,CAACC,eAAe,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACL,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDD,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,cAAA,CAACC,eAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,cAAA,CAACC,eAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
1
+ {"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","shikiAdapter","_jsxs","FaCheck"],"mappings":";;;;;;;;AAMO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,eAACC,eAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAEC,yBAAY,EAAA,QAAA,EAClDC,eAAA,CAACF,eAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBE,eAAA,CAACF,eAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,cAAA,CAACC,eAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,cAAA,CAACC,eAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,cAAA,CAACC,eAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,cAAA,CAACI,aAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDJ,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,cAAA,CAACC,eAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,cAAA,CAACC,eAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
@@ -1,43 +1,17 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { createShikiAdapter, CodeBlock } from '@chakra-ui/react';
3
+ import { CodeBlock } from '@chakra-ui/react';
4
+ import { FaCheck } from '../Icon/index.mjs';
5
+ import { shikiAdapter } from './shikiAdapter.mjs';
4
6
 
5
- const shikiAdapter = createShikiAdapter({
6
- async load() {
7
- const { createHighlighter } = await import('../../node_modules/shiki/dist/index.mjs');
8
- return createHighlighter({
9
- langs: [
10
- 'bash',
11
- 'css',
12
- 'go',
13
- 'html',
14
- 'java',
15
- 'javascript',
16
- 'json',
17
- 'jsx',
18
- 'markdown',
19
- 'python',
20
- 'rust',
21
- 'shell',
22
- 'sql',
23
- 'tsx',
24
- 'typescript',
25
- 'xml',
26
- 'yaml',
27
- ],
28
- themes: ['github-dark'],
29
- });
30
- },
31
- theme: 'github-dark',
32
- });
33
7
  const Code = ({ children, language: languageProp, onCopy, hideHeader = false, containerProps, ...rest }) => {
34
8
  const language = languageProp === 'js' ? 'javascript' : languageProp;
35
9
  const handleCopy = () => {
36
10
  onCopy?.(children);
37
11
  };
38
- return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, borderRadius: "none", textStyle: "p", overflow: "hidden", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
12
+ return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
39
13
  .filter(Boolean)
40
- .join(' '), children: [!hideHeader && language && (jsxs(CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", borderBottom: "1px solid", borderColor: "primary.light", zIndex: 2, children: [jsx(CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", textStyle: "xs", children: language }), jsx(CodeBlock.Control, { children: onCopy && (jsx(CodeBlock.CopyTrigger, { "aria-label": "Copy code", children: jsx(CodeBlock.CopyIndicator, {}) })) })] })), jsx(CodeBlock.Content, { children: jsx(CodeBlock.Code, { children: jsx(CodeBlock.CodeText, {}) }) })] }) }));
14
+ .join(' '), children: [!hideHeader && language && (jsxs(CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", zIndex: 2, children: [jsx(CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", children: language }), jsx(CodeBlock.Control, { children: onCopy && (jsx(CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "gray.600", cursor: "pointer", children: jsx(CodeBlock.CopyIndicator, { copied: jsx(FaCheck, { color: "success.main", boxSize: "xs" }) }) })) })] })), jsx(CodeBlock.Content, { children: jsx(CodeBlock.Code, { children: jsx(CodeBlock.CodeText, {}) }) })] }) }));
41
15
  };
42
16
 
43
17
  export { Code };
@@ -1 +1 @@
1
- {"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":";;;;AAQA,MAAM,YAAY,GAAG,kBAAkB,CAA+B;AACpE,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,yCAAO,CAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE;gBACL,MAAM;gBACN,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,KAAK;gBACL,UAAU;gBACV,QAAQ;gBACR,MAAM;gBACN,OAAO;gBACP,KAAK;gBACL,KAAK;gBACL,YAAY;gBACZ,KAAK;gBACL,MAAM;AACP,aAAA;YACD,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,IAACC,SAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAClDC,IAAA,CAACD,SAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,GAAG,EACb,QAAQ,EAAC,QAAQ,EAAA,GACb,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBC,IAAA,CAACD,SAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,WAAW,EACxB,WAAW,EAAC,eAAe,EAC3B,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,GAAA,CAACC,SAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,IAAI,YAEb,QAAQ,EAAA,CACa,EACxBD,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,GAAA,CAACC,SAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EAAY,WAAW,EAAA,QAAA,EACjDD,GAAA,CAACC,SAAe,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACL,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDD,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,GAAA,CAACC,SAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,GAAA,CAACC,SAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
1
+ {"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":";;;;;;AAMO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,IAACC,SAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAClDC,IAAA,CAACD,SAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBC,IAAA,CAACD,SAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,GAAA,CAACC,SAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,GAAA,CAACC,SAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,GAAA,CAACC,SAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDA,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,GAAA,CAACC,SAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,GAAA,CAACC,SAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
@@ -0,0 +1,2 @@
1
+ export declare const shikiAdapter: import("@chakra-ui/react").CodeBlockAdapter;
2
+ //# sourceMappingURL=shikiAdapter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shikiAdapter.d.ts","sourceRoot":"","sources":["../../../src/components/Code/shikiAdapter.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6CA6BvB,CAAC"}
@@ -0,0 +1,36 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var react = require('@chakra-ui/react');
5
+
6
+ const shikiAdapter = react.createShikiAdapter({
7
+ async load() {
8
+ const { createHighlighter } = await Promise.resolve().then(function () { return require('../../node_modules/shiki/dist/index.js'); });
9
+ return createHighlighter({
10
+ langs: [
11
+ 'bash',
12
+ 'css',
13
+ 'go',
14
+ 'html',
15
+ 'java',
16
+ 'javascript',
17
+ 'json',
18
+ 'jsx',
19
+ 'markdown',
20
+ 'python',
21
+ 'rust',
22
+ 'shell',
23
+ 'sql',
24
+ 'tsx',
25
+ 'typescript',
26
+ 'xml',
27
+ 'yaml',
28
+ ],
29
+ themes: ['github-dark'],
30
+ });
31
+ },
32
+ theme: 'github-dark',
33
+ });
34
+
35
+ exports.shikiAdapter = shikiAdapter;
36
+ //# sourceMappingURL=shikiAdapter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shikiAdapter.js","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":["createShikiAdapter"],"mappings":";;;;;AAGO,MAAM,YAAY,GAAGA,wBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,oDAAO,wCAAO,KAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE;gBACL,MAAM;gBACN,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,KAAK;gBACL,UAAU;gBACV,QAAQ;gBACR,MAAM;gBACN,OAAO;gBACP,KAAK;gBACL,KAAK;gBACL,YAAY;gBACZ,KAAK;gBACL,MAAM;AACP,aAAA;YACD,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;"}
@@ -0,0 +1,34 @@
1
+ "use client";
2
+ import { createShikiAdapter } from '@chakra-ui/react';
3
+
4
+ const shikiAdapter = createShikiAdapter({
5
+ async load() {
6
+ const { createHighlighter } = await import('../../node_modules/shiki/dist/index.mjs');
7
+ return createHighlighter({
8
+ langs: [
9
+ 'bash',
10
+ 'css',
11
+ 'go',
12
+ 'html',
13
+ 'java',
14
+ 'javascript',
15
+ 'json',
16
+ 'jsx',
17
+ 'markdown',
18
+ 'python',
19
+ 'rust',
20
+ 'shell',
21
+ 'sql',
22
+ 'tsx',
23
+ 'typescript',
24
+ 'xml',
25
+ 'yaml',
26
+ ],
27
+ themes: ['github-dark'],
28
+ });
29
+ },
30
+ theme: 'github-dark',
31
+ });
32
+
33
+ export { shikiAdapter };
34
+ //# sourceMappingURL=shikiAdapter.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shikiAdapter.mjs","sources":["../../../src/components/Code/shikiAdapter.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,kBAAkB,CAE5C;AACA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,OAAO,yCAAO,CAAC;AACnD,QAAA,OAAO,iBAAiB,CAAC;AACvB,YAAA,KAAK,EAAE;gBACL,MAAM;gBACN,KAAK;gBACL,IAAI;gBACJ,MAAM;gBACN,MAAM;gBACN,YAAY;gBACZ,MAAM;gBACN,KAAK;gBACL,UAAU;gBACV,QAAQ;gBACR,MAAM;gBACN,OAAO;gBACP,KAAK;gBACL,KAAK;gBACL,YAAY;gBACZ,KAAK;gBACL,MAAM;AACP,aAAA;YACD,MAAM,EAAE,CAAC,aAAa,CAAC;AACxB,SAAA,CAAC;IACJ,CAAC;AACD,IAAA,KAAK,EAAE,aAAa;AACrB,CAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"CodeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiEjD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAkEhE,CAAC"}
1
+ {"version":3,"file":"CodeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAkEhE,CAAC"}
@@ -7,64 +7,27 @@ var react = require('@chakra-ui/react');
7
7
  var Code = require('../Code/Code.js');
8
8
  var Tab = require('../Tabs/Tab/Tab.js');
9
9
  var TabList = require('../Tabs/TabList/TabList.js');
10
- var TabPanel = require('../Tabs/TabPanel.js');
11
- var TabPanels = require('../Tabs/TabPanels.js');
12
10
  var Tabs = require('../Tabs/Tabs.js');
13
- var useTranslate = require('../../hooks/useTranslate.js');
14
- var index = require('../Icon/index.js');
15
- var IconButton = require('../IconButton/IconButton.js');
16
- require('../IconButton/IconButton.styles.js');
17
- var Tooltip = require('../Tooltip/Tooltip.js');
11
+ var CopyButton = require('./CopyButton.js');
18
12
 
19
- const CopyButton = ({ onCopy, code, selectedValue, }) => {
20
- const translate = useTranslate.useTranslate();
21
- const [tooltipText, setTooltipText] = React.useState(translate('copy'));
22
- const [isTooltipOpen, setIsTooltipOpen] = React.useState(undefined);
23
- const handleCopyClick = async () => {
24
- const codeToCopy = code[selectedValue] || code[Object.keys(code)[0]];
25
- // Copy to clipboard
26
- try {
27
- await navigator.clipboard.writeText(codeToCopy || '');
28
- }
29
- catch {
30
- // Fallback for older browsers
31
- const textArea = document.createElement('textarea');
32
- textArea.value = codeToCopy || '';
33
- document.body.appendChild(textArea);
34
- textArea.select();
35
- document.execCommand('copy');
36
- document.body.removeChild(textArea);
37
- }
38
- // Call onCopy callback if provided
39
- onCopy?.(codeToCopy);
40
- // Show "Copied!" tooltip
41
- setTooltipText(translate('copied'));
42
- setIsTooltipOpen(true);
43
- setTimeout(() => {
44
- setTooltipText(translate('copy'));
45
- setIsTooltipOpen(undefined);
46
- }, 1500);
47
- };
48
- return (jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltipText, placement: "top", open: isTooltipOpen, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Copy", borderRadius: "full", size: "sm", colorPalette: "neutral", variant: "ghost", color: "gray.800", _hover: {
49
- bgColor: 'whiteAlpha.400',
50
- }, _active: {
51
- bgColor: 'whiteAlpha.400',
52
- }, onClick: handleCopyClick, children: jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" }) }) }));
53
- };
54
13
  const CodeTabs = ({ code, onCopy, ...rest }) => {
55
- // Extract languages from code samples
56
14
  const languages = Object.keys(code);
57
15
  const [selectedValue, setSelectedValue] = React.useState(languages[0] || '');
58
16
  if (languages.length === 0) {
59
17
  return null;
60
18
  }
61
- return (jsxRuntime.jsxs(Tabs.Tabs, { bgColor: "gray.1500", borderRadius: "md", value: selectedValue, onValueChange: (details) => setSelectedValue(details.value), ...rest, children: [jsxRuntime.jsxs(TabList.TabList, { px: 2, alignItems: "center", children: [jsxRuntime.jsx(react.Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsxRuntime.jsx(Tab.Tab, { value: language, bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", _selected: { color: 'white' }, _hover: {
19
+ const currentCode = code[selectedValue]?.trim() || '';
20
+ return (jsxRuntime.jsxs(Tabs.Tabs, { bgColor: "gray.1500", borderRadius: "md", value: selectedValue, onValueChange: (details) => setSelectedValue(details.value), ...rest, children: [jsxRuntime.jsxs(TabList.TabList, { px: 2, alignItems: "center", children: [jsxRuntime.jsx(react.Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsxRuntime.jsx(Tab.Tab, { value: language, bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", textStyle: "subtext", _selected: { color: 'white' }, _hover: {
62
21
  bgColor: 'whiteAlpha.500',
63
- }, children: language }, `${language}-tab`))) }), onCopy && (jsxRuntime.jsx(CopyButton, { onCopy: onCopy, code: code, selectedValue: selectedValue }))] }), jsxRuntime.jsx(TabPanels.TabPanels, { children: languages.map((language) => (jsxRuntime.jsx(TabPanel.TabPanel, { value: language, children: jsxRuntime.jsx(Code.Code, { language: language, hideHeader: true, containerProps: {
64
- borderWidth: 0,
22
+ }, children: language }, `${language}-tab`))) }), onCopy && jsxRuntime.jsx(CopyButton.CopyButton, { onCopy: onCopy, code: currentCode })] }), jsxRuntime.jsx(react.Box, { display: "grid", children: languages.map((language) => {
23
+ const isSelected = language === selectedValue;
24
+ return (jsxRuntime.jsx(Code.Code, { language: language, hideHeader: true, "aria-hidden": !isSelected, containerProps: {
25
+ borderRadius: 'none',
65
26
  borderBottomRadius: 'md',
66
- overflow: 'hidden',
67
- }, children: code[language]?.trim() || '' }) }, `${language}-tab-panel`))) })] }));
27
+ gridArea: '1 / 1',
28
+ visibility: isSelected ? 'visible' : 'hidden',
29
+ }, children: code[language]?.trim() || '' }, `${language}-panel`));
30
+ }) })] }));
68
31
  };
69
32
 
70
33
  exports.CodeTabs = CodeTabs;
@@ -1 +1 @@
1
- {"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy","_jsxs","Tabs","TabList","Flex","Tab","TabPanels","TabPanel","Code"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,IAAI,EACJ,aAAa,GACsD,KAAI;AACvE,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;AAChC,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAChD,SAAS,CACV;AAED,IAAA,MAAM,eAAe,GAAG,YAAW;AACjC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;;AAGpE,QAAA,IAAI;YACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,IAAI,EAAE,CAAC;QACvD;AAAE,QAAA,MAAM;;YAEN,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,YAAA,QAAQ,CAAC,KAAK,GAAG,UAAU,IAAI,EAAE;AACjC,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;AAC5B,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QACrC;;AAGA,QAAA,MAAM,GAAG,UAAU,CAAC;;AAGpB,QAAA,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACnC,gBAAgB,CAAC,IAAI,CAAC;QAEtB,UAAU,CAAC,MAAK;AACd,YAAA,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACjC,gBAAgB,CAAC,SAAS,CAAC;QAC7B,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAACC,eAAO,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,aAAa,YAChED,cAAA,CAACE,qBAAU,kBACE,MAAM,EACjB,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,IAAI,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,gBAAgB;AAC1B,aAAA,EACD,OAAO,EAAE;AACP,gBAAA,OAAO,EAAE,gBAAgB;AAC1B,aAAA,EACD,OAAO,EAAE,eAAe,EAAA,QAAA,EAExBF,eAACG,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf,EAAA,CACL;AAEd,CAAC;AAEM,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;;IAEnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGJ,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,QACEK,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCN,cAAA,CAACO,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBP,cAAA,CAACQ,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAdJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAelB,CACP,CAAC,EAAA,CACG,EACN,MAAM,KACLR,cAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAAA,CAC5B,CACH,CAAA,EAAA,CACO,EACVA,cAAA,CAACS,mBAAS,EAAA,EAAA,QAAA,EACP,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBT,cAAA,CAACU,iBAAQ,EAAA,EAA+B,KAAK,EAAE,QAAQ,EAAA,QAAA,EACrDV,cAAA,CAACW,SAAI,EAAA,EACH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EACV,cAAc,EAAE;AACd,4BAAA,WAAW,EAAE,CAAC;AACd,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,QAAQ;yBACnB,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAA,CACxB,IAXM,CAAA,EAAG,QAAQ,YAAY,CAY3B,CACZ,CAAC,EAAA,CACQ,CAAA,EAAA,CACP;AAEX;;;;"}
1
+ {"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}