@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.
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.mjs +1 -1
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +3 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +4 -3
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +6 -5
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +9 -3
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +9 -4
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Code/Code.d.ts.map +1 -1
- package/dist/components/Code/Code.js +4 -30
- package/dist/components/Code/Code.js.map +1 -1
- package/dist/components/Code/Code.mjs +5 -31
- package/dist/components/Code/Code.mjs.map +1 -1
- package/dist/components/Code/shikiAdapter.d.ts +2 -0
- package/dist/components/Code/shikiAdapter.d.ts.map +1 -0
- package/dist/components/Code/shikiAdapter.js +36 -0
- package/dist/components/Code/shikiAdapter.js.map +1 -0
- package/dist/components/Code/shikiAdapter.mjs +34 -0
- package/dist/components/Code/shikiAdapter.mjs.map +1 -0
- package/dist/components/CodeTabs/CodeTabs.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +11 -48
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +12 -49
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/CodeTabs/CopyButton.d.ts +6 -0
- package/dist/components/CodeTabs/CopyButton.d.ts.map +1 -0
- package/dist/components/CodeTabs/CopyButton.js +44 -0
- package/dist/components/CodeTabs/CopyButton.js.map +1 -0
- package/dist/components/CodeTabs/CopyButton.mjs +42 -0
- package/dist/components/CodeTabs/CopyButton.mjs.map +1 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +4 -3
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +4 -3
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +5 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.mjs +5 -2
- package/dist/components/Modal/Modal.mjs.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +5 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.js +18 -1
- package/dist/components/Modal/ModalContent/ModalContent.js.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.mjs +18 -1
- package/dist/components/Modal/ModalContent/ModalContent.mjs.map +1 -1
- package/dist/components/Modal/ModalContext.d.ts +7 -0
- package/dist/components/Modal/ModalContext.d.ts.map +1 -0
- package/dist/components/Modal/ModalContext.js +13 -0
- package/dist/components/Modal/ModalContext.js.map +1 -0
- package/dist/components/Modal/ModalContext.mjs +10 -0
- package/dist/components/Modal/ModalContext.mjs.map +1 -0
- package/dist/components/Modal/ModalHeader.d.ts.map +1 -1
- package/dist/components/Modal/ModalHeader.js +1 -1
- package/dist/components/Modal/ModalHeader.js.map +1 -1
- package/dist/components/Modal/ModalHeader.mjs +1 -1
- package/dist/components/Modal/ModalHeader.mjs.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Popover/Popover.types.d.ts +2 -1
- package/dist/components/Popover/Popover.types.d.ts.map +1 -1
- package/dist/components/Popover/PopoverArrowTip.d.ts.map +1 -1
- package/dist/components/Popover/PopoverArrowTip.js.map +1 -1
- package/dist/components/Popover/PopoverArrowTip.mjs.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.d.ts.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.js +8 -5
- package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs +8 -5
- package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
- package/dist/components/Radio/RadioGroup.d.ts +2 -3
- package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/Radio/RadioGroup.js +4 -3
- package/dist/components/Radio/RadioGroup.js.map +1 -1
- package/dist/components/Radio/RadioGroup.mjs +4 -3
- package/dist/components/Radio/RadioGroup.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +4 -3
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +4 -3
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/Select/MenuList/VirtualizedMenuList.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +3 -2
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/Spinner.mjs +3 -2
- package/dist/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/components/Table/Tbody.d.ts.map +1 -1
- package/dist/components/Table/Tbody.js +4 -3
- package/dist/components/Table/Tbody.js.map +1 -1
- package/dist/components/Table/Tbody.mjs +4 -3
- package/dist/components/Table/Tbody.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.js +4 -3
- package/dist/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs +5 -4
- package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
- package/dist/components/Tabs/TabList/TabList.d.ts +1 -1
- package/dist/components/Tabs/TabList/TabList.d.ts.map +1 -1
- package/dist/components/Tabs/TabList/TabList.js +4 -3
- package/dist/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/components/Tabs/TabList/TabList.mjs +5 -4
- package/dist/components/Tabs/TabList/TabList.mjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +2 -3
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.mjs +2 -3
- package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +1 -2
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +1 -2
- package/dist/theme/global.mjs.map +1 -1
- package/dist/utils/mergeCss.d.ts +3 -0
- package/dist/utils/mergeCss.d.ts.map +1 -0
- package/dist/utils/mergeCss.js +14 -0
- package/dist/utils/mergeCss.js.map +1 -0
- package/dist/utils/mergeCss.mjs +12 -0
- package/dist/utils/mergeCss.mjs.map +1 -0
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +3 -1
- package/src/components/Card/Card.styles.ts +6 -6
- package/src/components/Card/Card.tsx +8 -3
- package/src/components/Code/Code.stories.tsx +300 -2
- package/src/components/Code/Code.tsx +13 -41
- package/src/components/Code/shikiAdapter.ts +33 -0
- package/src/components/CodeTabs/CodeTabs.tsx +19 -85
- package/src/components/CodeTabs/CopyButton.tsx +65 -0
- package/src/components/Input/Input.tsx +10 -5
- package/src/components/Modal/Modal.stories.tsx +90 -0
- package/src/components/Modal/Modal.tsx +6 -2
- package/src/components/Modal/Modal.types.ts +5 -0
- package/src/components/Modal/ModalContent/ModalContent.tsx +26 -1
- package/src/components/Modal/ModalContext.ts +13 -0
- package/src/components/Modal/ModalHeader.tsx +10 -1
- package/src/components/Modal/index.tsx +1 -0
- package/src/components/Popover/Popover.types.ts +4 -2
- package/src/components/Popover/PopoverArrowTip.tsx +1 -5
- package/src/components/RadialProgress/RadialProgress.tsx +18 -14
- package/src/components/Radio/RadioGroup.tsx +13 -6
- package/src/components/SegmentedControl/SegmentedControl.stories.tsx +4 -2
- package/src/components/SegmentedControl/SegmentedControl.tsx +10 -4
- package/src/components/Select/MenuList/VirtualizedMenuList.tsx +0 -1
- package/src/components/Spinner/Spinner.tsx +4 -2
- package/src/components/Table/Tbody.tsx +12 -7
- package/src/components/Tabs/Tab/Tab.tsx +12 -7
- package/src/components/Tabs/TabList/TabList.tsx +9 -4
- package/src/components/Tooltip/Tooltip.tsx +7 -4
- package/src/theme/global.ts +1 -2
- 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;;;
|
|
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",
|
|
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,
|
|
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",
|
|
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,
|
|
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;
|
|
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",
|
|
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":"
|
|
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 {
|
|
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",
|
|
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":"
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
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;
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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":"
|
|
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,
|
|
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",
|
|
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":["
|
|
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 {
|
|
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,
|
|
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",
|
|
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":"
|
|
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 @@
|
|
|
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":"
|
|
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
|
|
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
|
-
|
|
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 &&
|
|
64
|
-
|
|
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
|
-
|
|
67
|
-
|
|
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":["
|
|
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;;;;"}
|