entangle-ui 0.3.0 → 0.4.0

package/dist/esm/assets/src/theme/darkTheme.css.ts.vanilla-V8lWHaQH.css

@@ -0,0 +1,95 @@
+:root {
+  --etui-color-bg-primary: #1a1a1a;
+  --etui-color-bg-secondary: #2d2d2d;
+  --etui-color-bg-tertiary: #3a3a3a;
+  --etui-color-bg-elevated: #404040;
+  --etui-color-surface-default: #2d2d2d;
+  --etui-color-surface-hover: #363636;
+  --etui-color-surface-active: #404040;
+  --etui-color-surface-disabled: #1f1f1f;
+  --etui-color-surface-white-overlay: rgba(255, 255, 255, 0.1);
+  --etui-color-border-default: #4a4a4a;
+  --etui-color-border-focus: #007acc;
+  --etui-color-border-error: #f44336;
+  --etui-color-border-success: #4caf50;
+  --etui-color-text-primary: #ffffff;
+  --etui-color-text-secondary: #cccccc;
+  --etui-color-text-muted: #888888;
+  --etui-color-text-disabled: #555555;
+  --etui-color-accent-primary: #007acc;
+  --etui-color-accent-secondary: #005a9e;
+  --etui-color-accent-success: #4caf50;
+  --etui-color-accent-warning: #ff9800;
+  --etui-color-accent-error: #f44336;
+  --etui-color-backdrop: rgba(0, 0, 0, 0.6);
+  --etui-spacing-xs: 2px;
+  --etui-spacing-sm: 4px;
+  --etui-spacing-md: 8px;
+  --etui-spacing-lg: 12px;
+  --etui-spacing-xl: 16px;
+  --etui-spacing-xxl: 24px;
+  --etui-spacing-xxxl: 32px;
+  --etui-font-size-xxs: 9px;
+  --etui-font-size-xs: 10px;
+  --etui-font-size-sm: 11px;
+  --etui-font-size-md: 12px;
+  --etui-font-size-lg: 14px;
+  --etui-font-size-xl: 16px;
+  --etui-font-weight-normal: 400;
+  --etui-font-weight-medium: 500;
+  --etui-font-weight-semibold: 600;
+  --etui-line-height-tight: 1.2;
+  --etui-line-height-normal: 1.4;
+  --etui-line-height-relaxed: 1.6;
+  --etui-font-family-mono: SF Mono, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --etui-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --etui-radius-none: 0px;
+  --etui-radius-sm: 2px;
+  --etui-radius-md: 4px;
+  --etui-radius-lg: 6px;
+  --etui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
+  --etui-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.3);
+  --etui-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4);
+  --etui-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.5);
+  --etui-shadow-focus: 0 0 0 2px rgba(0, 122, 204, 0.4);
+  --etui-shadow-separator-bottom: 0 1px 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-separator-right: 1px 0 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-separator-left: -1px 0 2px rgba(0, 0, 0, 0.18);
+  --etui-shadow-thumb: 0 0 2px rgba(0, 0, 0, 0.5);
+  --etui-transition-fast: 100ms ease-out;
+  --etui-transition-normal: 200ms ease-out;
+  --etui-transition-slow: 300ms ease-out;
+  --etui-z-base: 1;
+  --etui-z-dropdown: 1000;
+  --etui-z-popover: 1000;
+  --etui-z-tooltip: 1000;
+  --etui-z-modal: 1100;
+  --etui-shell-menubar-height: 28px;
+  --etui-shell-menubar-bg: #2d2d2d;
+  --etui-shell-menubar-hover-bg: #363636;
+  --etui-shell-menubar-active-bg: #005a9e;
+  --etui-shell-menubar-text: #ffffff;
+  --etui-shell-menubar-shortcut-text: #888888;
+  --etui-shell-toolbar-height-sm: 32px;
+  --etui-shell-toolbar-height-md: 40px;
+  --etui-shell-toolbar-bg: #2d2d2d;
+  --etui-shell-toolbar-separator: #4a4a4a;
+  --etui-shell-statusbar-height: 22px;
+  --etui-shell-statusbar-bg: #007acc;
+  --etui-shell-statusbar-text: #ffffff;
+  --etui-shell-dock-tab-height: 28px;
+  --etui-shell-dock-tab-bg: #2d2d2d;
+  --etui-shell-dock-tab-active-bg: #1a1a1a;
+  --etui-shell-dock-tab-hover-bg: #363636;
+  --etui-shell-dock-tab-text: #cccccc;
+  --etui-shell-dock-tab-active-text: #ffffff;
+  --etui-shell-dock-splitter-size: 4px;
+  --etui-shell-dock-splitter-color: #4a4a4a;
+  --etui-shell-dock-splitter-hover-color: #007acc;
+  --etui-shell-dock-border-bar-bg: #2d2d2d;
+  --etui-shell-dock-border-bar-size: 28px;
+  --etui-shell-dock-drop-overlay: rgba(0, 122, 204, 0.2);
+  --etui-storybook-gradient-start: #061f21;
+  --etui-storybook-gradient-mid: #031a1a;
+  --etui-storybook-gradient-end: #091010;
+}

