@syncular/ui 0.0.6-241 → 0.0.6-243
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/charts/activity-chart.js +1 -3
- package/dist/charts/activity-chart.js.map +1 -1
- package/dist/charts/chart.d.ts +3 -3
- package/dist/charts/chart.d.ts.map +1 -1
- package/dist/charts/chart.js +4 -10
- package/dist/charts/chart.js.map +1 -1
- package/dist/charts/latency-chart.js +1 -3
- package/dist/charts/latency-chart.js.map +1 -1
- package/dist/charts/outcomes-chart.js +1 -3
- package/dist/charts/outcomes-chart.js.map +1 -1
- package/dist/console/activity-bars.d.ts +5 -5
- package/dist/console/activity-bars.d.ts.map +1 -1
- package/dist/console/activity-bars.js +2 -16
- package/dist/console/activity-bars.js.map +1 -1
- package/dist/console/alerts-config.d.ts +3 -3
- package/dist/console/alerts-config.d.ts.map +1 -1
- package/dist/console/alerts-config.js +2 -12
- package/dist/console/alerts-config.js.map +1 -1
- package/dist/console/api-keys-table.d.ts +3 -3
- package/dist/console/api-keys-table.d.ts.map +1 -1
- package/dist/console/api-keys-table.js +1 -6
- package/dist/console/api-keys-table.js.map +1 -1
- package/dist/console/bottom-bar.d.ts +3 -3
- package/dist/console/bottom-bar.d.ts.map +1 -1
- package/dist/console/bottom-bar.js +1 -7
- package/dist/console/bottom-bar.js.map +1 -1
- package/dist/console/commit-table.d.ts +1 -1
- package/dist/console/commit-table.d.ts.map +1 -1
- package/dist/console/commit-table.js +1 -7
- package/dist/console/commit-table.js.map +1 -1
- package/dist/console/connection-form.d.ts +9 -9
- package/dist/console/connection-form.d.ts.map +1 -1
- package/dist/console/connection-form.js +1 -14
- package/dist/console/connection-form.js.map +1 -1
- package/dist/console/connection-status-badge.js +1 -3
- package/dist/console/connection-status-badge.js.map +1 -1
- package/dist/console/danger-action-card.js +1 -2
- package/dist/console/danger-action-card.js.map +1 -1
- package/dist/console/empty-state.js.map +1 -1
- package/dist/console/filter-bar.d.ts +3 -3
- package/dist/console/filter-bar.d.ts.map +1 -1
- package/dist/console/filter-bar.js +1 -2
- package/dist/console/filter-bar.js.map +1 -1
- package/dist/console/fleet-card.d.ts +1 -1
- package/dist/console/fleet-card.d.ts.map +1 -1
- package/dist/console/fleet-card.js +3 -24
- package/dist/console/fleet-card.js.map +1 -1
- package/dist/console/fleet-table.d.ts +1 -1
- package/dist/console/fleet-table.d.ts.map +1 -1
- package/dist/console/fleet-table.js +4 -15
- package/dist/console/fleet-table.js.map +1 -1
- package/dist/console/handlers-table.d.ts +1 -1
- package/dist/console/handlers-table.d.ts.map +1 -1
- package/dist/console/handlers-table.js +1 -10
- package/dist/console/handlers-table.js.map +1 -1
- package/dist/console/kpi-card.js +1 -2
- package/dist/console/kpi-card.js.map +1 -1
- package/dist/console/kpi-strip.d.ts.map +1 -1
- package/dist/console/kpi-strip.js +1 -3
- package/dist/console/kpi-strip.js.map +1 -1
- package/dist/console/latency-percentiles.d.ts +2 -2
- package/dist/console/latency-percentiles.d.ts.map +1 -1
- package/dist/console/latency-percentiles.js +1 -12
- package/dist/console/latency-percentiles.js.map +1 -1
- package/dist/console/live-activity-feed.d.ts +3 -3
- package/dist/console/live-activity-feed.d.ts.map +1 -1
- package/dist/console/live-activity-feed.js +3 -11
- package/dist/console/live-activity-feed.js.map +1 -1
- package/dist/console/maintenance-card.d.ts +3 -3
- package/dist/console/maintenance-card.d.ts.map +1 -1
- package/dist/console/maintenance-card.js +2 -10
- package/dist/console/maintenance-card.js.map +1 -1
- package/dist/console/page-header.js +1 -3
- package/dist/console/page-header.js.map +1 -1
- package/dist/console/panel-shell.js +1 -3
- package/dist/console/panel-shell.js.map +1 -1
- package/dist/console/preferences-panel.d.ts +1 -1
- package/dist/console/preferences-panel.d.ts.map +1 -1
- package/dist/console/preferences-panel.js +3 -12
- package/dist/console/preferences-panel.js.map +1 -1
- package/dist/console/section-card.js +1 -3
- package/dist/console/section-card.js.map +1 -1
- package/dist/console/stream-log.d.ts +2 -2
- package/dist/console/stream-log.d.ts.map +1 -1
- package/dist/console/stream-log.js +3 -7
- package/dist/console/stream-log.js.map +1 -1
- package/dist/console/sync-horizon.d.ts +2 -2
- package/dist/console/sync-horizon.d.ts.map +1 -1
- package/dist/console/sync-horizon.js +2 -23
- package/dist/console/sync-horizon.js.map +1 -1
- package/dist/console/sync-lag-bar.js +4 -22
- package/dist/console/sync-lag-bar.js.map +1 -1
- package/dist/console/sync-state-badge.js.map +1 -1
- package/dist/console/topology-card.js.map +1 -1
- package/dist/console/topology-hero.d.ts +8 -8
- package/dist/console/topology-hero.d.ts.map +1 -1
- package/dist/console/topology-hero.js +5 -28
- package/dist/console/topology-hero.js.map +1 -1
- package/dist/demo/actor-panel.js +1 -6
- package/dist/demo/actor-panel.js.map +1 -1
- package/dist/demo/catalog-table.js +1 -7
- package/dist/demo/catalog-table.js.map +1 -1
- package/dist/demo/channel-selector.js +1 -2
- package/dist/demo/channel-selector.js.map +1 -1
- package/dist/demo/client-panel.js +1 -5
- package/dist/demo/client-panel.js.map +1 -1
- package/dist/demo/conflict-panel.js +1 -3
- package/dist/demo/conflict-panel.js.map +1 -1
- package/dist/demo/demo-header.js +1 -4
- package/dist/demo/demo-header.js.map +1 -1
- package/dist/demo/demo-section.js.map +1 -1
- package/dist/demo/encrypted-badge.js +1 -3
- package/dist/demo/encrypted-badge.js.map +1 -1
- package/dist/demo/encryption-flow-diagram.js +1 -15
- package/dist/demo/encryption-flow-diagram.js.map +1 -1
- package/dist/demo/info-panel.js +1 -5
- package/dist/demo/info-panel.js.map +1 -1
- package/dist/demo/media-gallery.js.map +1 -1
- package/dist/demo/media-thumbnail.js +1 -4
- package/dist/demo/media-thumbnail.js.map +1 -1
- package/dist/demo/metric-card.js +1 -4
- package/dist/demo/metric-card.js.map +1 -1
- package/dist/demo/mnemonic-display.js +3 -8
- package/dist/demo/mnemonic-display.js.map +1 -1
- package/dist/demo/note-card.js +1 -3
- package/dist/demo/note-card.js.map +1 -1
- package/dist/demo/sync-controls.js +1 -10
- package/dist/demo/sync-controls.js.map +1 -1
- package/dist/demo/sync-status-badge.js +1 -3
- package/dist/demo/sync-status-badge.js.map +1 -1
- package/dist/demo/task-item.js +1 -2
- package/dist/demo/task-item.js.map +1 -1
- package/dist/demo/task-list.js.map +1 -1
- package/dist/demo/topology-panel.js +1 -4
- package/dist/demo/topology-panel.js.map +1 -1
- package/dist/demo/topology-svg-keyshare.js +1 -19
- package/dist/demo/topology-svg-keyshare.js.map +1 -1
- package/dist/demo/topology-svg-media.js +1 -15
- package/dist/demo/topology-svg-media.js.map +1 -1
- package/dist/demo/topology-svg-split.js +1 -17
- package/dist/demo/topology-svg-split.js.map +1 -1
- package/dist/demo/topology-svg-symmetric.js +1 -21
- package/dist/demo/topology-svg-symmetric.js.map +1 -1
- package/dist/demo/transfer-log.js +1 -7
- package/dist/demo/transfer-log.js.map +1 -1
- package/dist/demo/upload-area.js +2 -8
- package/dist/demo/upload-area.js.map +1 -1
- package/dist/forms/checkbox.d.ts +2 -2
- package/dist/forms/checkbox.d.ts.map +1 -1
- package/dist/forms/checkbox.js +1 -2
- package/dist/forms/checkbox.js.map +1 -1
- package/dist/forms/field.d.ts +1 -1
- package/dist/forms/field.d.ts.map +1 -1
- package/dist/forms/field.js +1 -1
- package/dist/forms/field.js.map +1 -1
- package/dist/forms/select.d.ts +4 -3
- package/dist/forms/select.d.ts.map +1 -1
- package/dist/forms/select.js +1 -1
- package/dist/forms/select.js.map +1 -1
- package/dist/forms/textarea.d.ts +1 -1
- package/dist/forms/textarea.d.ts.map +1 -1
- package/dist/forms/textarea.js.map +1 -1
- package/dist/forms/toggle-group.d.ts +1 -1
- package/dist/forms/toggle-group.d.ts.map +1 -1
- package/dist/forms/toggle-group.js.map +1 -1
- package/dist/forms/toggle.d.ts +1 -1
- package/dist/forms/toggle.d.ts.map +1 -1
- package/dist/forms/toggle.js.map +1 -1
- package/dist/lib/cn.js.map +1 -1
- package/dist/navigation/nav-pill-group.js.map +1 -1
- package/dist/navigation/nav-pill.js.map +1 -1
- package/dist/navigation/status-dot.js.map +1 -1
- package/dist/navigation/syncular-brand.js +1 -3
- package/dist/navigation/syncular-brand.js.map +1 -1
- package/dist/navigation/top-navigation.js +1 -5
- package/dist/navigation/top-navigation.js.map +1 -1
- package/dist/observable-universe/architecture-section.js +2 -34
- package/dist/observable-universe/architecture-section.js.map +1 -1
- package/dist/observable-universe/code-section.js +1 -13
- package/dist/observable-universe/code-section.js.map +1 -1
- package/dist/observable-universe/commit-stream-panel.js +6 -18
- package/dist/observable-universe/commit-stream-panel.js.map +1 -1
- package/dist/observable-universe/connected-clients-panel.js +1 -13
- package/dist/observable-universe/connected-clients-panel.js.map +1 -1
- package/dist/observable-universe/constants.d.ts +2 -2
- package/dist/observable-universe/constants.d.ts.map +1 -1
- package/dist/observable-universe/explanation-section.js +3 -9
- package/dist/observable-universe/explanation-section.js.map +1 -1
- package/dist/observable-universe/footer-bar.js +1 -5
- package/dist/observable-universe/footer-bar.js.map +1 -1
- package/dist/observable-universe/hero-dashboard-section.js +1 -9
- package/dist/observable-universe/hero-dashboard-section.js.map +1 -1
- package/dist/observable-universe/install-section.js +1 -17
- package/dist/observable-universe/install-section.js.map +1 -1
- package/dist/observable-universe/live-metrics-bar.js +1 -11
- package/dist/observable-universe/live-metrics-bar.js.map +1 -1
- package/dist/observable-universe/observable-universe-header.d.ts.map +1 -1
- package/dist/observable-universe/observable-universe-header.js +5 -10
- package/dist/observable-universe/observable-universe-header.js.map +1 -1
- package/dist/observable-universe/observable-universe-landing.js +1 -3
- package/dist/observable-universe/observable-universe-landing.js.map +1 -1
- package/dist/observable-universe/section-heading.js.map +1 -1
- package/dist/observable-universe/sync-topology-panel.js +6 -27
- package/dist/observable-universe/sync-topology-panel.js.map +1 -1
- package/dist/observable-universe/use-observable-universe-simulation.js.map +1 -1
- package/dist/primitives/alert.d.ts +1 -1
- package/dist/primitives/alert.d.ts.map +1 -1
- package/dist/primitives/alert.js +1 -1
- package/dist/primitives/alert.js.map +1 -1
- package/dist/primitives/badge.d.ts +1 -1
- package/dist/primitives/badge.d.ts.map +1 -1
- package/dist/primitives/badge.js.map +1 -1
- package/dist/primitives/button.d.ts +1 -1
- package/dist/primitives/button.d.ts.map +1 -1
- package/dist/primitives/button.js.map +1 -1
- package/dist/primitives/card.d.ts +1 -1
- package/dist/primitives/card.d.ts.map +1 -1
- package/dist/primitives/card.js +1 -1
- package/dist/primitives/card.js.map +1 -1
- package/dist/primitives/dialog.d.ts +1 -1
- package/dist/primitives/dialog.d.ts.map +1 -1
- package/dist/primitives/dialog.js +2 -4
- package/dist/primitives/dialog.js.map +1 -1
- package/dist/primitives/input.d.ts +1 -1
- package/dist/primitives/input.d.ts.map +1 -1
- package/dist/primitives/input.js.map +1 -1
- package/dist/primitives/pagination.d.ts +1 -1
- package/dist/primitives/pagination.d.ts.map +1 -1
- package/dist/primitives/pagination.js +1 -5
- package/dist/primitives/pagination.js.map +1 -1
- package/dist/primitives/separator.d.ts +2 -2
- package/dist/primitives/separator.d.ts.map +1 -1
- package/dist/primitives/separator.js.map +1 -1
- package/dist/primitives/sheet.d.ts +1 -1
- package/dist/primitives/sheet.d.ts.map +1 -1
- package/dist/primitives/sheet.js +2 -4
- package/dist/primitives/sheet.js.map +1 -1
- package/dist/primitives/spinner.d.ts +1 -1
- package/dist/primitives/spinner.d.ts.map +1 -1
- package/dist/primitives/spinner.js +1 -3
- package/dist/primitives/spinner.js.map +1 -1
- package/dist/primitives/switch.d.ts +1 -1
- package/dist/primitives/switch.d.ts.map +1 -1
- package/dist/primitives/switch.js.map +1 -1
- package/dist/primitives/table.d.ts +1 -1
- package/dist/primitives/table.d.ts.map +1 -1
- package/dist/primitives/table.js +1 -1
- package/dist/primitives/table.js.map +1 -1
- package/dist/primitives/tabs.d.ts +1 -1
- package/dist/primitives/tabs.d.ts.map +1 -1
- package/dist/primitives/tabs.js +1 -1
- package/dist/primitives/tabs.js.map +1 -1
- package/dist/primitives/tooltip.d.ts +2 -2
- package/dist/primitives/tooltip.d.ts.map +1 -1
- package/dist/primitives/tooltip.js +1 -1
- package/dist/primitives/typography.d.ts +1 -1
- package/dist/primitives/typography.d.ts.map +1 -1
- package/dist/primitives/typography.js +1 -1
- package/dist/primitives/typography.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +6 -6
- package/src/forms/checkbox.tsx +1 -1
- package/src/forms/field.tsx +1 -1
- package/src/forms/select.tsx +1 -1
- package/src/forms/textarea.tsx +1 -1
- package/src/forms/toggle-group.tsx +1 -1
- package/src/forms/toggle.tsx +1 -1
- package/src/observable-universe/observable-universe-header.tsx +15 -2
- package/src/primitives/alert.tsx +1 -1
- package/src/primitives/badge.tsx +1 -1
- package/src/primitives/button.tsx +1 -1
- package/src/primitives/card.tsx +1 -1
- package/src/primitives/dialog.tsx +5 -5
- package/src/primitives/input.tsx +1 -1
- package/src/primitives/pagination.tsx +1 -1
- package/src/primitives/separator.tsx +1 -1
- package/src/primitives/sheet.tsx +5 -5
- package/src/primitives/spinner.tsx +1 -1
- package/src/primitives/switch.tsx +1 -1
- package/src/primitives/table.tsx +1 -1
- package/src/primitives/tabs.tsx +1 -1
- package/src/primitives/tooltip.tsx +1 -1
- package/src/primitives/typography.tsx +1 -1
|
@@ -8,20 +8,6 @@ export function TopologySvgMedia({ className }) {
|
|
|
8
8
|
const clientAY = 90;
|
|
9
9
|
const clientBX = 600;
|
|
10
10
|
const clientBY = 90;
|
|
11
|
-
return (_jsxs("svg", { viewBox: "0 0 700 180", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 180 }, children: [
|
|
12
|
-
_jsxs("defs", { children: [
|
|
13
|
-
_jsx("filter", { id: "media-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "media-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "media-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })
|
|
14
|
-
] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "55", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("g", { opacity: "0", children: [
|
|
15
|
-
_jsx("animateMotion", { dur: "2.5s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#3b82f6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })
|
|
16
|
-
] }), _jsxs("g", { opacity: "0", children: [
|
|
17
|
-
_jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#8b5cf6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })
|
|
18
|
-
] }), _jsxs("circle", { r: "2.5", fill: "#3b82f6", opacity: "0", children: [
|
|
19
|
-
_jsx("animateMotion", { dur: "2s", begin: "1.2s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2s", begin: "1.2s", repeatCount: "indefinite" })
|
|
20
|
-
] }), _jsxs("circle", { r: "2.5", fill: "#8b5cf6", opacity: "0", children: [
|
|
21
|
-
_jsx("animateMotion", { dur: "2.2s", begin: "1.6s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.2s", begin: "1.6s", repeatCount: "indefinite" })
|
|
22
|
-
] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
|
|
23
|
-
_jsx("animate", { attributeName: "r", from: "28", to: "50", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
|
|
24
|
-
] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#media-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 42, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 52, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "blob store" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#media-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "UPLOADER" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client A" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#media-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "RECEIVER" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client B" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 18, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB UPLOAD" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 18, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB DOWNLOAD" })
|
|
25
|
-
] }));
|
|
11
|
+
return (_jsxs("svg", { viewBox: "0 0 700 180", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 180 }, children: [_jsxs("defs", { children: [_jsx("filter", { id: "media-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "media-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "media-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "55", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("g", { opacity: "0", children: [_jsx("animateMotion", { dur: "2.5s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#3b82f6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })] }), _jsxs("g", { opacity: "0", children: [_jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" }), _jsx("rect", { x: "-6", y: "-4", width: "12", height: "8", rx: "2", fill: "#8b5cf6", opacity: "0.8" }), _jsx("rect", { x: "-4", y: "-2", width: "3", height: "4", rx: "0.5", fill: "rgba(255,255,255,0.3)" })] }), _jsxs("circle", { r: "2.5", fill: "#3b82f6", opacity: "0", children: [_jsx("animateMotion", { dur: "2s", begin: "1.2s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2s", begin: "1.2s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "2.5", fill: "#8b5cf6", opacity: "0", children: [_jsx("animateMotion", { dur: "2.2s", begin: "1.6s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.2s", begin: "1.6s", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [_jsx("animate", { attributeName: "r", from: "28", to: "50", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#media-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 42, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 52, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "blob store" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#media-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "UPLOADER" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client A" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#media-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "RECEIVER" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "client B" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 18, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB UPLOAD" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 18, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "BLOB DOWNLOAD" })] }));
|
|
26
12
|
}
|
|
27
13
|
//# sourceMappingURL=topology-svg-media.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"topology-svg-media.js","sourceRoot":"","sources":["../../src/demo/topology-svg-media.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAyB
|
|
1
|
+
{"version":3,"file":"topology-svg-media.js","sourceRoot":"","sources":["../../src/demo/topology-svg-media.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,22 +8,6 @@ export function TopologySvgSplit({ className }) {
|
|
|
8
8
|
const clientAY = 100;
|
|
9
9
|
const clientBX = 600;
|
|
10
10
|
const clientBY = 100;
|
|
11
|
-
return (_jsxs("svg", { viewBox: "0 0 700 200", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 200 }, children: [
|
|
12
|
-
_jsxs("defs", { children: [
|
|
13
|
-
_jsx("filter", { id: "split-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "split-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "split-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })
|
|
14
|
-
] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "60", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
|
|
15
|
-
_jsx("animateMotion", { dur: "2s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", repeatCount: "indefinite" })
|
|
16
|
-
] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
|
|
17
|
-
_jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" })
|
|
18
|
-
] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
|
|
19
|
-
_jsx("animateMotion", { dur: "2s", begin: "0.5s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", begin: "0.5s", repeatCount: "indefinite" })
|
|
20
|
-
] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [
|
|
21
|
-
_jsx("animateMotion", { dur: "2.5s", begin: "1.3s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "1.3s", repeatCount: "indefinite" })
|
|
22
|
-
] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
|
|
23
|
-
_jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", repeatCount: "indefinite" })
|
|
24
|
-
] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [
|
|
25
|
-
_jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
|
|
26
|
-
] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#split-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 44, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#split-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT A" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "wa-sqlite" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#split-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT B" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "PGlite" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 22, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 22, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" })
|
|
27
|
-
] }));
|
|
11
|
+
return (_jsxs("svg", { viewBox: "0 0 700 200", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 200 }, children: [_jsxs("defs", { children: [_jsx("filter", { id: "split-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.3" }) }), _jsx("filter", { id: "split-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "split-glow-purple", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#8b5cf6", floodOpacity: "0.25" }) })] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "90", ry: "60", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: clientAX, y1: clientAY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1.5", opacity: "0.3" }), _jsx("line", { x1: serverX, y1: serverY, x2: clientBX, y2: clientBY, stroke: "#8b5cf6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.6", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [_jsx("animateMotion", { dur: "2s", repeatCount: "indefinite", path: `M${clientAX},${clientAY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [_jsx("animateMotion", { dur: "2.5s", begin: "0.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientAX},${clientAY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "0.8s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [_jsx("animateMotion", { dur: "2s", begin: "0.5s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${clientBX},${clientBY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", begin: "0.5s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#8b5cf6", opacity: "0", children: [_jsx("animateMotion", { dur: "2.5s", begin: "1.3s", repeatCount: "indefinite", path: `M${clientBX},${clientBY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.7;0.7;0", dur: "2.5s", begin: "1.3s", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [_jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#22c55e", strokeWidth: "0.5", opacity: "0", children: [_jsx("animate", { attributeName: "r", from: "28", to: "52", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })] }), _jsx("circle", { cx: serverX, cy: serverY, r: "28", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#split-glow-green)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "14", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("ellipse", { cx: serverX, cy: serverY - 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("path", { d: `M${serverX - 6} ${serverY - 3} v6 c0 1.7 2.7 3 6 3 s6-1.3 6-3 v-6`, fill: "none", stroke: "#22c55e", strokeWidth: "1.2" }), _jsx("ellipse", { cx: serverX, cy: serverY + 3, rx: "6", ry: "3", fill: "none", stroke: "#22c55e", strokeWidth: "0.8", opacity: "0.5" }), _jsx("text", { x: serverX, y: serverY + 44, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#split-glow-blue)" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("circle", { cx: clientAX, cy: clientAY, r: "4", fill: "#3b82f6" }), _jsx("text", { x: clientAX, y: clientAY + 34, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT A" }), _jsx("text", { x: clientAX, y: clientAY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "wa-sqlite" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "22", fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: "2", filter: "url(#split-glow-purple)" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "10", fill: "rgba(139,92,246,0.12)", stroke: "#8b5cf6", strokeWidth: "1" }), _jsx("circle", { cx: clientBX, cy: clientBY, r: "4", fill: "#8b5cf6" }), _jsx("text", { x: clientBX, y: clientBY + 34, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "CLIENT B" }), _jsx("text", { x: clientBX, y: clientBY + 44, textAnchor: "middle", fill: "#444", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", children: "PGlite" }), _jsx("text", { x: (clientAX + serverX) / 2, y: clientAY - 22, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" }), _jsx("text", { x: (serverX + clientBX) / 2, y: clientBY - 22, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.4", letterSpacing: "1.5", children: "HTTP / WS" })] }));
|
|
28
12
|
}
|
|
29
13
|
//# sourceMappingURL=topology-svg-split.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"topology-svg-split.js","sourceRoot":"","sources":["../../src/demo/topology-svg-split.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAyB
|
|
1
|
+
{"version":3,"file":"topology-svg-split.js","sourceRoot":"","sources":["../../src/demo/topology-svg-split.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,26 +10,6 @@ export function TopologySvgSymmetric({ className }) {
|
|
|
10
10
|
const developerY = 60;
|
|
11
11
|
const viewerX = 350;
|
|
12
12
|
const viewerY = 230;
|
|
13
|
-
return (_jsxs("svg", { viewBox: "0 0 700 280", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 270 }, children: [
|
|
14
|
-
_jsxs("defs", { children: [
|
|
15
|
-
_jsx("filter", { id: "sym-glow-pink", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f472b6", floodOpacity: "0.3" }) }), _jsx("filter", { id: "sym-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-amber", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f59e0b", floodOpacity: "0.25" }) })
|
|
16
|
-
] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "100", ry: "75", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
|
|
17
|
-
_jsx("animateMotion", { dur: "2.2s", repeatCount: "indefinite", path: `M${designerX},${designerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", repeatCount: "indefinite" })
|
|
18
|
-
] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [
|
|
19
|
-
_jsx("animateMotion", { dur: "2.6s", begin: "1s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${designerX},${designerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1s", repeatCount: "indefinite" })
|
|
20
|
-
] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [
|
|
21
|
-
_jsx("animateMotion", { dur: "2.2s", begin: "0.4s", repeatCount: "indefinite", path: `M${developerX},${developerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.4s", repeatCount: "indefinite" })
|
|
22
|
-
] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [
|
|
23
|
-
_jsx("animateMotion", { dur: "2.6s", begin: "1.4s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${developerX},${developerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.4s", repeatCount: "indefinite" })
|
|
24
|
-
] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [
|
|
25
|
-
_jsx("animateMotion", { dur: "2.2s", begin: "0.8s", repeatCount: "indefinite", path: `M${viewerX},${viewerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.8s", repeatCount: "indefinite" })
|
|
26
|
-
] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [
|
|
27
|
-
_jsx("animateMotion", { dur: "2.6s", begin: "1.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${viewerX},${viewerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.8s", repeatCount: "indefinite" })
|
|
28
|
-
] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
|
|
29
|
-
_jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })
|
|
30
|
-
] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [
|
|
31
|
-
_jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
|
|
32
|
-
] }), _jsx("circle", { cx: serverX, cy: serverY, r: "30", fill: "#0c0c0c", stroke: "#f472b6", strokeWidth: "2", filter: "url(#sym-glow-pink)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "15", fill: "rgba(244,114,182,0.1)", stroke: "#f472b6", strokeWidth: "1" }), _jsx("rect", { x: serverX - 6, y: serverY - 2, width: "12", height: "9", rx: "1.5", fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("path", { d: `M${serverX - 3.5} ${serverY - 2} V${serverY - 5.5} a3.5 3.5 0 0 1 7 0 V${serverY - 2}`, fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("circle", { cx: serverX, cy: serverY + 2, r: "1", fill: "#f472b6" }), _jsx("text", { x: serverX, y: serverY + 46, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 56, textAnchor: "middle", fill: "#f472b6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "ciphertext only" }), _jsx("circle", { cx: designerX, cy: designerY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#sym-glow-blue)" }), _jsx("circle", { cx: designerX, cy: designerY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("path", { d: `M${designerX - 3} ${designerY + 3} l6 -6 2 2 -6 6z`, fill: "none", stroke: "#3b82f6", strokeWidth: "1.2" }), _jsx("text", { x: designerX, y: designerY - 30, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DESIGNER" }), _jsx("circle", { cx: developerX, cy: developerY, r: "22", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#sym-glow-green)" }), _jsx("circle", { cx: developerX, cy: developerY, r: "10", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("text", { x: developerX, y: developerY + 4, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "11", children: '</>' }), _jsx("text", { x: developerX, y: developerY - 30, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DEVELOPER" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "22", fill: "#0c0c0c", stroke: "#f59e0b", strokeWidth: "2", filter: "url(#sym-glow-amber)" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "10", fill: "rgba(245,158,11,0.12)", stroke: "#f59e0b", strokeWidth: "1" }), _jsx("ellipse", { cx: viewerX, cy: viewerY, rx: "6", ry: "3.5", fill: "none", stroke: "#f59e0b", strokeWidth: "1.2" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "1.5", fill: "#f59e0b" }), _jsx("text", { x: viewerX, y: viewerY + 34, textAnchor: "middle", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "VIEWER" }), _jsx("text", { x: (designerX + serverX) / 2 - 15, y: (designerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: (developerX + serverX) / 2 + 15, y: (developerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: viewerX - 40, y: (viewerY + serverY) / 2 + 8, textAnchor: "end", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" })
|
|
33
|
-
] }));
|
|
13
|
+
return (_jsxs("svg", { viewBox: "0 0 700 280", className: cn('w-full max-w-[700px] h-auto', className), style: { minHeight: 270 }, children: [_jsxs("defs", { children: [_jsx("filter", { id: "sym-glow-pink", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f472b6", floodOpacity: "0.3" }) }), _jsx("filter", { id: "sym-glow-blue", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#3b82f6", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-green", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#22c55e", floodOpacity: "0.25" }) }), _jsx("filter", { id: "sym-glow-amber", children: _jsx("feDropShadow", { dx: "0", dy: "0", stdDeviation: "4", floodColor: "#f59e0b", floodOpacity: "0.25" }) })] }), _jsx("ellipse", { cx: serverX, cy: serverY, rx: "100", ry: "75", fill: "none", stroke: "#1a1a1a", strokeWidth: "1", strokeDasharray: "4 8" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: designerX, y1: designerY, x2: serverX, y2: serverY, stroke: "#3b82f6", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: developerX, y1: developerY, x2: serverX, y2: serverY, stroke: "#22c55e", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1.5", opacity: "0.25" }), _jsx("line", { x1: viewerX, y1: viewerY, x2: serverX, y2: serverY, stroke: "#f59e0b", strokeWidth: "1", strokeDasharray: "4 2", opacity: "0.5", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [_jsx("animateMotion", { dur: "2.2s", repeatCount: "indefinite", path: `M${designerX},${designerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#3b82f6", opacity: "0", children: [_jsx("animateMotion", { dur: "2.6s", begin: "1s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${designerX},${designerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [_jsx("animateMotion", { dur: "2.2s", begin: "0.4s", repeatCount: "indefinite", path: `M${developerX},${developerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.4s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#22c55e", opacity: "0", children: [_jsx("animateMotion", { dur: "2.6s", begin: "1.4s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${developerX},${developerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.4s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [_jsx("animateMotion", { dur: "2.2s", begin: "0.8s", repeatCount: "indefinite", path: `M${viewerX},${viewerY} L${serverX},${serverY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: "2.2s", begin: "0.8s", repeatCount: "indefinite" })] }), _jsxs("circle", { r: "3", fill: "#f59e0b", opacity: "0", children: [_jsx("animateMotion", { dur: "2.6s", begin: "1.8s", repeatCount: "indefinite", path: `M${serverX},${serverY} L${viewerX},${viewerY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: "2.6s", begin: "1.8s", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [_jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", repeatCount: "indefinite" })] }), _jsxs("circle", { cx: serverX, cy: serverY, r: "40", fill: "none", stroke: "#f472b6", strokeWidth: "0.5", opacity: "0", children: [_jsx("animate", { attributeName: "r", from: "30", to: "55", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })] }), _jsx("circle", { cx: serverX, cy: serverY, r: "30", fill: "#0c0c0c", stroke: "#f472b6", strokeWidth: "2", filter: "url(#sym-glow-pink)" }), _jsx("circle", { cx: serverX, cy: serverY, r: "15", fill: "rgba(244,114,182,0.1)", stroke: "#f472b6", strokeWidth: "1" }), _jsx("rect", { x: serverX - 6, y: serverY - 2, width: "12", height: "9", rx: "1.5", fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("path", { d: `M${serverX - 3.5} ${serverY - 2} V${serverY - 5.5} a3.5 3.5 0 0 1 7 0 V${serverY - 2}`, fill: "none", stroke: "#f472b6", strokeWidth: "1.5" }), _jsx("circle", { cx: serverX, cy: serverY + 2, r: "1", fill: "#f472b6" }), _jsx("text", { x: serverX, y: serverY + 46, textAnchor: "middle", fill: "#555", fontFamily: "'JetBrains Mono', monospace", fontSize: "9", letterSpacing: "2", children: "SERVER" }), _jsx("text", { x: serverX, y: serverY + 56, textAnchor: "middle", fill: "#f472b6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.5", children: "ciphertext only" }), _jsx("circle", { cx: designerX, cy: designerY, r: "22", fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: "2", filter: "url(#sym-glow-blue)" }), _jsx("circle", { cx: designerX, cy: designerY, r: "10", fill: "rgba(59,130,246,0.12)", stroke: "#3b82f6", strokeWidth: "1" }), _jsx("path", { d: `M${designerX - 3} ${designerY + 3} l6 -6 2 2 -6 6z`, fill: "none", stroke: "#3b82f6", strokeWidth: "1.2" }), _jsx("text", { x: designerX, y: designerY - 30, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DESIGNER" }), _jsx("circle", { cx: developerX, cy: developerY, r: "22", fill: "#0c0c0c", stroke: "#22c55e", strokeWidth: "2", filter: "url(#sym-glow-green)" }), _jsx("circle", { cx: developerX, cy: developerY, r: "10", fill: "rgba(34,197,94,0.12)", stroke: "#22c55e", strokeWidth: "1" }), _jsx("text", { x: developerX, y: developerY + 4, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "11", children: '</>' }), _jsx("text", { x: developerX, y: developerY - 30, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "DEVELOPER" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "22", fill: "#0c0c0c", stroke: "#f59e0b", strokeWidth: "2", filter: "url(#sym-glow-amber)" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "10", fill: "rgba(245,158,11,0.12)", stroke: "#f59e0b", strokeWidth: "1" }), _jsx("ellipse", { cx: viewerX, cy: viewerY, rx: "6", ry: "3.5", fill: "none", stroke: "#f59e0b", strokeWidth: "1.2" }), _jsx("circle", { cx: viewerX, cy: viewerY, r: "1.5", fill: "#f59e0b" }), _jsx("text", { x: viewerX, y: viewerY + 34, textAnchor: "middle", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "8", letterSpacing: "1", opacity: "0.8", children: "VIEWER" }), _jsx("text", { x: (designerX + serverX) / 2 - 15, y: (designerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#3b82f6", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: (developerX + serverX) / 2 + 15, y: (developerY + serverY) / 2 - 12, textAnchor: "middle", fill: "#22c55e", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" }), _jsx("text", { x: viewerX - 40, y: (viewerY + serverY) / 2 + 8, textAnchor: "end", fill: "#f59e0b", fontFamily: "'JetBrains Mono', monospace", fontSize: "7", opacity: "0.35", letterSpacing: "1", children: "ENCRYPTED" })] }));
|
|
34
14
|
}
|
|
35
15
|
//# sourceMappingURL=topology-svg-symmetric.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"topology-svg-symmetric.js","sourceRoot":"","sources":["../../src/demo/topology-svg-symmetric.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAA6B
|
|
1
|
+
{"version":3,"file":"topology-svg-symmetric.js","sourceRoot":"","sources":["../../src/demo/topology-svg-symmetric.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,12 +7,6 @@ const badgeClass = {
|
|
|
7
7
|
DEDUP: 'inline-flex items-center px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider bg-syncing/10 text-syncing border border-syncing/20',
|
|
8
8
|
};
|
|
9
9
|
export function TransferLog({ entries, label = 'Blob Transfer Log', emptyText = 'No transfers yet', className, }) {
|
|
10
|
-
return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel', className), children: [
|
|
11
|
-
_jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [
|
|
12
|
-
_jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: label }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: [entries.length, " transfers"] })
|
|
13
|
-
] }), _jsx("div", { className: "overflow-auto", style: { maxHeight: 180 }, children: entries.length === 0 ? (_jsx("div", { className: "text-center py-6", children: _jsx("span", { className: "font-mono text-[10px] text-neutral-600", children: emptyText }) })) : (entries.map((entry, i) => (_jsxs("div", { className: "font-mono text-[10px] leading-[26px] px-3 flex items-center gap-2.5 border-b border-[#141414] text-neutral-500 last:border-b-0", children: [
|
|
14
|
-
_jsx("span", { className: badgeClass[entry.type], children: entry.type }), _jsx("span", { className: "truncate", children: entry.name }), _jsx("span", { className: "text-neutral-700", children: entry.size }), _jsx("span", { className: "ml-auto text-neutral-700", children: entry.time })
|
|
15
|
-
] }, `${entry.name}-${i}`)))) })
|
|
16
|
-
] }));
|
|
10
|
+
return (_jsxs("div", { className: cn('rounded-[10px] border border-border bg-panel', className), children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border", children: [_jsx("span", { className: "font-mono text-[10px] uppercase tracking-wider text-neutral-500", children: label }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: [entries.length, " transfers"] })] }), _jsx("div", { className: "overflow-auto", style: { maxHeight: 180 }, children: entries.length === 0 ? (_jsx("div", { className: "text-center py-6", children: _jsx("span", { className: "font-mono text-[10px] text-neutral-600", children: emptyText }) })) : (entries.map((entry, i) => (_jsxs("div", { className: "font-mono text-[10px] leading-[26px] px-3 flex items-center gap-2.5 border-b border-[#141414] text-neutral-500 last:border-b-0", children: [_jsx("span", { className: badgeClass[entry.type], children: entry.type }), _jsx("span", { className: "truncate", children: entry.name }), _jsx("span", { className: "text-neutral-700", children: entry.size }), _jsx("span", { className: "ml-auto text-neutral-700", children: entry.time })] }, `${entry.name}-${i}`)))) })] }));
|
|
17
11
|
}
|
|
18
12
|
//# sourceMappingURL=transfer-log.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-log.js","sourceRoot":"","sources":["../../src/demo/transfer-log.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAgB/B,MAAM,UAAU,GAA0C;IACxD,MAAM,EACJ,0IAA0I;IAC5I,IAAI,EAAE,mJAAmJ;IACzJ,KAAK,EACH,mJAAmJ;CACtJ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,mBAAmB,EAC3B,SAAS,GAAG,kBAAkB,EAC9B,SAAS,GACQ
|
|
1
|
+
{"version":3,"file":"transfer-log.js","sourceRoot":"","sources":["../../src/demo/transfer-log.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAgB/B,MAAM,UAAU,GAA0C;IACxD,MAAM,EACJ,0IAA0I;IAC5I,IAAI,EAAE,mJAAmJ;IACzJ,KAAK,EACH,mJAAmJ;CACtJ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,mBAAmB,EAC3B,SAAS,GAAG,kBAAkB,EAC9B,SAAS,GACQ;IACjB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,aAExE,eAAK,SAAS,EAAC,oEAAoE,aACjF,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,EACP,gBAAM,SAAS,EAAC,wCAAwC,aACrD,OAAO,CAAC,MAAM,kBACV,IACH,EACN,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YACrD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,kBAAkB,YAC/B,eAAM,SAAS,EAAC,wCAAwC,YACrD,SAAS,GACL,GACH,CACP,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,eAEE,SAAS,EAAC,gIAAgI,aAE1I,eAAM,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,YAAG,KAAK,CAAC,IAAI,GAAQ,EAC5D,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,EAC9C,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,IAAI,GAAQ,EACtD,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,CAAC,IAAI,GAAQ,KANzD,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAOrB,CACP,CAAC,CACH,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/demo/upload-area.js
CHANGED
|
@@ -44,15 +44,9 @@ export const UploadArea = forwardRef(({ className, onChange, label = 'Click to u
|
|
|
44
44
|
const handleChange = (e) => {
|
|
45
45
|
onChange?.(e.target.files);
|
|
46
46
|
};
|
|
47
|
-
return (_jsxs(_Fragment, { children: [
|
|
48
|
-
_jsx("input", { ref: setInputRef, type: "file", className: "sr-only", onClick: handleInputClick, onChange: handleChange, disabled: disabled, ...props }), _jsx("button", { type: "button", className: cn('w-full relative border border-dashed border-border-bright rounded-lg p-4 text-center cursor-pointer transition-colors', disabled && 'cursor-not-allowed opacity-60', isDragging && 'border-flow/40 bg-flow/[0.02]', !isDragging &&
|
|
47
|
+
return (_jsxs(_Fragment, { children: [_jsx("input", { ref: setInputRef, type: "file", className: "sr-only", onClick: handleInputClick, onChange: handleChange, disabled: disabled, ...props }), _jsx("button", { type: "button", className: cn('w-full relative border border-dashed border-border-bright rounded-lg p-4 text-center cursor-pointer transition-colors', disabled && 'cursor-not-allowed opacity-60', isDragging && 'border-flow/40 bg-flow/[0.02]', !isDragging &&
|
|
49
48
|
!disabled &&
|
|
50
|
-
'hover:border-flow/40 hover:bg-flow/[0.02]', className), onClick: handleClick, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, disabled: disabled, "aria-label": label, children: children ?? (_jsxs(_Fragment, { children: [
|
|
51
|
-
_jsxs("svg", { className: "w-6 h-6 mx-auto mb-2 text-neutral-600", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
52
|
-
_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
|
|
53
|
-
] }), _jsx("div", { className: "font-mono text-[10px] text-neutral-500", children: label })
|
|
54
|
-
] })) })
|
|
55
|
-
] }));
|
|
49
|
+
'hover:border-flow/40 hover:bg-flow/[0.02]', className), onClick: handleClick, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, disabled: disabled, "aria-label": label, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "w-6 h-6 mx-auto mb-2 text-neutral-600", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }), _jsx("div", { className: "font-mono text-[10px] text-neutral-500", children: label })] })) })] }));
|
|
56
50
|
});
|
|
57
51
|
UploadArea.displayName = 'UploadArea';
|
|
58
52
|
//# sourceMappingURL=upload-area.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload-area.js","sourceRoot":"","sources":["../../src/demo/upload-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,UAAU,EAEV,WAAW,EACX,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,uBAAuB,EAC/B,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE
|
|
1
|
+
{"version":3,"file":"upload-area.js","sourceRoot":"","sources":["../../src/demo/upload-area.tsx"],"names":[],"mappings":"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"}
|
package/dist/forms/checkbox.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ type CheckboxProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Root> & {
|
|
|
4
4
|
label?: string;
|
|
5
5
|
};
|
|
6
6
|
declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
|
|
7
|
-
label?: string
|
|
7
|
+
label?: string;
|
|
8
8
|
} & import("react").RefAttributes<HTMLElement>>;
|
|
9
|
-
export { Checkbox };
|
|
10
9
|
export type { CheckboxProps };
|
|
10
|
+
export { Checkbox };
|
|
11
11
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,QAAQ;YAHJ,MAAM;+CA8Cf,CAAC;AAGF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/forms/checkbox.js
CHANGED
|
@@ -6,8 +6,7 @@ import { cn } from '../lib/cn.js';
|
|
|
6
6
|
const Checkbox = forwardRef(({ className, label, ...props }, ref) => {
|
|
7
7
|
const checkbox = (_jsx(BaseCheckbox.Root, { ref: ref, className: cn('w-[15px] h-[15px] border-[1.5px] border-neutral-700 rounded-full flex items-center justify-center cursor-pointer transition-all duration-200', 'data-[checked]:bg-healthy data-[checked]:border-healthy data-[checked]:shadow-[0_0_6px_rgba(34,197,94,0.3)]', className), ...props, children: _jsx(BaseCheckbox.Indicator, { className: "flex items-center justify-center text-white", children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M1.5 4L3.25 5.75L6.5 2.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }));
|
|
8
8
|
if (label) {
|
|
9
|
-
return (_jsxs("span", { className: "inline-flex items-center gap-2 cursor-pointer font-mono text-[11px] text-neutral-400", children: [checkbox, _jsx("span", { children: label })
|
|
10
|
-
] }));
|
|
9
|
+
return (_jsxs("span", { className: "inline-flex items-center gap-2 cursor-pointer font-mono text-[11px] text-neutral-400", children: [checkbox, _jsx("span", { children: label })] }));
|
|
11
10
|
}
|
|
12
11
|
return checkbox;
|
|
13
12
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/forms/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtC,MAAM,QAAQ,GAAG,CACf,KAAC,YAAY,CAAC,IAAI,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,6GAA6G,EAC7G,SAAS,CACV,KACG,KAAK,YAET,KAAC,YAAY,CAAC,SAAS,IAAC,SAAS,EAAC,6CAA6C,YAC7E,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,2BAA2B,EAC7B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACiB,GACP,CACrB,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,gBAAM,SAAS,EAAC,sFAAsF,aACnG,QAAQ,EACT,yBAAO,KAAK,GAAQ,IACf,CACR,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/forms/field.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<Omit<im
|
|
|
3
3
|
declare const FieldDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
4
4
|
declare const FieldError: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const FieldContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
-
export { Field,
|
|
6
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldLabel };
|
|
7
7
|
//# sourceMappingURL=field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,KAAK,iJAAiB,CAAC;AAE7B,QAAA,MAAM,UAAU,yMAYd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOASpB,CAAC;AAGH,QAAA,MAAM,UAAU,+MASd,CAAC;AAGH,QAAA,MAAM,YAAY,2MAKhB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,KAAK,iJAAiB,CAAC;AAE7B,QAAA,MAAM,UAAU,yMAYd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iOASpB,CAAC;AAGH,QAAA,MAAM,UAAU,+MASd,CAAC;AAGH,QAAA,MAAM,YAAY,2MAKhB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/forms/field.js
CHANGED
|
@@ -12,5 +12,5 @@ const FieldError = forwardRef(({ className, ...props }, ref) => (_jsx(BaseField.
|
|
|
12
12
|
FieldError.displayName = 'FieldError';
|
|
13
13
|
const FieldContent = forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(className), ...props })));
|
|
14
14
|
FieldContent.displayName = 'FieldContent';
|
|
15
|
-
export { Field,
|
|
15
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldLabel };
|
|
16
16
|
//# sourceMappingURL=field.js.map
|
package/dist/forms/field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAGL,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;AAE7B,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,WAAW,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACvD,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/forms/field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAGL,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;AAE7B,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,WAAW,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,CAAC,KAAK,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACvD,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/forms/select.d.ts
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { Select as BaseSelect } from '@base-ui/react/select';
|
|
2
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
3
|
declare const Select: typeof BaseSelect.Root;
|
|
3
4
|
declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
5
|
declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
6
|
declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
|
-
portalProps?:
|
|
7
|
-
positionerProps?:
|
|
7
|
+
portalProps?: ComponentPropsWithoutRef<typeof BaseSelect.Portal>;
|
|
8
|
+
positionerProps?: ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;
|
|
8
9
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
10
|
declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export { Select,
|
|
11
|
+
export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
|
|
11
12
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,QAAA,MAAM,MAAM,wBAAkB,CAAC;AAE/B,QAAA,MAAM,aAAa,wNAcjB,CAAC;AAGH,QAAA,MAAM,WAAW,oJAAmB,CAAC;AAErC,QAAA,MAAM,aAAa;kBAGD,wBAAwB,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC;sBAC9C,wBAAwB,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC;kDAe1E,CAAC;AAGH,QAAA,MAAM,UAAU,4MAYd,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/forms/select.js
CHANGED
|
@@ -11,5 +11,5 @@ const SelectContent = forwardRef(({ className, portalProps, positionerProps, ...
|
|
|
11
11
|
SelectContent.displayName = 'SelectContent';
|
|
12
12
|
const SelectItem = forwardRef(({ className, ...props }, ref) => (_jsx(BaseSelect.Item, { ref: ref, className: cn('font-mono text-[11px] px-3 py-1.5 text-neutral-400 cursor-pointer hover:bg-white/[0.03] hover:text-white data-[highlighted]:bg-white/[0.03] data-[highlighted]:text-white outline-none', className), ...props })));
|
|
13
13
|
SelectItem.displayName = 'SelectItem';
|
|
14
|
-
export { Select,
|
|
14
|
+
export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
|
|
15
15
|
//# sourceMappingURL=select.js.map
|
package/dist/forms/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAE/B,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACU,CACtB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC;AAErC,MAAM,aAAa,GAAG,UAAU,CAM9B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,KAAC,UAAU,CAAC,MAAM,OAAK,WAAW,YAChC,KAAC,UAAU,CAAC,UAAU,OAAK,eAAe,YACxC,KAAC,UAAU,CAAC,KAAK,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV,KACG,KAAK,GACT,GACoB,GACN,CACrB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wLAAwL,EACxL,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAE/B,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACU,CACtB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC;AAErC,MAAM,aAAa,GAAG,UAAU,CAM9B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,KAAC,UAAU,CAAC,MAAM,OAAK,WAAW,YAChC,KAAC,UAAU,CAAC,UAAU,OAAK,eAAe,YACxC,KAAC,UAAU,CAAC,KAAK,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV,KACG,KAAK,GACT,GACoB,GACN,CACrB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wLAAwL,EACxL,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/forms/textarea.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
type TextareaProps = ComponentPropsWithoutRef<'textarea'>;
|
|
3
3
|
declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
4
|
-
export { Textarea };
|
|
5
4
|
export type { TextareaProps };
|
|
5
|
+
export { Textarea };
|
|
6
6
|
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE1D,QAAA,MAAM,QAAQ,kOAWb,CAAC;AAGF,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE1D,QAAA,MAAM,QAAQ,kOAWb,CAAC;AAGF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mMAAmM,EACnM,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mMAAmM,EACnM,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -2,6 +2,6 @@ import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
|
|
|
2
2
|
import { type ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
type ToggleGroupProps = ComponentPropsWithoutRef<typeof BaseToggleGroup>;
|
|
4
4
|
declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<BaseToggleGroup.Props<string> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export { ToggleGroup };
|
|
6
5
|
export type { ToggleGroupProps };
|
|
6
|
+
export { ToggleGroup };
|
|
7
7
|
//# sourceMappingURL=toggle-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW,uLAQhB,CAAC;AAGF,
|
|
1
|
+
{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW,uLAQhB,CAAC;AAGF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/forms/toggle.d.ts
CHANGED
|
@@ -2,6 +2,6 @@ import { Toggle as BaseToggle } from '@base-ui/react/toggle';
|
|
|
2
2
|
import { type ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
type ToggleProps = ComponentPropsWithoutRef<typeof BaseToggle>;
|
|
4
4
|
declare const Toggle: import("react").ForwardRefExoticComponent<Omit<BaseToggle.Props<string> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
-
export { Toggle };
|
|
6
5
|
export type { ToggleProps };
|
|
6
|
+
export { Toggle };
|
|
7
7
|
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,QAAA,MAAM,MAAM,wLAWX,CAAC;AAGF,
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,QAAA,MAAM,MAAM,wLAWX,CAAC;AAGF,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/dist/forms/toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,MAAM,GAAG,UAAU,CACvB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2OAA2O,EAC3O,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,MAAM,GAAG,UAAU,CACvB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2OAA2O,EAC3O,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAG9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
|