@zentauri-ui/zentauri-components 2.1.7 → 2.1.9
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/README.md +8 -5
- package/cli/props.json +350 -3
- package/cli/registry.json +11 -0
- package/dist/{chunk-DBNGLT5U.mjs → chunk-3HBC34NF.mjs} +4 -4
- package/dist/{chunk-DBNGLT5U.mjs.map → chunk-3HBC34NF.mjs.map} +1 -1
- package/dist/{chunk-FUCW5GPE.mjs → chunk-3RC5IG6O.mjs} +55 -8
- package/dist/chunk-3RC5IG6O.mjs.map +1 -0
- package/dist/chunk-4SLVTSHM.js +241 -0
- package/dist/chunk-4SLVTSHM.js.map +1 -0
- package/dist/{chunk-TJ2EWPER.js → chunk-4TPE5DEG.js} +63 -7
- package/dist/chunk-4TPE5DEG.js.map +1 -0
- package/dist/{chunk-G7FVHZRB.js → chunk-7CZDJTPD.js} +12 -12
- package/dist/{chunk-G7FVHZRB.js.map → chunk-7CZDJTPD.js.map} +1 -1
- package/dist/{chunk-5ELR6MIN.js → chunk-7DGPRPWM.js} +6 -6
- package/dist/{chunk-5ELR6MIN.js.map → chunk-7DGPRPWM.js.map} +1 -1
- package/dist/chunk-GP3FUS2H.mjs +26 -0
- package/dist/chunk-GP3FUS2H.mjs.map +1 -0
- package/dist/chunk-IHDM7AHY.mjs +233 -0
- package/dist/chunk-IHDM7AHY.mjs.map +1 -0
- package/dist/chunk-MWG7LHAK.js +19 -0
- package/dist/{chunk-5FU57ZVQ.js.map → chunk-MWG7LHAK.js.map} +1 -1
- package/dist/{chunk-7UXPXCKV.mjs → chunk-OLT7P7JO.mjs} +3 -3
- package/dist/{chunk-7UXPXCKV.mjs.map → chunk-OLT7P7JO.mjs.map} +1 -1
- package/dist/chunk-PAISX7YL.js +38 -0
- package/dist/chunk-PAISX7YL.js.map +1 -0
- package/dist/{chunk-KVSRUAXP.mjs → chunk-VN7FE5RR.mjs} +3 -3
- package/dist/{chunk-KVSRUAXP.mjs.map → chunk-VN7FE5RR.mjs.map} +1 -1
- package/dist/design-system/code-diff.d.ts +18 -0
- package/dist/design-system/code-diff.d.ts.map +1 -0
- package/dist/design-system/facade.js +8 -7
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +7 -6
- package/dist/design-system/facade.mjs.map +1 -1
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/split-button.d.ts +25 -0
- package/dist/design-system/split-button.d.ts.map +1 -0
- package/dist/ui/buttons/animated.js +10 -9
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +8 -7
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +11 -10
- package/dist/ui/buttons.mjs +9 -8
- package/dist/ui/code-diff/code-diff-base.d.ts +6 -0
- package/dist/ui/code-diff/code-diff-base.d.ts.map +1 -0
- package/dist/ui/code-diff/code-diff.d.ts +6 -0
- package/dist/ui/code-diff/code-diff.d.ts.map +1 -0
- package/dist/ui/code-diff/index.d.ts +4 -0
- package/dist/ui/code-diff/index.d.ts.map +1 -0
- package/dist/ui/code-diff/types.d.ts +26 -0
- package/dist/ui/code-diff/types.d.ts.map +1 -0
- package/dist/ui/code-diff/variants.d.ts +11 -0
- package/dist/ui/code-diff/variants.d.ts.map +1 -0
- package/dist/ui/code-diff.js +302 -0
- package/dist/ui/code-diff.js.map +1 -0
- package/dist/ui/code-diff.mjs +297 -0
- package/dist/ui/code-diff.mjs.map +1 -0
- package/dist/ui/data-table.js +22 -21
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/data-table.mjs +12 -11
- package/dist/ui/data-table.mjs.map +1 -1
- package/dist/ui/dropdown/dropdown.d.ts +1 -1
- package/dist/ui/dropdown/dropdown.d.ts.map +1 -1
- package/dist/ui/dropdown/types.d.ts +2 -2
- package/dist/ui/dropdown/types.d.ts.map +1 -1
- package/dist/ui/dropdown.js +31 -231
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +4 -229
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +20 -19
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +9 -8
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/pagination.js +12 -11
- package/dist/ui/pagination.mjs +9 -8
- package/dist/ui/split-button/index.d.ts +4 -0
- package/dist/ui/split-button/index.d.ts.map +1 -0
- package/dist/ui/split-button/split-button-base.d.ts +6 -0
- package/dist/ui/split-button/split-button-base.d.ts.map +1 -0
- package/dist/ui/split-button/split-button.d.ts +6 -0
- package/dist/ui/split-button/split-button.d.ts.map +1 -0
- package/dist/ui/split-button/types.d.ts +30 -0
- package/dist/ui/split-button/types.d.ts.map +1 -0
- package/dist/ui/split-button/variants.d.ts +16 -0
- package/dist/ui/split-button/variants.d.ts.map +1 -0
- package/dist/ui/split-button.js +288 -0
- package/dist/ui/split-button.js.map +1 -0
- package/dist/ui/split-button.mjs +279 -0
- package/dist/ui/split-button.mjs.map +1 -0
- package/package.json +4 -1
- package/src/design-system/code-diff.ts +37 -0
- package/src/design-system/index.ts +2 -0
- package/src/design-system/split-button.ts +38 -0
- package/src/ui/code-diff/code-diff-base.tsx +284 -0
- package/src/ui/code-diff/code-diff.test.tsx +50 -0
- package/src/ui/code-diff/code-diff.tsx +8 -0
- package/src/ui/code-diff/index.ts +15 -0
- package/src/ui/code-diff/types.ts +31 -0
- package/src/ui/code-diff/variants.ts +49 -0
- package/src/ui/dropdown/dropdown.tsx +7 -3
- package/src/ui/dropdown/types.ts +2 -2
- package/src/ui/split-button/index.ts +19 -0
- package/src/ui/split-button/split-button-base.tsx +232 -0
- package/src/ui/split-button/split-button.test.tsx +208 -0
- package/src/ui/split-button/split-button.tsx +9 -0
- package/src/ui/split-button/types.ts +46 -0
- package/src/ui/split-button/variants.ts +46 -0
- package/dist/chunk-5FU57ZVQ.js +0 -19
- package/dist/chunk-FUCW5GPE.mjs.map +0 -1
- package/dist/chunk-TJ2EWPER.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps","jsx","motion","cn","buttonVariants"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps","jsx","motion","cn","buttonVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -2, scale: 1.02 },\n whileTap: { y: 0, scale: 0.98 },\n transition: { type: \"spring\", stiffness: 420, damping: 28 },\n },\n press: {\n whileTap: { scale: 0.96 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n scale: 1.01,\n },\n whileTap: { scale: 0.98 },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n transition: { type: \"spring\", stiffness: 300, damping: 20 },\n style: { transformStyle: \"preserve-3d\" },\n },\n bounce: {\n whileHover: { y: -4, scale: 1.03 },\n whileTap: { y: 0, scale: 0.97 },\n transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n if (props.as === \"link\") {\n const {\n className,\n appearance,\n size,\n children,\n ref,\n href,\n target,\n animation = \"none\",\n ...rest\n } = props;\n const motionProps = buttonAnimationPresets[animation];\n\n return (\n <motion.a\n ref={ref}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.a>\n );\n }\n\n const {\n className,\n appearance,\n size,\n type = \"button\",\n children,\n ref,\n animation = \"none\",\n ...rest\n } = props;\n const motionProps = buttonAnimationPresets[animation];\n\n return (\n <motion.button\n ref={ref}\n type={type}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.button>\n );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}
|
|
@@ -1,32 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { buttonVariants } from '../../chunk-
|
|
3
|
-
import '../../chunk-
|
|
2
|
+
import { buttonVariants } from '../../chunk-VN7FE5RR.mjs';
|
|
3
|
+
import '../../chunk-3RC5IG6O.mjs';
|
|
4
4
|
import '../../chunk-2NQKFH26.mjs';
|
|
5
|
+
import '../../chunk-YPTHTFVF.mjs';
|
|
6
|
+
import '../../chunk-XY3TKIIH.mjs';
|
|
5
7
|
import '../../chunk-FX5KR2GP.mjs';
|
|
6
8
|
import '../../chunk-ZBAKTM2R.mjs';
|
|
7
9
|
import '../../chunk-4ZBMDWWY.mjs';
|
|
8
10
|
import '../../chunk-YH6MOKHR.mjs';
|
|
9
11
|
import '../../chunk-T4ZLTKV2.mjs';
|
|
10
12
|
import '../../chunk-PUSCPBT2.mjs';
|
|
13
|
+
import '../../chunk-5AOVTY2X.mjs';
|
|
11
14
|
import '../../chunk-523VQLCW.mjs';
|
|
12
15
|
import '../../chunk-3VW4HMJT.mjs';
|
|
13
16
|
import '../../chunk-LRYKMXKI.mjs';
|
|
14
17
|
import '../../chunk-XFJIX2YP.mjs';
|
|
15
18
|
import '../../chunk-4WG3VNVL.mjs';
|
|
16
|
-
import '../../chunk-
|
|
17
|
-
import '../../chunk-XY3TKIIH.mjs';
|
|
19
|
+
import '../../chunk-34LHS26H.mjs';
|
|
18
20
|
import '../../chunk-JEDMUBYI.mjs';
|
|
19
21
|
import '../../chunk-EJ3UMMCS.mjs';
|
|
20
22
|
import '../../chunk-EE53BIXR.mjs';
|
|
21
23
|
import '../../chunk-YXU2MJMT.mjs';
|
|
22
24
|
import '../../chunk-3IE4IELX.mjs';
|
|
23
25
|
import '../../chunk-BUEI4RMR.mjs';
|
|
24
|
-
import '../../chunk-
|
|
26
|
+
import '../../chunk-U64ISRUX.mjs';
|
|
25
27
|
import '../../chunk-SS3T3BUL.mjs';
|
|
26
28
|
import '../../chunk-SCWQSQBJ.mjs';
|
|
27
29
|
import '../../chunk-ZPGYR2UP.mjs';
|
|
28
30
|
import '../../chunk-MBEQ4GQ7.mjs';
|
|
29
|
-
import '../../chunk-
|
|
31
|
+
import '../../chunk-GP3FUS2H.mjs';
|
|
30
32
|
import '../../chunk-YKTANA3H.mjs';
|
|
31
33
|
import '../../chunk-ENYZGL4R.mjs';
|
|
32
34
|
import '../../chunk-2VPXQ2LA.mjs';
|
|
@@ -34,7 +36,6 @@ import '../../chunk-GUB3RSPR.mjs';
|
|
|
34
36
|
import '../../chunk-6ERBVFDA.mjs';
|
|
35
37
|
import '../../chunk-DOA4ESKS.mjs';
|
|
36
38
|
import '../../chunk-QX6PPTWL.mjs';
|
|
37
|
-
import '../../chunk-U64ISRUX.mjs';
|
|
38
39
|
import '../../chunk-TKAOHMVA.mjs';
|
|
39
40
|
import '../../chunk-HFQJRAG7.mjs';
|
|
40
41
|
import '../../chunk-NIVJFG5Z.mjs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -2, scale: 1.02 },\n whileTap: { y: 0, scale: 0.98 },\n transition: { type: \"spring\", stiffness: 420, damping: 28 },\n },\n press: {\n whileTap: { scale: 0.96 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n scale: 1.01,\n },\n whileTap: { scale: 0.98 },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n transition: { type: \"spring\", stiffness: 300, damping: 20 },\n style: { transformStyle: \"preserve-3d\" },\n },\n bounce: {\n whileHover: { y: -4, scale: 1.03 },\n whileTap: { y: 0, scale: 0.97 },\n transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n if (props.as === \"link\") {\n const {\n className,\n appearance,\n size,\n children,\n ref,\n href,\n target,\n animation = \"none\",\n ...rest\n } = props;\n const motionProps = buttonAnimationPresets[animation];\n\n return (\n <motion.a\n ref={ref}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.a>\n );\n }\n\n const {\n className,\n appearance,\n size,\n type = \"button\",\n children,\n ref,\n animation = \"none\",\n ...rest\n } = props;\n const motionProps = buttonAnimationPresets[animation];\n\n return (\n <motion.button\n ref={ref}\n type={type}\n data-slot=\"button\"\n className={cn(buttonVariants({ appearance, size }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.button>\n );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}
|
package/dist/ui/buttons.js
CHANGED
|
@@ -2,35 +2,37 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
require('../chunk-XR3J46TZ.js');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
require('../chunk-
|
|
5
|
+
var chunk7DGPRPWM_js = require('../chunk-7DGPRPWM.js');
|
|
6
|
+
var chunkMWG7LHAK_js = require('../chunk-MWG7LHAK.js');
|
|
7
|
+
require('../chunk-4TPE5DEG.js');
|
|
8
8
|
require('../chunk-FBUY6K6S.js');
|
|
9
|
+
require('../chunk-KWBGLH7G.js');
|
|
10
|
+
require('../chunk-OH5VOGNW.js');
|
|
9
11
|
require('../chunk-Y7BU5RC4.js');
|
|
10
12
|
require('../chunk-NDF3HORF.js');
|
|
11
13
|
require('../chunk-USLNTKVQ.js');
|
|
12
14
|
require('../chunk-D7ATXPVI.js');
|
|
13
15
|
require('../chunk-IEHY6KNM.js');
|
|
14
16
|
require('../chunk-3MK7CWEX.js');
|
|
17
|
+
require('../chunk-CJCOURVM.js');
|
|
15
18
|
require('../chunk-22FJROCI.js');
|
|
16
19
|
require('../chunk-UJXFD4SK.js');
|
|
17
20
|
require('../chunk-3EJCQXGV.js');
|
|
18
21
|
require('../chunk-6KVTKYTB.js');
|
|
19
22
|
require('../chunk-L7W4NRK6.js');
|
|
20
|
-
require('../chunk-
|
|
21
|
-
require('../chunk-OH5VOGNW.js');
|
|
23
|
+
require('../chunk-A7MU6SFI.js');
|
|
22
24
|
require('../chunk-WGN2CBG6.js');
|
|
23
25
|
require('../chunk-SRSRY5K2.js');
|
|
24
26
|
require('../chunk-UG3GF2BD.js');
|
|
25
27
|
require('../chunk-BZTAA3MK.js');
|
|
26
28
|
require('../chunk-PZ25OHJE.js');
|
|
27
29
|
require('../chunk-HOOZYA4N.js');
|
|
28
|
-
require('../chunk-
|
|
30
|
+
require('../chunk-7DVECOO7.js');
|
|
29
31
|
require('../chunk-KJMW7S5X.js');
|
|
30
32
|
require('../chunk-3CYJQ6KF.js');
|
|
31
33
|
require('../chunk-3453DQNL.js');
|
|
32
34
|
require('../chunk-DYSXCJGL.js');
|
|
33
|
-
require('../chunk-
|
|
35
|
+
require('../chunk-PAISX7YL.js');
|
|
34
36
|
require('../chunk-NYO3W5GY.js');
|
|
35
37
|
require('../chunk-HNRCPZCK.js');
|
|
36
38
|
require('../chunk-J2SUGU3X.js');
|
|
@@ -38,7 +40,6 @@ require('../chunk-J5NTJVKX.js');
|
|
|
38
40
|
require('../chunk-UQQHB3OI.js');
|
|
39
41
|
require('../chunk-BBM4BKSN.js');
|
|
40
42
|
require('../chunk-Y5JAQEBF.js');
|
|
41
|
-
require('../chunk-7DVECOO7.js');
|
|
42
43
|
require('../chunk-YPYPWALR.js');
|
|
43
44
|
require('../chunk-PP3L6M62.js');
|
|
44
45
|
require('../chunk-BJDT7P2I.js');
|
|
@@ -53,11 +54,11 @@ require('../chunk-PZ5AY32C.js');
|
|
|
53
54
|
|
|
54
55
|
Object.defineProperty(exports, "Button", {
|
|
55
56
|
enumerable: true,
|
|
56
|
-
get: function () { return
|
|
57
|
+
get: function () { return chunk7DGPRPWM_js.Button; }
|
|
57
58
|
});
|
|
58
59
|
Object.defineProperty(exports, "buttonVariants", {
|
|
59
60
|
enumerable: true,
|
|
60
|
-
get: function () { return
|
|
61
|
+
get: function () { return chunkMWG7LHAK_js.buttonVariants; }
|
|
61
62
|
});
|
|
62
63
|
//# sourceMappingURL=buttons.js.map
|
|
63
64
|
//# sourceMappingURL=buttons.js.map
|
package/dist/ui/buttons.mjs
CHANGED
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import '../chunk-VBNW2B4D.mjs';
|
|
3
|
-
export { Button } from '../chunk-
|
|
4
|
-
export { buttonVariants } from '../chunk-
|
|
5
|
-
import '../chunk-
|
|
3
|
+
export { Button } from '../chunk-OLT7P7JO.mjs';
|
|
4
|
+
export { buttonVariants } from '../chunk-VN7FE5RR.mjs';
|
|
5
|
+
import '../chunk-3RC5IG6O.mjs';
|
|
6
6
|
import '../chunk-2NQKFH26.mjs';
|
|
7
|
+
import '../chunk-YPTHTFVF.mjs';
|
|
8
|
+
import '../chunk-XY3TKIIH.mjs';
|
|
7
9
|
import '../chunk-FX5KR2GP.mjs';
|
|
8
10
|
import '../chunk-ZBAKTM2R.mjs';
|
|
9
11
|
import '../chunk-4ZBMDWWY.mjs';
|
|
10
12
|
import '../chunk-YH6MOKHR.mjs';
|
|
11
13
|
import '../chunk-T4ZLTKV2.mjs';
|
|
12
14
|
import '../chunk-PUSCPBT2.mjs';
|
|
15
|
+
import '../chunk-5AOVTY2X.mjs';
|
|
13
16
|
import '../chunk-523VQLCW.mjs';
|
|
14
17
|
import '../chunk-3VW4HMJT.mjs';
|
|
15
18
|
import '../chunk-LRYKMXKI.mjs';
|
|
16
19
|
import '../chunk-XFJIX2YP.mjs';
|
|
17
20
|
import '../chunk-4WG3VNVL.mjs';
|
|
18
|
-
import '../chunk-
|
|
19
|
-
import '../chunk-XY3TKIIH.mjs';
|
|
21
|
+
import '../chunk-34LHS26H.mjs';
|
|
20
22
|
import '../chunk-JEDMUBYI.mjs';
|
|
21
23
|
import '../chunk-EJ3UMMCS.mjs';
|
|
22
24
|
import '../chunk-EE53BIXR.mjs';
|
|
23
25
|
import '../chunk-YXU2MJMT.mjs';
|
|
24
26
|
import '../chunk-3IE4IELX.mjs';
|
|
25
27
|
import '../chunk-BUEI4RMR.mjs';
|
|
26
|
-
import '../chunk-
|
|
28
|
+
import '../chunk-U64ISRUX.mjs';
|
|
27
29
|
import '../chunk-SS3T3BUL.mjs';
|
|
28
30
|
import '../chunk-SCWQSQBJ.mjs';
|
|
29
31
|
import '../chunk-ZPGYR2UP.mjs';
|
|
30
32
|
import '../chunk-MBEQ4GQ7.mjs';
|
|
31
|
-
import '../chunk-
|
|
33
|
+
import '../chunk-GP3FUS2H.mjs';
|
|
32
34
|
import '../chunk-YKTANA3H.mjs';
|
|
33
35
|
import '../chunk-ENYZGL4R.mjs';
|
|
34
36
|
import '../chunk-2VPXQ2LA.mjs';
|
|
@@ -36,7 +38,6 @@ import '../chunk-GUB3RSPR.mjs';
|
|
|
36
38
|
import '../chunk-6ERBVFDA.mjs';
|
|
37
39
|
import '../chunk-DOA4ESKS.mjs';
|
|
38
40
|
import '../chunk-QX6PPTWL.mjs';
|
|
39
|
-
import '../chunk-U64ISRUX.mjs';
|
|
40
41
|
import '../chunk-TKAOHMVA.mjs';
|
|
41
42
|
import '../chunk-HFQJRAG7.mjs';
|
|
42
43
|
import '../chunk-NIVJFG5Z.mjs';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CodeDiffBaseProps } from "./types";
|
|
2
|
+
export declare function CodeDiffBase({ className, appearance, size, oldCode, newCode, viewType, showLineNumbers, showGutterMarkers, oldTitle, newTitle, ref, as: Wrapper, ...rest }: CodeDiffBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace CodeDiffBase {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=code-diff-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-diff-base.d.ts","sourceRoot":"","sources":["../../../src/ui/code-diff/code-diff-base.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAC;AAyN3D,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAoB,EACpB,eAAsB,EACtB,iBAAwB,EACxB,QAAgB,EAChB,QAAgB,EAChB,GAAG,EACH,EAAE,EAAE,OAAe,EACnB,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA2CnB;yBAzDe,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-diff.d.ts","sourceRoot":"","sources":["../../../src/ui/code-diff/code-diff.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;yBAFe,QAAQ"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { CodeDiff } from "./code-diff";
|
|
2
|
+
export type { CodeDiffBaseProps, CodeDiffProps, CodeDiffVariantProps, CodeDiffViewType, DiffLine, } from "./types";
|
|
3
|
+
export { codeDiffLineContentVariants, codeDiffLineNumberVariants, codeDiffVariants, } from "./variants";
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/code-diff/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,oBAAoB,EACpB,gBAAgB,EAChB,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { ComponentPropsWithRef, ElementType } from "react";
|
|
3
|
+
import type { codeDiffVariants } from "./variants";
|
|
4
|
+
export type CodeDiffVariantProps = VariantProps<typeof codeDiffVariants>;
|
|
5
|
+
export type CodeDiffViewType = "split" | "unified";
|
|
6
|
+
export interface CodeDiffBaseProps extends ComponentPropsWithRef<"div"> {
|
|
7
|
+
oldCode: string;
|
|
8
|
+
newCode: string;
|
|
9
|
+
language?: string;
|
|
10
|
+
viewType?: CodeDiffViewType;
|
|
11
|
+
showLineNumbers?: boolean;
|
|
12
|
+
showGutterMarkers?: boolean;
|
|
13
|
+
oldTitle?: string;
|
|
14
|
+
newTitle?: string;
|
|
15
|
+
appearance?: CodeDiffVariantProps["appearance"];
|
|
16
|
+
size?: CodeDiffVariantProps["size"];
|
|
17
|
+
as?: ElementType;
|
|
18
|
+
}
|
|
19
|
+
export type CodeDiffProps = Omit<CodeDiffBaseProps, "as">;
|
|
20
|
+
export interface DiffLine {
|
|
21
|
+
type: "added" | "removed" | "unchanged";
|
|
22
|
+
content: string;
|
|
23
|
+
oldLineNumber: number | null;
|
|
24
|
+
newLineNumber: number | null;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/code-diff/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACrE,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACpC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAE1D,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const codeDiffVariants: (props?: ({
|
|
2
|
+
appearance?: "default" | null | undefined;
|
|
3
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const codeDiffLineNumberVariants: (props?: ({
|
|
6
|
+
type?: "added" | "removed" | "unchanged" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const codeDiffLineContentVariants: (props?: ({
|
|
9
|
+
type?: "added" | "removed" | "unchanged" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/code-diff/variants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB;;;8EAS3B,CAAC;AAEH,eAAO,MAAM,0BAA0B;;8EAWrC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;8EAWtC,CAAC"}
|
|
@@ -0,0 +1,302 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkPAISX7YL_js = require('../chunk-PAISX7YL.js');
|
|
5
|
+
var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
|
|
6
|
+
require('../chunk-PZ5AY32C.js');
|
|
7
|
+
var diff = require('diff');
|
|
8
|
+
var react = require('react');
|
|
9
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
+
|
|
12
|
+
var codeDiffVariants = classVarianceAuthority.cva(chunkPAISX7YL_js.zuiCodeDiffBase, {
|
|
13
|
+
variants: {
|
|
14
|
+
appearance: chunkPAISX7YL_js.zuiCodeDiffAppearances,
|
|
15
|
+
size: chunkPAISX7YL_js.zuiCodeDiffSizes
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
appearance: "default",
|
|
19
|
+
size: "md"
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var codeDiffLineNumberVariants = classVarianceAuthority.cva(chunkPAISX7YL_js.zuiCodeDiffLineNumberBase, {
|
|
23
|
+
variants: {
|
|
24
|
+
type: {
|
|
25
|
+
added: chunkPAISX7YL_js.zuiCodeDiffLineAdded,
|
|
26
|
+
removed: chunkPAISX7YL_js.zuiCodeDiffLineRemoved,
|
|
27
|
+
unchanged: chunkPAISX7YL_js.zuiCodeDiffLineUnchanged
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
type: "unchanged"
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
var codeDiffLineContentVariants = classVarianceAuthority.cva(chunkPAISX7YL_js.zuiCodeDiffLineContentBase, {
|
|
35
|
+
variants: {
|
|
36
|
+
type: {
|
|
37
|
+
added: chunkPAISX7YL_js.zuiCodeDiffLineAdded,
|
|
38
|
+
removed: chunkPAISX7YL_js.zuiCodeDiffLineRemoved,
|
|
39
|
+
unchanged: chunkPAISX7YL_js.zuiCodeDiffLineUnchanged
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
type: "unchanged"
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
function computeDiff(oldCode, newCode) {
|
|
47
|
+
const changes = diff.diffLines(oldCode, newCode);
|
|
48
|
+
const lines = [];
|
|
49
|
+
let oldLineNum = 1;
|
|
50
|
+
let newLineNum = 1;
|
|
51
|
+
for (const change of changes) {
|
|
52
|
+
const changeLines = change.value.replace(/\n$/, "").split("\n");
|
|
53
|
+
for (const content of changeLines) {
|
|
54
|
+
if (change.added) {
|
|
55
|
+
lines.push({
|
|
56
|
+
type: "added",
|
|
57
|
+
content,
|
|
58
|
+
oldLineNumber: null,
|
|
59
|
+
newLineNumber: newLineNum++
|
|
60
|
+
});
|
|
61
|
+
} else if (change.removed) {
|
|
62
|
+
lines.push({
|
|
63
|
+
type: "removed",
|
|
64
|
+
content,
|
|
65
|
+
oldLineNumber: oldLineNum++,
|
|
66
|
+
newLineNumber: null
|
|
67
|
+
});
|
|
68
|
+
} else {
|
|
69
|
+
lines.push({
|
|
70
|
+
type: "unchanged",
|
|
71
|
+
content,
|
|
72
|
+
oldLineNumber: oldLineNum++,
|
|
73
|
+
newLineNumber: newLineNum++
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
return lines;
|
|
79
|
+
}
|
|
80
|
+
function toSplitRows(lines) {
|
|
81
|
+
const rows = [];
|
|
82
|
+
let i = 0;
|
|
83
|
+
while (i < lines.length) {
|
|
84
|
+
const current = lines[i];
|
|
85
|
+
if (current.type === "unchanged") {
|
|
86
|
+
rows.push({ oldLine: current, newLine: current });
|
|
87
|
+
i++;
|
|
88
|
+
} else if (current.type === "removed") {
|
|
89
|
+
const removedBlock = [];
|
|
90
|
+
while (i < lines.length && lines[i].type === "removed") {
|
|
91
|
+
removedBlock.push(lines[i]);
|
|
92
|
+
i++;
|
|
93
|
+
}
|
|
94
|
+
const addedBlock = [];
|
|
95
|
+
while (i < lines.length && lines[i].type === "added") {
|
|
96
|
+
addedBlock.push(lines[i]);
|
|
97
|
+
i++;
|
|
98
|
+
}
|
|
99
|
+
const maxLen = Math.max(removedBlock.length, addedBlock.length);
|
|
100
|
+
for (let j = 0; j < maxLen; j++) {
|
|
101
|
+
rows.push({
|
|
102
|
+
oldLine: j < removedBlock.length ? removedBlock[j] : null,
|
|
103
|
+
newLine: j < addedBlock.length ? addedBlock[j] : null
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
} else if (current.type === "added") {
|
|
107
|
+
const addedBlock = [];
|
|
108
|
+
while (i < lines.length && lines[i].type === "added") {
|
|
109
|
+
addedBlock.push(lines[i]);
|
|
110
|
+
i++;
|
|
111
|
+
}
|
|
112
|
+
for (const added of addedBlock) {
|
|
113
|
+
rows.push({ oldLine: null, newLine: added });
|
|
114
|
+
}
|
|
115
|
+
} else {
|
|
116
|
+
i++;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
return rows;
|
|
120
|
+
}
|
|
121
|
+
function LineNumberCell({
|
|
122
|
+
lineNumber,
|
|
123
|
+
type,
|
|
124
|
+
showLineNumbers
|
|
125
|
+
}) {
|
|
126
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
127
|
+
"td",
|
|
128
|
+
{
|
|
129
|
+
className: codeDiffLineNumberVariants({ type }),
|
|
130
|
+
style: { width: showLineNumbers ? "4.5rem" : "2rem" },
|
|
131
|
+
children: showLineNumbers && lineNumber !== null ? lineNumber : ""
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
}
|
|
135
|
+
function LineContentCell({
|
|
136
|
+
line,
|
|
137
|
+
type,
|
|
138
|
+
showGutterMarkers
|
|
139
|
+
}) {
|
|
140
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("td", { className: codeDiffLineContentVariants({ type }), children: [
|
|
141
|
+
showGutterMarkers ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-4 select-none text-center", children: type === "added" ? "+" : type === "removed" ? "-" : " " }) : null,
|
|
142
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: line || " " })
|
|
143
|
+
] });
|
|
144
|
+
}
|
|
145
|
+
function UnifiedView({
|
|
146
|
+
lines,
|
|
147
|
+
showLineNumbers,
|
|
148
|
+
showGutterMarkers
|
|
149
|
+
}) {
|
|
150
|
+
return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full border-collapse table-fixed", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: lines.map((line, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
|
|
151
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
152
|
+
LineNumberCell,
|
|
153
|
+
{
|
|
154
|
+
lineNumber: line.oldLineNumber,
|
|
155
|
+
type: line.type,
|
|
156
|
+
showLineNumbers
|
|
157
|
+
}
|
|
158
|
+
),
|
|
159
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
160
|
+
LineNumberCell,
|
|
161
|
+
{
|
|
162
|
+
lineNumber: line.newLineNumber,
|
|
163
|
+
type: line.type,
|
|
164
|
+
showLineNumbers
|
|
165
|
+
}
|
|
166
|
+
),
|
|
167
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
168
|
+
LineContentCell,
|
|
169
|
+
{
|
|
170
|
+
line: line.content,
|
|
171
|
+
type: line.type,
|
|
172
|
+
showGutterMarkers
|
|
173
|
+
}
|
|
174
|
+
)
|
|
175
|
+
] }, idx)) }) });
|
|
176
|
+
}
|
|
177
|
+
function SplitView({
|
|
178
|
+
lines,
|
|
179
|
+
showLineNumbers,
|
|
180
|
+
showGutterMarkers
|
|
181
|
+
}) {
|
|
182
|
+
const rows = toSplitRows(lines);
|
|
183
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse table-fixed", children: [
|
|
184
|
+
/* @__PURE__ */ jsxRuntime.jsxs("colgroup", { children: [
|
|
185
|
+
/* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: showLineNumbers ? "4.5rem" : "2rem" } }),
|
|
186
|
+
/* @__PURE__ */ jsxRuntime.jsx("col", {}),
|
|
187
|
+
/* @__PURE__ */ jsxRuntime.jsx("col", { style: { width: showLineNumbers ? "4.5rem" : "2rem" } }),
|
|
188
|
+
/* @__PURE__ */ jsxRuntime.jsx("col", {})
|
|
189
|
+
] }),
|
|
190
|
+
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
|
|
191
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
192
|
+
LineNumberCell,
|
|
193
|
+
{
|
|
194
|
+
lineNumber: row.oldLine?.oldLineNumber ?? null,
|
|
195
|
+
type: row.oldLine?.type ?? "unchanged",
|
|
196
|
+
showLineNumbers
|
|
197
|
+
}
|
|
198
|
+
),
|
|
199
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
200
|
+
LineContentCell,
|
|
201
|
+
{
|
|
202
|
+
line: row.oldLine?.content ?? "",
|
|
203
|
+
type: row.oldLine?.type ?? "unchanged",
|
|
204
|
+
showGutterMarkers
|
|
205
|
+
}
|
|
206
|
+
),
|
|
207
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
208
|
+
LineNumberCell,
|
|
209
|
+
{
|
|
210
|
+
lineNumber: row.newLine?.newLineNumber ?? null,
|
|
211
|
+
type: row.newLine?.type ?? "unchanged",
|
|
212
|
+
showLineNumbers
|
|
213
|
+
}
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
216
|
+
LineContentCell,
|
|
217
|
+
{
|
|
218
|
+
line: row.newLine?.content ?? "",
|
|
219
|
+
type: row.newLine?.type ?? "unchanged",
|
|
220
|
+
showGutterMarkers
|
|
221
|
+
}
|
|
222
|
+
)
|
|
223
|
+
] }, idx)) })
|
|
224
|
+
] });
|
|
225
|
+
}
|
|
226
|
+
function CodeDiffBase({
|
|
227
|
+
className,
|
|
228
|
+
appearance,
|
|
229
|
+
size,
|
|
230
|
+
oldCode,
|
|
231
|
+
newCode,
|
|
232
|
+
viewType = "unified",
|
|
233
|
+
showLineNumbers = true,
|
|
234
|
+
showGutterMarkers = true,
|
|
235
|
+
oldTitle = "Old",
|
|
236
|
+
newTitle = "New",
|
|
237
|
+
ref,
|
|
238
|
+
as: Wrapper = "div",
|
|
239
|
+
...rest
|
|
240
|
+
}) {
|
|
241
|
+
const lines = react.useMemo(
|
|
242
|
+
() => computeDiff(oldCode ?? "", newCode ?? ""),
|
|
243
|
+
[oldCode, newCode]
|
|
244
|
+
);
|
|
245
|
+
const hasChanges = lines.some(
|
|
246
|
+
(l) => l.type === "added" || l.type === "removed"
|
|
247
|
+
);
|
|
248
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
249
|
+
Wrapper,
|
|
250
|
+
{
|
|
251
|
+
ref,
|
|
252
|
+
"data-slot": "code-diff",
|
|
253
|
+
className: chunkZS5756ZC_js.cn(codeDiffVariants({ appearance, size }), className),
|
|
254
|
+
...rest,
|
|
255
|
+
children: [
|
|
256
|
+
hasChanges ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 flex items-center justify-between border-b border-[color:var(--zui-code-diff-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-code-diff-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-code-diff-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-code-diff-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] px-4 py-2", children: [
|
|
257
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium", children: [
|
|
258
|
+
lines.filter((l) => l.type === "added").length,
|
|
259
|
+
" additions",
|
|
260
|
+
" ",
|
|
261
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-1", children: "\u2022" }),
|
|
262
|
+
" ",
|
|
263
|
+
lines.filter((l) => l.type === "removed").length,
|
|
264
|
+
" deletions"
|
|
265
|
+
] }),
|
|
266
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-[color:var(--zui-code-diff-header-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-code-diff-header-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]", children: [
|
|
267
|
+
oldTitle,
|
|
268
|
+
" \u2192 ",
|
|
269
|
+
newTitle
|
|
270
|
+
] })
|
|
271
|
+
] }) : null,
|
|
272
|
+
viewType === "split" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
273
|
+
SplitView,
|
|
274
|
+
{
|
|
275
|
+
lines,
|
|
276
|
+
showLineNumbers,
|
|
277
|
+
showGutterMarkers
|
|
278
|
+
}
|
|
279
|
+
) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
280
|
+
UnifiedView,
|
|
281
|
+
{
|
|
282
|
+
lines,
|
|
283
|
+
showLineNumbers,
|
|
284
|
+
showGutterMarkers
|
|
285
|
+
}
|
|
286
|
+
)
|
|
287
|
+
]
|
|
288
|
+
}
|
|
289
|
+
);
|
|
290
|
+
}
|
|
291
|
+
CodeDiffBase.displayName = "CodeDiff";
|
|
292
|
+
function CodeDiff(props) {
|
|
293
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CodeDiffBase, { ...props });
|
|
294
|
+
}
|
|
295
|
+
CodeDiff.displayName = "CodeDiff";
|
|
296
|
+
|
|
297
|
+
exports.CodeDiff = CodeDiff;
|
|
298
|
+
exports.codeDiffLineContentVariants = codeDiffLineContentVariants;
|
|
299
|
+
exports.codeDiffLineNumberVariants = codeDiffLineNumberVariants;
|
|
300
|
+
exports.codeDiffVariants = codeDiffVariants;
|
|
301
|
+
//# sourceMappingURL=code-diff.js.map
|
|
302
|
+
//# sourceMappingURL=code-diff.js.map
|