@page-speed/venn-diagram 0.0.7 → 0.0.8

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.
@@ -1 +1 @@
1
- {"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA6B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkLlD,CAAC"}
1
+ {"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA4B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4LlD,CAAC"}
@@ -2,7 +2,6 @@ import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.3.1/node_
2
2
  import { useRef, useState, useMemo } from 'react';
3
3
  import { useResponsiveVennSize, useVennLayout } from '../hooks/useVennLayout.js';
4
4
  import { getColorScheme } from '../utils/colorScheme.js';
5
- import styles from '../styles/VennDiagram.module.css.js';
6
5
  import { VennDiagramSVG } from './VennDiagramSVG.js';
7
6
  import { VennDiagramContext } from './VennDiagramContext.js';
8
7
 
@@ -72,21 +71,23 @@ const VennDiagram = ({
72
71
  selectedSets,
73
72
  setSelectedSets
74
73
  }), [data, finalWidth, finalHeight, showLabels, showValues, colorScheme, animated, hoverOpacity, interactive, padding, textFill, strokeWidth, formatValue, formatLabel, hoveredSets, selectedSets, onSetHover]);
74
+ const rootClassName = ["relative w-full", className].filter(Boolean).join(" ");
75
75
  if (error) {
76
76
  return jsxRuntimeExports.jsxs("div", {
77
- className: styles.error,
77
+ className: "flex w-full flex-col items-center justify-center gap-2 rounded-lg border border-red-200/70 bg-red-50 px-4 py-6 text-sm text-red-600",
78
78
  role: "alert",
79
79
  "data-testid": testId ? `${testId}-error` : undefined,
80
80
  children: [jsxRuntimeExports.jsx("p", {
81
81
  children: "Error rendering Venn diagram:"
82
82
  }), jsxRuntimeExports.jsx("code", {
83
+ className: "w-full rounded-md bg-black/5 px-2 py-1 font-mono text-xs text-red-700",
83
84
  children: error.message
84
85
  })]
85
86
  });
86
87
  }