package/dist/esm/components/Icons/CheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/Icons/CheckIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,gBAAgB,EAAG,CAAA,EAAA,CAC/B;AAEX;;;;"}
+{"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/Icons/CheckIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAC/B;AAEX;;;;"}

package/dist/esm/components/Icons/ChevronDownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/Icons/ChevronDownIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,gBAAgB,EAAG,CAAA,EAAA,CAC/B;AAEX;;;;"}
+{"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/Icons/ChevronDownIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAC/B;AAEX;;;;"}

package/dist/esm/components/Icons/ChevronUpIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/Icons/ChevronUpIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,aAAa,GAA0C,KAAK,IAAG;AAC1E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAU,CAAA,UAAA,EAAA,EAAA,MAAM,EAAC,iBAAiB,EAAG,CAAA,EAAA,CAChC;AAEX;;;;"}
+{"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/Icons/ChevronUpIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,aAAa,GAA0C,KAAK,IAAG;AAC1E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,iBAAiB,EAAA,CAAG,EAAA,CAChC;AAEX;;;;"}

package/dist/esm/components/Icons/CircleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon.js","sources":["../../../../../src/components/Icons/CircleIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,UAAU,GAA0C,KAAK,IAAG;IACvE,QACEA,IAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,EAC5B,CAAA;AAEX;;;;"}
+{"version":3,"file":"CircleIcon.js","sources":["../../../../../src/components/Icons/CircleIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,UAAU,GAA0C,KAAK,IAAG;IACvE,QACEA,IAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,EAAA,CAC5B;AAEX;;;;"}

package/dist/esm/components/Icons/CloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACU,MAAA,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,IAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EAAA,CACbC,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,EACtCA,cAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,CAAA,EAAA,CACjC;AAEX;;;;"}
+{"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/Icons/CloseIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,SAAS,GAA0C,KAAK,IAAG;AACtE,IAAA,QACEA,IAAA,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EAAA,CACbC,cAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACtCA,cAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACjC;AAEX;;;;"}

package/dist/esm/components/Icons/EyeDropperIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACU,MAAA,cAAc,GAA0C,KAAK,IAAG;AAC3E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAM,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0TAA0T,EAAG,CAAA,EAAA,CAChU;AAEX;;;;"}
+{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,cAAc,GAA0C,KAAK,IAAG;AAC3E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0TAA0T,EAAA,CAAG,EAAA,CAChU;AAEX;;;;"}

package/dist/esm/components/Icons/TangentAlignedIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,kBAAkB,GAE3B,KAAK,IAAG;IACV,QACEA,IAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,aACbC,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}
+{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIO,MAAM,kBAAkB,GAE3B,KAAK,IAAG;IACV,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,aACbC,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EAAA,CACpC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CAC7D;AAEX;;;;"}

package/dist/esm/components/Icons/TangentAutoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gDAAgD,GAAG,EACzD,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIO,MAAM,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gDAAgD,GAAG,EAAA,CACzD,EAAA,CACC;AAEX;;;;"}

package/dist/esm/components/Icons/TangentFreeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAA,IAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EAC3CA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,IACvC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA,CAAA,EAAA,CAC7D;AAEX;;;;"}
+{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIO,MAAM,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACbA,IAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EAC3CA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,IACvC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CAC7D;AAEX;;;;"}

package/dist/esm/components/Icons/TangentLinearIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,iBAAiB,GAE1B,KAAK,IAAG;AACV,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,EACxC,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIO,MAAM,iBAAiB,GAE1B,KAAK,IAAG;AACV,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,EAAA,CACxC,EAAA,CACC;AAEX;;;;"}

package/dist/esm/components/Icons/TangentMirroredIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,mBAAmB,GAE5B,KAAK,IAAG;IACV,QACEA,KAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAC,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,YACnBA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}
+{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIO,MAAM,mBAAmB,GAE5B,KAAK,IAAG;IACV,QACEA,KAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACbC,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,YACnBA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EAAA,CACpC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAAA,EAAA,CAC7D;AAEX;;;;"}

package/dist/esm/components/Icons/TangentStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,2BAA2B,GAAG,EAC7C,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIO,MAAM,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,2BAA2B,GAAG,EAAA,CAC7C,EAAA,CACC;AAEX;;;;"}

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.css.js

@@ -0,0 +1,9 @@
+import './../../../assets/src/components/controls/CartesianPicker/CartesianPicker.css.ts.vanilla-Ccao9ycw.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var bottomBarStyle = 'CartesianPicker_bottomBarStyle__tqma2q6';
+var cartesianPickerRecipe = createRuntimeFn({defaultClassName:'CartesianPicker_cartesianPickerRecipe__tqma2q1',variantClassNames:{disabled:{true:'CartesianPicker_cartesianPickerRecipe_disabled_true__tqma2q2',false:'CartesianPicker_cartesianPickerRecipe_disabled_false__tqma2q3'},responsive:{true:'CartesianPicker_cartesianPickerRecipe_responsive_true__tqma2q4',false:'CartesianPicker_cartesianPickerRecipe_responsive_false__tqma2q5'}},defaultVariants:{disabled:false,responsive:false},compoundVariants:[]});
+var pickerWidthVar = 'var(--pickerWidthVar__tqma2q0)';
+
+export { bottomBarStyle, cartesianPickerRecipe, pickerWidthVar };
+//# sourceMappingURL=CartesianPicker.css.js.map

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianPicker.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useCallback } from 'react';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { cx } from '../../../utils/cx.js';
+import { roundToPrecision } from '../../../utils/mathUtils.js';
+import { CanvasContainer } from '../../primitives/canvas/CanvasContainer.js';
+import { useCartesianInteraction } from './useCartesianInteraction.js';
+import { useCartesianRenderer } from './useCartesianRenderer.js';
+import { bottomBarStyle, pickerWidthVar, cartesianPickerRecipe } from './CartesianPicker.css.js';
+
+const CartesianPicker = ({ value, defaultValue, domainX = [-1, 1], domainY = [-1, 1], showGrid = true, gridSubdivisions = 4, showAxisLabels = true, showOriginAxes = true, showCrosshair = true, crosshairStyle = 'dashed', labelX, labelY, markerRadius = 6, snapToGrid = false, step, clampToRange = true, precision = 2, width = 200, height = 200, responsive = false, disabled = false, readOnly = false, onChange, onChangeComplete, renderBackground, renderBottomBar, className, testId, id, style, ...rest }) => {
+    const canvasRef = useRef(null);
+    // Controlled / uncontrolled
+    const [internalValue, setInternalValue] = useState(() => defaultValue ?? { x: 0, y: 0 });
+    const isControlled = value !== undefined;
+    const currentPoint = useMemo(() => (isControlled ? value : internalValue), [isControlled, value, internalValue]);
+    const handleChange = useCallback((newPoint) => {
+        if (!isControlled) {
+            setInternalValue(newPoint);
+        }
+        onChange?.(newPoint);
+    }, [isControlled, onChange]);
+    const handleChangeComplete = useCallback((newPoint) => {
+        onChangeComplete?.(newPoint);
+    }, [onChangeComplete]);
+    // Viewport with padding
+    const viewport = useMemo(() => {
+        const hasAxisNames = Boolean(labelX ?? labelY);
+        const padding = hasAxisNames && showAxisLabels ? 0.12 : 0.08;
+        const [dxMin, dxMax] = domainX;
+        const [dyMin, dyMax] = domainY;
+        const xPad = (dxMax - dxMin) * padding;
+        const yPad = (dyMax - dyMin) * padding;
+        return {
+            viewX: [dxMin - xPad, dxMax + xPad],
+            viewY: [dyMin - yPad, dyMax + yPad],
+        };
+    }, [domainX, domainY, labelX, labelY, showAxisLabels]);
+    // Interaction hook
+    const interaction = useCartesianInteraction({
+        point: currentPoint,
+        viewport,
+        canvasRef,
+        domainX,
+        domainY,
+        disabled,
+        readOnly,
+        clampToRange,
+        snapToGrid,
+        gridSubdivisions,
+        step,
+        precision,
+        onChange: handleChange,
+        onChangeComplete: handleChangeComplete,
+    });
+    // Renderer hook
+    useCartesianRenderer({
+        canvasRef,
+        point: currentPoint,
+        viewport,
+        domainX,
+        domainY,
+        showGrid,
+        gridSubdivisions,
+        showAxisLabels,
+        showOriginAxes,
+        showCrosshair,
+        crosshairStyle,
+        labelX,
+        labelY,
+        markerRadius,
+        disabled,
+        isHovered: interaction.isHovered,
+        isDragging: interaction.isDragging,
+        renderBackground,
+    });
+    // ARIA description
+    const ariaDescription = `2D point picker, current value X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;
+    // Live announcement
+    const liveAnnouncement = `X: ${roundToPrecision(currentPoint.x, precision)}, Y: ${roundToPrecision(currentPoint.y, precision)}`;
+    return (jsxs("div", { className: cx(cartesianPickerRecipe({ disabled, responsive }), className), style: {
+            ...style,
+            ...(!responsive
+                ? assignInlineVars({ [pickerWidthVar]: `${width}px` })
+                : {}),
+        }, "data-testid": testId, id: id, ...rest, children: [jsx(CanvasContainer, { canvasRef: canvasRef, height: height, responsive: responsive, disabled: disabled, ariaLabel: "Cartesian point picker", ariaRoledescription: ariaDescription, liveAnnouncement: liveAnnouncement, handlers: interaction.handlers, testId: testId ? `${testId}-canvas` : undefined }), renderBottomBar && (jsx("div", { className: bottomBarStyle, "data-testid": testId ? `${testId}-bottom-bar` : undefined, children: renderBottomBar({
+                    point: currentPoint,
+                    disabled,
+                    readOnly,
+                    isDragging: interaction.isDragging,
+                    domainX,
+                    domainY,
+                }) }))] }));
+};
+CartesianPicker.displayName = 'CartesianPicker';
+
+export { CartesianPicker };
+//# sourceMappingURL=CartesianPicker.js.map

package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianPicker.js","sources":["../../../../../../src/components/controls/CartesianPicker/CartesianPicker.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAiBO;AAiCL;;;AAOA;;AAMA;;;;AAKI;AACF;AAIF;AAEI;AACF;;AAKF;;AAEE;AACA;AACA;;;;;;;AAOF;;;AAIE;;;;;;;;;;;;AAYA;AACA;AACD;;AAGD;;AAEE;;;;;;;;;;;;;;;;;AAiBD;;;;;AAQD;AAIM;;AAEE;;AAEH;AAsBK;;;;;;AAMD;AAKX;AAEA;;"}

package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js

@@ -0,0 +1,230 @@
+"use client";
+import { useState, useRef, useCallback } from 'react';
+import { clamp, roundToPrecision } from '../../../utils/mathUtils.js';
+import { getCanvasPointerPosition, canvasToDomain, hitTestPoint } from '../../primitives/canvas/canvasCoords.js';
+import '../../primitives/canvas/CanvasContainer.js';
+
+function snapValue(value, step) {
+    if (step === 0)
+        return value;
+    return Math.round(value / step) * step;
+}
+function useCartesianInteraction(options) {
+    const { point, viewport, canvasRef, domainX, domainY, disabled, readOnly, clampToRange, snapToGrid, gridSubdivisions, step, precision, onChange, onChangeComplete, } = options;
+    const [isHovered, setIsHovered] = useState(false);
+    const isDraggingRef = useRef(false);
+    const [, setForceUpdate] = useState(0);
+    const getCanvasSize = useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return { w: 200, h: 200 };
+        const rect = canvas.getBoundingClientRect();
+        return { w: rect.width, h: rect.height };
+    }, [canvasRef]);
+    const applyConstraints = useCallback((rawX, rawY, ctrlKey) => {
+        let newX = rawX;
+        let newY = rawY;
+        // Apply snap
+        if (step) {
+            const [stepX, stepY] = Array.isArray(step) ? step : [step, step];
+            newX = snapValue(newX, stepX);
+            newY = snapValue(newY, stepY);
+        }
+        else if (snapToGrid !== ctrlKey) {
+            // Ctrl toggles snap behavior
+            const xStep = (domainX[1] - domainX[0]) / gridSubdivisions;
+            const yStep = (domainY[1] - domainY[0]) / gridSubdivisions;
+            newX = snapValue(newX, xStep);
+            newY = snapValue(newY, yStep);
+        }
+        newX = roundToPrecision(newX, precision);
+        newY = roundToPrecision(newY, precision);
+        if (clampToRange) {
+            newX = clamp(newX, domainX[0], domainX[1]);
+            newY = clamp(newY, domainY[0], domainY[1]);
+        }
+        return { x: newX, y: newY };
+    }, [
+        step,
+        snapToGrid,
+        gridSubdivisions,
+        domainX,
+        domainY,
+        precision,
+        clampToRange,
+    ]);
+    const onPointerDown = useCallback((e) => {
+        if (disabled || readOnly || e.button !== 0)
+            return;
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const { px, py } = getCanvasPointerPosition(e, canvas);
+        const { w, h } = getCanvasSize();
+        const domain = canvasToDomain(px, py, viewport, w, h);
+        const newPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);
+        isDraggingRef.current = true;
+        setForceUpdate(n => n + 1);
+        canvas.setPointerCapture(e.pointerId);
+        onChange(newPoint);
+    }, [
+        disabled,
+        readOnly,
+        canvasRef,
+        viewport,
+        getCanvasSize,
+        applyConstraints,
+        onChange,
+    ]);
+    const onPointerMove = useCallback((e) => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        if (isDraggingRef.current) {
+            if (readOnly)
+                return;
+            const { px, py } = getCanvasPointerPosition(e, canvas);
+            const { w, h } = getCanvasSize();
+            const domain = canvasToDomain(px, py, viewport, w, h);
+            const newPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);
+            onChange(newPoint);
+            return;
+        }
+        // Hover detection
+        const { px, py } = getCanvasPointerPosition(e, canvas);
+        const { w, h } = getCanvasSize();
+        const dist = hitTestPoint(px, py, point, viewport, w, h, 12);
+        const hovering = dist !== Infinity;
+        setIsHovered(hovering);
+        if (disabled) {
+            canvas.style.cursor = 'not-allowed';
+        }
+        else if (readOnly) {
+            canvas.style.cursor = 'default';
+        }
+        else if (hovering) {
+            canvas.style.cursor = 'grab';
+        }
+        else {
+            canvas.style.cursor = 'crosshair';
+        }
+    }, [
+        canvasRef,
+        viewport,
+        point,
+        disabled,
+        readOnly,
+        getCanvasSize,
+        applyConstraints,
+        onChange,
+    ]);
+    const onPointerUp = useCallback((e) => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        if (isDraggingRef.current) {
+            isDraggingRef.current = false;
+            setForceUpdate(n => n + 1);
+            canvas.releasePointerCapture(e.pointerId);
+            // Compute final point for onChangeComplete
+            const { px, py } = getCanvasPointerPosition(e, canvas);
+            const { w, h } = getCanvasSize();
+            const domain = canvasToDomain(px, py, viewport, w, h);
+            const finalPoint = applyConstraints(domain.x, domain.y, e.ctrlKey);
+            onChangeComplete?.(finalPoint);
+        }
+    }, [canvasRef, viewport, getCanvasSize, applyConstraints, onChangeComplete]);
+    const onKeyDown = useCallback((e) => {
+        if (disabled || readOnly)
+            return;
+        const xRange = domainX[1] - domainX[0];
+        const yRange = domainY[1] - domainY[0];
+        let baseStep;
+        if (step) {
+            const [stepX] = Array.isArray(step) ? step : [step, step];
+            baseStep = stepX;
+        }
+        else {
+            baseStep = xRange / gridSubdivisions;
+        }
+        const fineMultiplier = e.shiftKey ? 0.1 : 1;
+        const xStep = baseStep * fineMultiplier;
+        const yStep = (step
+            ? Array.isArray(step)
+                ? step[1]
+                : step
+            : yRange / gridSubdivisions) * fineMultiplier;
+        let newX = point.x;
+        let newY = point.y;
+        let handled = false;
+        switch (e.key) {
+            case 'ArrowLeft':
+                newX -= xStep;
+                handled = true;
+                break;
+            case 'ArrowRight':
+                newX += xStep;
+                handled = true;
+                break;
+            case 'ArrowUp':
+                newY += yStep;
+                handled = true;
+                break;
+            case 'ArrowDown':
+                newY -= yStep;
+                handled = true;
+                break;
+            case 'Home': {
+                // Reset to center of domain
+                newX = (domainX[0] + domainX[1]) / 2;
+                newY = (domainY[0] + domainY[1]) / 2;
+                handled = true;
+                break;
+            }
+            case '0': {
+                // Reset to origin
+                newX = 0;
+                newY = 0;
+                handled = true;
+                break;
+            }
+        }
+        if (!handled)
+            return;
+        e.preventDefault();
+        newX = roundToPrecision(newX, precision);
+        newY = roundToPrecision(newY, precision);
+        if (clampToRange) {
+            newX = clamp(newX, domainX[0], domainX[1]);
+            newY = clamp(newY, domainY[0], domainY[1]);
+        }
+        const newPoint = { x: newX, y: newY };
+        onChange(newPoint);
+        onChangeComplete?.(newPoint);
+    }, [
+        disabled,
+        readOnly,
+        point,
+        domainX,
+        domainY,
+        step,
+        gridSubdivisions,
+        precision,
+        clampToRange,
+        onChange,
+        onChangeComplete,
+    ]);
+    return {
+        isDragging: isDraggingRef.current,
+        isHovered,
+        handlers: {
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            onKeyDown,
+        },
+    };
+}
+
+export { useCartesianInteraction };
+//# sourceMappingURL=useCartesianInteraction.js.map

package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCartesianInteraction.js","sources":["../../../../../../src/components/controls/CartesianPicker/useCartesianInteraction.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAwCA;;AACkB;;AAElB;AAEM;AAGJ;;AAkBA;;AAGA;AACE;AACA;;AACA;AACA;AACF;;;;;;;AAUM;AACA;;AACK;;AAEL;AACA;AACA;AACA;;AAGF;AACA;;AAGE;AACA;;;AAIJ;;;;;;;;AASC;AAGH;;;AAGI;AACA;;AAEA;;AAGA;AACA;AAEA;;AAEA;;AAGF;;;;;;;;AASC;AAGH;AAEI;AACA;;AAEA;AACE;;AACA;;AAEA;AACA;;;;;AAMF;;AAEA;AACA;;;AAIE;;;AAEA;;;AAEA;;;AAEA;;AAEJ;;;;;;;;;AAUC;AAGH;AAEI;AACA;;AAEA;AACE;;AAEA;;AAGA;;AAEA;AACA;AACA;;AAEJ;AAIF;;;;;AAOI;;;;;;AAKE;;AAGF;AACA;;AAGI;AACE;AACA;AACF;AAEJ;AACA;;AAGA;AACE;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAME;AACA;;;;;;;;;;;;AAaJ;;;AAGA;AACA;;AAGE;AACA;;;;AAKF;AACF;;;;;;;;;;;;AAaC;;;;AAMD;;;;;AAKC;;AAEL;;"}

package/dist/esm/components/controls/CartesianPicker/useCartesianRenderer.js

@@ -0,0 +1,122 @@
+"use client";
+import { useCallback } from 'react';
+import { drawGrid, drawDomainBounds, drawOriginAxes, drawAxisLabels, drawCrosshair, drawPointMarker } from '../../primitives/canvas/canvasDrawing.js';
+import { resolveCanvasTheme } from '../../primitives/canvas/canvasTheme.js';
+import { useCanvasRenderer } from '../../primitives/canvas/useCanvasRenderer.js';
+import '../../primitives/canvas/CanvasContainer.js';
+
+function useCartesianRenderer(options) {
+    const { canvasRef, point, viewport, domainX, domainY, showGrid, gridSubdivisions, showAxisLabels, showOriginAxes: showOrigin, showCrosshair, crosshairStyle, labelX, labelY, markerRadius, disabled, isHovered, isDragging, renderBackground, } = options;
+    const draw = useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1;
+        const rect = canvas.getBoundingClientRect();
+        const w = rect.width;
+        const h = rect.height;
+        // Set canvas resolution for retina
+        if (canvas.width !== w * dpr || canvas.height !== h * dpr) {
+            canvas.width = w * dpr;
+            canvas.height = h * dpr;
+            ctx.scale(dpr, dpr);
+        }
+        else {
+            ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        }
+        const theme = resolveCanvasTheme(canvas);
+        const opacity = disabled ? 0.4 : 1;
+        const domain = { domainX, domainY };
+        // 1. Clear background
+        ctx.globalAlpha = 1;
+        ctx.fillStyle = theme.backgroundSecondary;
+        ctx.fillRect(0, 0, w, h);
+        // 2. Custom background
+        if (renderBackground) {
+            ctx.save();
+            renderBackground(ctx, {
+                width: w,
+                height: h,
+                viewport,
+                domainX,
+                domainY,
+            });
+            ctx.restore();
+        }
+        // 3. Grid lines
+        if (showGrid) {
+            drawGrid(ctx, w, h, theme, {
+                subdivisions: gridSubdivisions,
+                domain,
+                viewport,
+                opacity,
+            });
+        }
+        // 4. Domain bounds
+        drawDomainBounds(ctx, w, h, theme, domain, viewport, opacity);
+        // 5. Origin axes
+        if (showOrigin) {
+            drawOriginAxes(ctx, w, h, theme, viewport, opacity);
+        }
+        // 6. Axis labels
+        if (showAxisLabels) {
+            drawAxisLabels(ctx, w, h, theme, {
+                subdivisions: gridSubdivisions,
+                domain,
+                viewport,
+                opacity,
+                labelX,
+                labelY,
+            });
+        }
+        // 7. Crosshair
+        if (showCrosshair) {
+            drawCrosshair(ctx, w, h, theme, {
+                point,
+                viewport,
+                lineStyle: crosshairStyle,
+                opacity,
+            });
+        }
+        // 8. Point marker
+        drawPointMarker(ctx, w, h, theme, {
+            point,
+            viewport,
+            radius: markerRadius,
+            hovered: isHovered,
+            dragging: isDragging,
+            opacity,
+        });
+        ctx.globalAlpha = 1;
+    }, [
+        canvasRef,
+        point,
+        viewport,
+        domainX,
+        domainY,
+        showGrid,
+        gridSubdivisions,
+        showAxisLabels,
+        showOrigin,
+        showCrosshair,
+        crosshairStyle,
+        labelX,
+        labelY,
+        markerRadius,
+        disabled,
+        isHovered,
+        isDragging,
+        renderBackground,
+    ]);
+    useCanvasRenderer({
+        draw,
+        deps: [draw],
+        paused: false,
+    });
+}
+
+export { useCartesianRenderer };
+//# sourceMappingURL=useCartesianRenderer.js.map

package/dist/esm/components/controls/CartesianPicker/useCartesianRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCartesianRenderer.js","sources":["../../../../../../src/components/controls/CartesianPicker/useCartesianRenderer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AA6CM;AAGJ;AAqBA;AACE;AACA;;;AAGA;;AAEA;AAEA;AACA;AACA;;AAGA;AACE;AACA;AACA;;;AAEA;;AAGF;;AAEA;;AAGA;AACA;;;;;;AAOI;AACA;;;;AAID;;;;;;AAOC;;;;AAID;;;AAIH;;;AAIE;;;;;AAME;;;;;;AAMD;;;;;;;AAQC;;AAED;;;;;;AAOD;AACA;AACA;;AAED;AAED;AACF;;;;;;;;;;;;;;;;;;;AAmBC;AAED;;;AAGE;AACD;AACH;;"}