87
88
  if (isLoading && layout.length === 0) {
88
89
  return jsxRuntimeExports.jsx("div", {
89
- className: styles.loading,
90
+ className: "flex w-full items-center justify-center text-sm text-slate-500",
90
91
  role: "status",
91
92
  "aria-busy": true,
92
93
  "data-testid": testId ? `${testId}-loading` : undefined,
@@ -98,16 +99,17 @@ const VennDiagram = ({
98
99
  return jsxRuntimeExports.jsx(VennDiagramContext.Provider, {
99
100
  value: contextValue,
100
101
  children: jsxRuntimeExports.jsxs("div", {
101
- className: `${styles.vennRoot} ${className || ""}`,
102
+ className: rootClassName,
102
103
  style: style,
103
104
  "data-testid": testId,
104
105
  children: [jsxRuntimeExports.jsx("div", {
105
106
  ref: containerRef,
106
- className: styles.vennContainer,
107
+ className: "relative h-full w-full min-h-[300px]",
107
108
  style: {
108
109
  width: responsive ? "100%" : finalWidth,
109
110
  height: responsive ? "100%" : finalHeight
110
111
  },
112
+ "data-venn-container": true,
111
113
  children: renderer === "svg" && jsxRuntimeExports.jsx(VennDiagramSVG, {
112
114
  layout: layout,
113
115
  textPositions: textPositions,
@@ -116,17 +118,17 @@ const VennDiagram = ({
116
118
  onClick: onClick
117
119
  })
118
120
  }), showLegend && jsxRuntimeExports.jsx("div", {
119
- className: styles.legend,
121
+ className: "mt-4 flex flex-col gap-2 venn-legend",
120
122
  children: data.sets.map((set, idx) => jsxRuntimeExports.jsxs("div", {
121
- className: styles.legendItem,
123
+ className: "flex items-center justify-between gap-3 rounded-md border border-l-4 border-slate-200/70 bg-white/80 px-3 py-2 text-sm",
122
124
  style: {
123
125
  borderLeftColor: colorScheme[idx]
124
126
  },
125
127
  children: [jsxRuntimeExports.jsx("span", {
126
- className: styles.legendLabel,
128
+ className: "text-sm font-medium text-slate-700",
127
129
  children: formatLabel && typeof (set.label || set.name) === "string" ? formatLabel(set.label || set.name) : set.label || set.name
128
130
  }), jsxRuntimeExports.jsx("span", {
129
- className: styles.legendValue,
131
+ className: "text-sm font-semibold text-slate-600",
130
132
  children: formatValue ? formatValue(set.size) : set.size
131
133
  })]
132
134
  }, set.name))
@@ -1 +1 @@
1
- {"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","_jsxs","styles","role","undefined","children","_jsx","message","loading","VennDiagramContext","Provider","value","vennRoot","ref","vennContainer","VennDiagramSVG","legend","map","set","idx","legendItem","borderLeftColor","legendLabel","label","name","legendValue","size","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"VennDiagram.js","sources":["../../../../src/components/VennDiagram.tsx"],"sourcesContent":[null],"names":["VennDiagram","data","width","height","renderer","showLabels","showValues","showLegend","colorScheme","customColorScheme","animated","hoverOpacity","interactive","responsive","padding","textFill","strokeWidth","formatValue","formatLabel","className","style","onSetHover","onClick","testId","containerRef","useRef","hoveredSets","setHoveredSets","useState","selectedSets","setSelectedSets","dimensions","useResponsiveVennSize","finalWidth","finalHeight","layout","textPositions","error","isLoading","useVennLayout","useMemo","getColorScheme","sets","length","contextValue","config","rootClassName","filter","Boolean","join","_jsxs","role","undefined","children","_jsx","message","VennDiagramContext","Provider","value","ref","VennDiagramSVG","map","set","idx","borderLeftColor","label","name","size","displayName"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"VennDiagramSVG.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagramSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0KxD,CAAC"}
1
+ {"version":3,"file":"VennDiagramSVG.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagramSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,aAAa,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+KxD,CAAC"}
@@ -1,7 +1,6 @@
1
1
  import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js';
2
2
  import { useContext, useCallback } from 'react';
3
3
  import { VennDiagramContext } from './VennDiagramContext.js';
4
- import styles from '../styles/VennDiagram.module.css.js';
5
4
 
6
5
  const VennDiagramSVG = ({
7
6
  layout,
@@ -45,7 +44,7 @@ const VennDiagramSVG = ({
45
44
  viewBox: `0 0 ${width} ${height}`,
46
45
  width: width,
47
46
  height: height,
48
- className: styles.svg,
47
+ className: "block h-full w-full",
49
48
  role: "img",
50
49
  "aria-label": "Venn diagram",
51
50
  children: [layout.map((circle, idx) => {
@@ -53,8 +52,9 @@ const VennDiagramSVG = ({
53
52
  const color = colorScheme ? colorScheme[idx] : "#ccc";
54
53
  const isHovered = hoveredSets?.includes(set.name);
55
54
  const isSelected = selectedSets?.includes(set.name);
55
+ const effectiveStrokeWidth = isHovered ? Math.max(strokeWidth || 0, 3) : strokeWidth;
56
56
  return jsxRuntimeExports.jsx("g", {
57
- className: styles.circleGroup,
57
+ className: "outline-none",
58
58
  children: jsxRuntimeExports.jsx("circle", {
59
59
  cx: circle.x,
60
60
  cy: circle.y,
@@ -62,12 +62,8 @@ const VennDiagramSVG = ({
62
62
  fill: color,
63
63
  fillOpacity: isHovered ? config.hoverOpacity : 0.4,
64
64
  stroke: color,
65
- strokeWidth: strokeWidth,
66
- className: `${styles.circle} ${isSelected ? styles.selected : ""}`,
67
- style: {
68
- transition: animated ? "all 300ms ease-in-out" : "none",
69
- cursor: config.interactive ? "pointer" : "default"
70
- },
65
+ strokeWidth: effectiveStrokeWidth,
66
+ className: ["outline-none focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2", animated ? "transition-all duration-300 ease-in-out" : "", config.interactive ? "cursor-pointer" : "cursor-default", isSelected ? "drop-shadow-sm" : ""].filter(Boolean).join(" "),
71
67
  onMouseEnter: () => handleCircleHover(set.name, true),
72
68
  onMouseLeave: () => handleCircleHover(set.name, false),
73
69
  onClick: () => handleCircleClick(set.name),
@@ -90,27 +86,23 @@ const VennDiagramSVG = ({
90
86
  const rawLabel = singleSet?.label ?? setNames[0];
91
87
  const renderedLabel = typeof rawLabel === "string" ? config.formatLabel ? config.formatLabel(rawLabel) : rawLabel : rawLabel;
92
88
  return jsxRuntimeExports.jsxs("g", {
93
- className: styles.labelGroup,
89
+ className: ["pointer-events-none select-none", animated ? "transition-opacity duration-300 ease-in-out" : ""].filter(Boolean).join(" "),
94
90
  style: {
95
- opacity: isHovered ? 1 : 0.7,
96
- transition: animated ? "opacity 300ms ease-in-out" : "none"
91
+ opacity: isHovered ? 1 : 0.7
97
92
  },
98
93
  children: [showValues && jsxRuntimeExports.jsx("text", {
99
94
  x: pos.x,
100
95
  y: pos.y - 8,
101
96
  textAnchor: "middle",
102
- className: styles.value,
97
+ className: "text-base font-semibold",
103
98
  fill: config.textFill,
104
- fontSize: "16",
105
- fontWeight: "600",
106
99
  children: config.formatValue ? config.formatValue(value) : value
107
100
  }), showLabels && setNames.length === 1 && jsxRuntimeExports.jsx("text", {
108
101
  x: pos.x,
109
102
  y: pos.y + 20,
110
103
  textAnchor: "middle",
111
- className: styles.label,
104
+ className: "text-sm font-medium",
112
105
  fill: config.textFill,
113
- fontSize: "14",
114
106
  children: renderedLabel
115
107
  })]
116
108
  }, setNames.join(","));
@@ -1 +1 @@
1
- {"version":3,"file":"VennDiagramSVG.js","sources":["../../../../src/components/VennDiagramSVG.tsx"],"sourcesContent":[null],"names":["VennDiagramSVG","layout","textPositions","width","height","onClick","context","useContext","VennDiagramContext","Error","data","config","hoveredSets","setHoveredSets","selectedSets","setSelectedSets","colorScheme","showLabels","showValues","animated","strokeWidth","handleCircleHover","useCallback","setName","isEntering","interactive","handleCircleClick","isSelected","includes","filter","s","_jsxs","viewBox","className","styles","svg","role","children","map","circle","idx","set","sets","color","isHovered","name","_jsx","circleGroup","cx","x","cy","y","r","radius","fill","fillOpacity","hoverOpacity","stroke","selected","style","transition","cursor","onMouseEnter","onMouseLeave","tabIndex","label","onKeyDown","e","key","pos","setNames","value","length","find","size","intersections","i","every","some","singleSet","undefined","rawLabel","renderedLabel","formatLabel","labelGroup","opacity","textAnchor","textFill","fontSize","fontWeight","formatValue","join"],"mappings":"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"}
1
+ {"version":3,"file":"VennDiagramSVG.js","sources":["../../../../src/components/VennDiagramSVG.tsx"],"sourcesContent":[null],"names":["VennDiagramSVG","layout","textPositions","width","height","onClick","context","useContext","VennDiagramContext","Error","data","config","hoveredSets","setHoveredSets","selectedSets","setSelectedSets","colorScheme","showLabels","showValues","animated","strokeWidth","handleCircleHover","useCallback","setName","isEntering","interactive","handleCircleClick","isSelected","includes","filter","s","_jsxs","viewBox","className","role","children","map","circle","idx","set","sets","color","isHovered","name","effectiveStrokeWidth","Math","max","_jsx","cx","x","cy","y","r","radius","fill","fillOpacity","hoverOpacity","stroke","Boolean","join","onMouseEnter","onMouseLeave","tabIndex","label","onKeyDown","e","key","pos","setNames","value","length","find","size","intersections","i","every","some","singleSet","undefined","rawLabel","renderedLabel","formatLabel","style","opacity","textAnchor","textFill","formatValue"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@page-speed/venn-diagram",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "description": "Dynamic, data-driven Venn diagram component for React. Renders area-proportional Venn and Euler diagrams with interactive hover/click events.",
5
5
  "author": "DashTrack Team",
6
6
  "license": "MIT",
@@ -20,8 +20,7 @@
20
20
  "types": "./dist/esm/index.d.ts",
21
21
  "import": "./dist/esm/index.js",
22
22
  "require": "./dist/cjs/index.js"
23
- },
24
- "./styles": "./dist/esm/styles/index.css"
23
+ }
25
24
  },
26
25
  "files": [
27
26
  "dist"
@@ -60,9 +59,7 @@
60
59
  "eslint": "^8.0.0",
61
60
  "jest": "^29.0.0",
62
61
  "jest-environment-jsdom": "^29.0.0",
63
- "postcss": "^8.4.0",
64
62
  "rollup": "^3.28.0",
65
- "rollup-plugin-postcss": "^4.0.2",
66
63
  "storybook": "^7.4.0",
67
64
  "typescript": "^5.2.0"
68
65
  },
@@ -1,165 +0,0 @@
1
- .VennDiagram-module_vennRoot__iCmDV {
2
- position: relative;
3
- width: 100%;
4
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6
- sans-serif;
7
- -webkit-font-smoothing: antialiased;
8
- -moz-osx-font-smoothing: grayscale;
9
- }
10
-
11
- .VennDiagram-module_vennContainer__zE5Q4 {
12
- position: relative;
13
- width: 100%;
14
- height: 100%;
15
- min-height: 300px;
16
- }
17
-
18
- .VennDiagram-module_svg__8SEMM {
19
- flex: 1;
20
- max-width: 100%;
21
- max-height: 100%;
22
- }
23
-
24
- .VennDiagram-module_circleGroup__9MTB2 {
25
- outline: none;
26
- }
27
-
28
- .VennDiagram-module_circle__sXeUM {
29
- transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;
30
- outline: none;
31
- }
32
-
33
- .VennDiagram-module_circle__sXeUM:hover {
34
- fill-opacity: 0.6;
35
- stroke-width: 3;
36
- }
37
-
38
- .VennDiagram-module_circle__sXeUM:focus {
39
- outline: 2px solid currentColor;
40
- outline-offset: 2px;
41
- }
42
-
43
- .VennDiagram-module_circle__sXeUM.VennDiagram-module_selected__U2SLC {
44
- stroke-width: 3;
45
- filter: drop-shadow(0 0 3px currentColor);
46
- }
47
-
48
- .VennDiagram-module_labelGroup__bbeK2 {
49
- pointer-events: none;
50
- user-select: none;
51
- }
52
-
53
- .VennDiagram-module_value__0wKIt {
54
- font-weight: 600;
55
- font-size: 16px;
56
- }
57
-
58
- .VennDiagram-module_label__fsN9f {
59
- font-size: 14px;
60
- font-weight: 500;
61
- }
62
-
63
- .VennDiagram-module_legend__ZOQL5 {
64
- display: flex;
65
- flex-direction: column;
66
- gap: 8px;
67
- margin-top: 16px;
68
- padding: 12px;
69
- background-color: rgba(0, 0, 0, 0.02);
70
- border-radius: 8px;
71
- }
72
-
73
- .VennDiagram-module_legendItem__G3upl {
74
- display: flex;
75
- align-items: center;
76
- justify-content: space-between;
77
- padding: 8px 12px;
78
- border-left: 4px solid;
79
- border-radius: 4px;
80
- }
81
-
82
- .VennDiagram-module_legendLabel__yK6aP {
83
- font-size: 14px;
84
- font-weight: 500;
85
- }
86
-
87
- .VennDiagram-module_legendValue__cuwMv {
88
- font-size: 14px;
89
- font-weight: 600;
90
- color: rgba(0, 0, 0, 0.6);
91
- }
92
-
93
- .VennDiagram-module_error__czgBP {
94
- display: flex;
95
- flex-direction: column;
96
- align-items: center;
97
- justify-content: center;
98
- width: 100%;
99
- height: 100%;
100
- padding: 20px;
101
- color: #dc2626;
102
- font-size: 14px;
103
- text-align: center;
104
- background-color: rgba(220, 38, 38, 0.05);
105
- border-radius: 8px;
106
- }
107
-
108
- .VennDiagram-module_error__czgBP code {
109
- display: block;
110
- margin-top: 8px;
111
- padding: 8px;
112
- background-color: rgba(0, 0, 0, 0.05);
113
- border-radius: 4px;
114
- font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
115
- font-size: 12px;
116
- word-break: break-all;
117
- }
118
-
119
- .VennDiagram-module_loading__8lTBq {
120
- display: flex;
121
- align-items: center;
122
- justify-content: center;
123
- width: 100%;
124
- height: 100%;
125
- color: rgba(0, 0, 0, 0.6);
126
- font-size: 14px;
127
- }
128
-
129
- @media (prefers-reduced-motion: reduce) {
130
- .VennDiagram-module_circle__sXeUM,
131
- .VennDiagram-module_labelGroup__bbeK2 {
132
- transition: none;
133
- }
134
- }
135
-
136
- @media (max-width: 600px) {
137
- .VennDiagram-module_vennContainer__zE5Q4 {
138
- min-height: 250px;
139
- }
140
-
141
- .VennDiagram-module_legend__ZOQL5 {
142
- margin-top: 12px;
143
- padding: 10px;
144
- gap: 6px;
145
- }
146
-
147
- .VennDiagram-module_legendItem__G3upl {
148
- padding: 6px 10px;
149
- }
150
-
151
- .VennDiagram-module_legendLabel__yK6aP,
152
- .VennDiagram-module_legendValue__cuwMv {
153
- font-size: 12px;
154
- }
155
-
156
- .VennDiagram-module_value__0wKIt {
157
- font-size: 14px;
158
- }
159
-
160
- .VennDiagram-module_label__fsN9f {
161
- font-size: 12px;
162
- }
163
- }
164
-
165
- /*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}
@@ -1,4 +0,0 @@
1
- var styles = {"vennRoot":"VennDiagram-module_vennRoot__iCmDV","vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
2
-
3
- export { styles as default };
4
- //# sourceMappingURL=VennDiagram.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VennDiagram.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,165 +0,0 @@
1
- .VennDiagram-module_vennRoot__iCmDV {
2
- position: relative;
3
- width: 100%;
4
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
5
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
6
- sans-serif;
7
- -webkit-font-smoothing: antialiased;
8
- -moz-osx-font-smoothing: grayscale;
9
- }
10
-
11
- .VennDiagram-module_vennContainer__zE5Q4 {
12
- position: relative;
13
- width: 100%;
14
- height: 100%;
15
- min-height: 300px;
16
- }
17
-
18
- .VennDiagram-module_svg__8SEMM {
19
- flex: 1;
20
- max-width: 100%;
21
- max-height: 100%;
22
- }
23
-
24
- .VennDiagram-module_circleGroup__9MTB2 {
25
- outline: none;
26
- }
27
-
28
- .VennDiagram-module_circle__sXeUM {
29
- transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;
30
- outline: none;
31
- }
32
-
33
- .VennDiagram-module_circle__sXeUM:hover {
34
- fill-opacity: 0.6;
35
- stroke-width: 3;
36
- }
37
-
38
- .VennDiagram-module_circle__sXeUM:focus {
39
- outline: 2px solid currentColor;
40
- outline-offset: 2px;
41
- }
42
-
43
- .VennDiagram-module_circle__sXeUM.VennDiagram-module_selected__U2SLC {
44
- stroke-width: 3;
45
- filter: drop-shadow(0 0 3px currentColor);
46
- }
47
-
48
- .VennDiagram-module_labelGroup__bbeK2 {
49
- pointer-events: none;
50
- user-select: none;
51
- }
52
-
53
- .VennDiagram-module_value__0wKIt {
54
- font-weight: 600;
55
- font-size: 16px;
56
- }
57
-
58
- .VennDiagram-module_label__fsN9f {
59
- font-size: 14px;
60
- font-weight: 500;
61
- }
62
-
63
- .VennDiagram-module_legend__ZOQL5 {
64
- display: flex;
65
- flex-direction: column;
66
- gap: 8px;
67
- margin-top: 16px;
68
- padding: 12px;
69
- background-color: rgba(0, 0, 0, 0.02);
70
- border-radius: 8px;
71
- }
72
-
73
- .VennDiagram-module_legendItem__G3upl {
74
- display: flex;
75
- align-items: center;
76
- justify-content: space-between;
77
- padding: 8px 12px;
78
- border-left: 4px solid;
79
- border-radius: 4px;
80
- }
81
-
82
- .VennDiagram-module_legendLabel__yK6aP {
83
- font-size: 14px;
84
- font-weight: 500;
85
- }
86
-
87
- .VennDiagram-module_legendValue__cuwMv {
88
- font-size: 14px;
89
- font-weight: 600;
90
- color: rgba(0, 0, 0, 0.6);
91
- }
92
-
93
- .VennDiagram-module_error__czgBP {
94
- display: flex;
95
- flex-direction: column;
96
- align-items: center;
97
- justify-content: center;
98
- width: 100%;
99
- height: 100%;
100
- padding: 20px;
101
- color: #dc2626;
102
- font-size: 14px;
103
- text-align: center;
104
- background-color: rgba(220, 38, 38, 0.05);
105
- border-radius: 8px;
106
- }
107
-
108
- .VennDiagram-module_error__czgBP code {
109
- display: block;
110
- margin-top: 8px;
111
- padding: 8px;
112
- background-color: rgba(0, 0, 0, 0.05);
113
- border-radius: 4px;
114
- font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
115
- font-size: 12px;
116
- word-break: break-all;
117
- }
118
-
119
- .VennDiagram-module_loading__8lTBq {
120
- display: flex;
121
- align-items: center;
122
- justify-content: center;
123
- width: 100%;
124
- height: 100%;
125
- color: rgba(0, 0, 0, 0.6);
126
- font-size: 14px;
127
- }
128
-
129
- @media (prefers-reduced-motion: reduce) {
130
- .VennDiagram-module_circle__sXeUM,
131
- .VennDiagram-module_labelGroup__bbeK2 {
132
- transition: none;
133
- }
134
- }
135
-
136
- @media (max-width: 600px) {
137
- .VennDiagram-module_vennContainer__zE5Q4 {
138
- min-height: 250px;
139
- }
140
-
141
- .VennDiagram-module_legend__ZOQL5 {
142
- margin-top: 12px;
143
- padding: 10px;
144
- gap: 6px;
145
- }
146
-
147
- .VennDiagram-module_legendItem__G3upl {
148
- padding: 6px 10px;
149
- }
150
-
151
- .VennDiagram-module_legendLabel__yK6aP,
152
- .VennDiagram-module_legendValue__cuwMv {
153
- font-size: 12px;
154
- }
155
-
156
- .VennDiagram-module_value__0wKIt {
157
- font-size: 14px;
158
- }
159
-
160
- .VennDiagram-module_label__fsN9f {
161
- font-size: 12px;
162
- }
163
- }
164
-
165
- /*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["VennDiagram.module.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,WAAW;EACX;;cAEY;EACZ,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,OAAO;EACP,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,0EAA0E;EAC1E,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,yCAAyC;AAC3C;;AAEA;EACE,oBAAoB;EACpB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,gBAAgB;EAChB,aAAa;EACb,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,iBAAiB;EACjB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,wDAAwD;EACxD,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,eAAe;AACjB;;AAEA;EACE;;IAEE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;IAChB,aAAa;IACb,QAAQ;EACV;;EAEA;IACE,iBAAiB;EACnB;;EAEA;;IAEE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,eAAe;EACjB;AACF","file":"styles/index.css","sourcesContent":[".vennRoot {\n position: relative;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.vennContainer {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 300px;\n}\n\n.svg {\n flex: 1;\n max-width: 100%;\n max-height: 100%;\n}\n\n.circleGroup {\n outline: none;\n}\n\n.circle {\n transition: fill-opacity 300ms ease-in-out, stroke-width 300ms ease-in-out;\n outline: none;\n}\n\n.circle:hover {\n fill-opacity: 0.6;\n stroke-width: 3;\n}\n\n.circle:focus {\n outline: 2px solid currentColor;\n outline-offset: 2px;\n}\n\n.circle.selected {\n stroke-width: 3;\n filter: drop-shadow(0 0 3px currentColor);\n}\n\n.labelGroup {\n pointer-events: none;\n user-select: none;\n}\n\n.value {\n font-weight: 600;\n font-size: 16px;\n}\n\n.label {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legend {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 16px;\n padding: 12px;\n background-color: rgba(0, 0, 0, 0.02);\n border-radius: 8px;\n}\n\n.legendItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n border-left: 4px solid;\n border-radius: 4px;\n}\n\n.legendLabel {\n font-size: 14px;\n font-weight: 500;\n}\n\n.legendValue {\n font-size: 14px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.6);\n}\n\n.error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 20px;\n color: #dc2626;\n font-size: 14px;\n text-align: center;\n background-color: rgba(220, 38, 38, 0.05);\n border-radius: 8px;\n}\n\n.error code {\n display: block;\n margin-top: 8px;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 4px;\n font-family: \"Monaco\", \"Menlo\", \"Ubuntu Mono\", monospace;\n font-size: 12px;\n word-break: break-all;\n}\n\n.loading {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n color: rgba(0, 0, 0, 0.6);\n font-size: 14px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .circle,\n .labelGroup {\n transition: none;\n }\n}\n\n@media (max-width: 600px) {\n .vennContainer {\n min-height: 250px;\n }\n\n .legend {\n margin-top: 12px;\n padding: 10px;\n gap: 6px;\n }\n\n .legendItem {\n padding: 6px 10px;\n }\n\n .legendLabel,\n .legendValue {\n font-size: 12px;\n }\n\n .value {\n font-size: 14px;\n }\n\n .label {\n font-size: 12px;\n }\n}\n"]}