npm - entangle-ui - Versions diffs - 0.9.0 → 0.11.0 - Mend

entangle-ui 0.9.0 → 0.11.0

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.

Files changed (1053) hide show

package/dist/esm/components/controls/CurveEditor/CurveToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CurveToolbar.js","sources":["~~../../../../../../~~src/components/controls/CurveEditor/CurveToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;~~AAoCA~~;AACE;AACA;AACA;;AAGF;AAME;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;;;;;AAgBA;AAED;AACE;;AACA;AACA;;AACF;AAEA;;;AAOK;~~AA8CP~~;AAEA;;"}
1	+ {"version":3,"file":"CurveToolbar.js","sources":["src/components/controls/CurveEditor/CurveToolbar.tsx"],"sourcesContent":["'use client';\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport React from 'react';\n\nimport { Select } from '@/components/controls/Select';\nimport { TangentAlignedIcon } from '@/components/Icons/TangentAlignedIcon';\nimport { TangentAutoIcon } from '@/components/Icons/TangentAutoIcon';\nimport { TangentFreeIcon } from '@/components/Icons/TangentFreeIcon';\nimport { TangentLinearIcon } from '@/components/Icons/TangentLinearIcon';\nimport { TangentMirroredIcon } from '@/components/Icons/TangentMirroredIcon';\nimport { TangentStepIcon } from '@/components/Icons/TangentStepIcon';\nimport { IconButton } from '@/components/primitives/IconButton';\nimport { Tooltip } from '@/components/primitives/Tooltip';\n\nimport {\n toolbarStyle,\n toolbarSectionStyle,\n toolbarSeparatorStyle,\n toolbarHeightVar,\n} from './CurveEditor.css';\n\nimport type {\n CurveEditorSize,\n CurvePreset,\n TangentMode,\n} from './CurveEditor.types';\n\ninterface CurveToolbarProps {\n selectedTangentMode: TangentMode \| null;\n onTangentModeChange: (mode: TangentMode) => void;\n onPresetSelect: (preset: CurvePreset) => void;\n presets: CurvePreset[];\n disabled: boolean;\n lockTangents: boolean;\n size: CurveEditorSize;\n testId?: string;\n}\n\nconst TOOLBAR_HEIGHT: Record<CurveEditorSize, number> = {\n sm: 28,\n md: 32,\n lg: 36,\n};\n\nconst TANGENT_MODES: Array<{\n mode: TangentMode;\n label: string;\n icon: React.ReactNode;\n shortcut: string;\n}> = [\n {\n mode: 'free',\n label: 'Free',\n icon: <TangentFreeIcon decorative />,\n shortcut: '1',\n },\n {\n mode: 'aligned',\n label: 'Aligned',\n icon: <TangentAlignedIcon decorative />,\n shortcut: '2',\n },\n {\n mode: 'mirrored',\n label: 'Mirrored',\n icon: <TangentMirroredIcon decorative />,\n shortcut: '3',\n },\n {\n mode: 'auto',\n label: 'Auto',\n icon: <TangentAutoIcon decorative />,\n shortcut: '4',\n },\n {\n mode: 'linear',\n label: 'Linear',\n icon: <TangentLinearIcon decorative />,\n shortcut: '5',\n },\n {\n mode: 'step',\n label: 'Step',\n icon: <TangentStepIcon decorative />,\n shortcut: '6',\n },\n];\n\nexport const CurveToolbar: React.FC<CurveToolbarProps> = ({\n selectedTangentMode,\n onTangentModeChange,\n onPresetSelect,\n presets,\n disabled,\n lockTangents,\n size,\n testId,\n}) => {\n const presetOptions = presets.map(p => ({\n value: p.id,\n label: p.label,\n }));\n\n const handlePresetChange = (id: string \| null) => {\n if (!id) return;\n const preset = presets.find(p => p.id === id);\n if (preset) onPresetSelect(preset);\n };\n\n const iconSize = size === 'lg' ? 'md' : 'sm';\n\n return (\n <div\n className={toolbarStyle}\n style={assignInlineVars({\n [toolbarHeightVar]: `${TOOLBAR_HEIGHT[size]}px`,\n })}\n data-testid={testId ? `${testId}-toolbar` : undefined}\n >\n {/* Preset selector /}\n <div className={toolbarSectionStyle}>\n <Select\n options={presetOptions}\n onChange={handlePresetChange}\n size={size === 'lg' ? 'md' : 'sm'}\n variant=\"ghost\"\n disabled={disabled}\n placeholder=\"Preset...\"\n aria-label=\"Curve preset\"\n minDropdownWidth={180}\n />\n </div>\n\n {!lockTangents && (\n <>\n <div className={toolbarSeparatorStyle} />\n\n {/ Tangent mode buttons */}\n <div className={toolbarSectionStyle}>\n {TANGENT_MODES.map(({ mode, label, icon, shortcut }) => (\n <Tooltip\n key={mode}\n title={`${label} (${shortcut})`}\n placement=\"bottom\"\n >\n <IconButton\n size={iconSize}\n variant=\"ghost\"\n pressed={selectedTangentMode === mode}\n disabled={disabled \|\| selectedTangentMode === null}\n aria-label={`${label} tangent mode`}\n onClick={() => {\n onTangentModeChange(mode);\n }}\n >\n {icon}\n </IconButton>\n </Tooltip>\n ))}\n </div>\n </>\n )}\n </div>\n );\n};\n\nCurveToolbar.displayName = 'CurveToolbar';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuCA;AACE;AACA;AACA;;AAGF;AAME;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;;;;;AAgBA;AAED;AACE;;AACA;AACA;;AACF;AAEA;;;AAOK;;AAqCW;AAWlB;AAEA;;"}

package/dist/esm/components/controls/CurveEditor/curvePresets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"curvePresets.js","sources":["../../../../../../src/components/controls/CurveEditor/curvePresets.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"curvePresets.js","sources":["src/components/controls/CurveEditor/curvePresets.ts"],"sourcesContent":["import { generateKeyframeId } from './curveUtils';\n\nimport type { CurvePreset, CurveKeyframe } from './CurveEditor.types';\n\nfunction kf(\n x: number,\n y: number,\n hInX: number,\n hInY: number,\n hOutX: number,\n hOutY: number,\n tangentMode: CurveKeyframe['tangentMode'] = 'free'\n): CurveKeyframe {\n return {\n x,\n y,\n handleIn: { x: hInX, y: hInY },\n handleOut: { x: hOutX, y: hOutY },\n tangentMode,\n id: generateKeyframeId(),\n };\n}\n\nexport const CURVE_PRESETS: CurvePreset[] = [\n // ─── Basic ───\n {\n id: 'linear',\n label: 'Linear',\n category: 'Basic',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0.333, 0.333, 'linear'),\n kf(1, 1, -0.333, -0.333, 0, 0, 'linear'),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'constant',\n label: 'Constant',\n category: 'Basic',\n curve: {\n keyframes: [\n kf(0, 1, 0, 0, 0.333, 0, 'linear'),\n kf(1, 1, -0.333, 0, 0, 0, 'linear'),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n\n // ─── Ease ───\n {\n id: 'ease-in',\n label: 'Ease In',\n category: 'Ease',\n curve: {\n keyframes: [kf(0, 0, 0, 0, 0.42, 0), kf(1, 1, -0.333, -0.333, 0, 0)],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'ease-out',\n label: 'Ease Out',\n category: 'Ease',\n curve: {\n keyframes: [kf(0, 0, 0, 0, 0.333, 0.333), kf(1, 1, -0.58, 0, 0, 0)],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'ease-in-out',\n label: 'Ease In-Out',\n category: 'Ease',\n curve: {\n keyframes: [kf(0, 0, 0, 0, 0.42, 0), kf(1, 1, -0.58, 0, 0, 0)],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n\n // ─── Dramatic ───\n {\n id: 'ease-in-cubic',\n label: 'Ease In (Cubic)',\n category: 'Dramatic',\n curve: {\n keyframes: [kf(0, 0, 0, 0, 0.55, 0), kf(1, 1, -0.2, -0.333, 0, 0)],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'ease-out-cubic',\n label: 'Ease Out (Cubic)',\n category: 'Dramatic',\n curve: {\n keyframes: [kf(0, 0, 0, 0, 0.2, 0.333), kf(1, 1, -0.55, 0, 0, 0)],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'bounce',\n label: 'Bounce',\n category: 'Dramatic',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0.12, 0.33),\n kf(0.5, 1.15, -0.12, 0.05, 0.12, -0.05),\n kf(0.75, 0.9, -0.08, -0.05, 0.08, 0.05),\n kf(1, 1, -0.08, 0, 0, 0),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'overshoot',\n label: 'Overshoot',\n category: 'Dramatic',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0.2, 0.5),\n kf(0.7, 1.2, -0.15, 0.1, 0.1, -0.05),\n kf(1, 1, -0.1, 0, 0, 0),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n\n // ─── Utility ───\n {\n id: 'step',\n label: 'Step',\n category: 'Utility',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0, 0, 'step'),\n kf(0.5, 1, 0, 0, 0, 0, 'step'),\n kf(1, 1, 0, 0, 0, 0, 'linear'),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'inverse',\n label: 'Inverse',\n category: 'Utility',\n curve: {\n keyframes: [\n kf(0, 1, 0, 0, 0.333, -0.333, 'linear'),\n kf(1, 0, -0.333, 0.333, 0, 0, 'linear'),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'bell',\n label: 'Bell Curve',\n category: 'Utility',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0.1, 0),\n kf(0.3, 0.8, -0.1, 0.1, 0.08, 0.08),\n kf(0.5, 1, -0.08, 0.02, 0.08, -0.02, 'mirrored'),\n kf(0.7, 0.8, -0.08, 0.08, 0.1, -0.1),\n kf(1, 0, -0.1, 0, 0, 0),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n {\n id: 'sawtooth',\n label: 'Sawtooth',\n category: 'Utility',\n curve: {\n keyframes: [\n kf(0, 0, 0, 0, 0.15, 0.5, 'linear'),\n kf(0.5, 1, -0.15, -0.5, 0, 0, 'linear'),\n kf(0.5, 0, 0, 0, 0.15, 0.5, 'linear'),\n kf(1, 1, -0.15, -0.5, 0, 0, 'linear'),\n ],\n domainX: [0, 1],\n domainY: [0, 1],\n },\n },\n];\n"],"names":[],"mappings":";;AAIA,SAAS,EAAE,CACT,CAAS,EACT,CAAS,EACT,IAAY,EACZ,IAAY,EACZ,KAAa,EACb,KAAa,EACb,cAA4C,MAAM,EAAA;IAElD,OAAO;QACL,CAAC;QACD,CAAC;QACD,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;QAC9B,SAAS,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE;QACjC,WAAW;QACX,EAAE,EAAE,kBAAkB,EAAE;KACzB;AACH;AAEO,MAAM,aAAa,GAAkB;;AAE1C,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACtC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACzC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;AAClC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACpC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACpE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACnE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9D,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,KAAK,EAAE,iBAAiB;AACxB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,KAAK,EAAE,kBAAkB;AACzB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjE,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC;AAC1B,gBAAA,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC;AACvC,gBAAA,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;AACvC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACzB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;AACxB,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC;AACpC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;AAGD,IAAA;AACE,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;AAC5B,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;AAC9B,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC/B,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC;AACvC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACxC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACtB,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;AACnC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC;AAChD,gBAAA,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;AACpC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACxB,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE;AACT,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC;AACnC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACvC,gBAAA,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC;AACrC,gBAAA,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;AACtC,aAAA;AACD,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf,YAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,SAAA;AACF,KAAA;;;;;"}

package/dist/esm/components/controls/CurveEditor/curveUtils.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { clamp } from '../../../utils/mathUtils.js';
 import { domainToCanvas as domainToCanvas$1, canvasToDomain as canvasToDomain$1 } from '../../primitives/canvas/canvasCoords.js';
+import { clamp } from '../../../utils/mathUtils.js';
 let idCounter = 0;
 /**
@@ -226,21 +226,19 @@ function constrainTangent(keyframe, movedHandle) {
             ? { ...keyframe, handleOut: opposite }
             : { ...keyframe, handleIn: opposite };
     }
-    if (tangentMode === 'aligned') {
-        // Opposite handle keeps its length but aligns direction
-        const other = movedHandle === 'in' ? keyframe.handleOut : keyframe.handleIn;
-        const otherLength = Math.sqrt(other.x * other.x + other.y * other.y);
-        if (otherLength < 1e-10) {
-            return keyframe;
-        }
-        // Direction opposite to moved handle, scaled to original length
-        const scale = otherLength / movedLength;
-        const opposite = { x: -moved.x * scale, y: -moved.y * scale };
-        return movedHandle === 'in'
-            ? { ...keyframe, handleOut: opposite }
-            : { ...keyframe, handleIn: opposite };
+    // Remaining mode is 'aligned': the opposite handle keeps its length but
+    // aligns direction with the moved handle.
+    const other = movedHandle === 'in' ? keyframe.handleOut : keyframe.handleIn;
+    const otherLength = Math.sqrt(other.x * other.x + other.y * other.y);
+    if (otherLength < 1e-10) {
+        return keyframe;
     }
-    return keyframe;
+    // Direction opposite to moved handle, scaled to original length
+    const scale = otherLength / movedLength;
+    const opposite = { x: -moved.x * scale, y: -moved.y * scale };
+    return movedHandle === 'in'
+        ? { ...keyframe, handleOut: opposite }
+        : { ...keyframe, handleIn: opposite };
 }
 /**
  * Convert domain coordinates to canvas pixel coordinates.

package/dist/esm/components/controls/CurveEditor/curveUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"curveUtils.js","sources":["../../../../../../src/components/controls/CurveEditor/curveUtils.ts"],"sourcesContent":[null],"names":["sharedDomainToCanvas","sharedCanvasToDomain"],"mappings":"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"}
1	+ {"version":3,"file":"curveUtils.js","sources":["src/components/controls/CurveEditor/curveUtils.ts"],"sourcesContent":["import {\n domainToCanvas as sharedDomainToCanvas,\n canvasToDomain as sharedCanvasToDomain,\n} from '@/components/primitives/canvas/canvasCoords';\nimport { clamp } from '@/utils/mathUtils';\n\nimport type {\n CurveData,\n CurveKeyframe,\n CurveViewport,\n CurveHitTest,\n} from './CurveEditor.types';\nimport type { CanvasViewport } from '@/components/primitives/canvas/canvas.types';\n\nlet idCounter = 0;\n\n/*\n Generate a unique keyframe ID.\n /\nexport function generateKeyframeId(): string {\n idCounter += 1;\n return `kf-${Date.now()}-${idCounter}`;\n}\n\n/\n Evaluate a cubic bezier at parameter t in [0, 1].\n * B(t) = (1-t)^3p0 + 3(1-t)^2tp1 + 3(1-t)t^2p2 + t^3p3\n /\nexport function evaluateBezier(\n p0: number,\n p1: number,\n p2: number,\n p3: number,\n t: number\n): number {\n const mt = 1 - t;\n return (\n mt mt * mt * p0 +\n 3 * mt * mt * t * p1 +\n 3 * mt * t * t * p2 +\n t * t * t * p3\n );\n}\n\n/*\n Evaluate a 2D cubic bezier curve at parameter t.\n /\nexport function evaluateBezier2D(\n p0: { x: number; y: number },\n p1: { x: number; y: number },\n p2: { x: number; y: number },\n p3: { x: number; y: number },\n t: number\n): { x: number; y: number } {\n return {\n x: evaluateBezier(p0.x, p1.x, p2.x, p3.x, t),\n y: evaluateBezier(p0.y, p1.y, p2.y, p3.y, t),\n };\n}\n\n/\n Derivative of cubic bezier at parameter t.\n * B'(t) = 3(1-t)^2(p1-p0) + 6(1-t)t(p2-p1) + 3t^2(p3-p2)\n /\nfunction bezierDerivative(\n p0: number,\n p1: number,\n p2: number,\n p3: number,\n t: number\n): number {\n const mt = 1 - t;\n return (\n 3 * mt * mt * (p1 - p0) + 6 * mt * t * (p2 - p1) + 3 * t * t * (p3 - p2)\n );\n}\n\n/*\n Find the t parameter for a given X value on a bezier segment.\n * Uses Newton-Raphson iteration with bisection fallback.\n /\nexport function findTForX(\n x0: number,\n x1: number,\n x2: number,\n x3: number,\n targetX: number,\n tolerance: number = 1e-6,\n maxIterations: number = 20\n): number {\n // Initial guess using linear interpolation\n let t = (targetX - x0) / (x3 - x0 \|\| 1);\n t = clamp(t, 0, 1);\n\n // Newton-Raphson iteration\n for (let i = 0; i < maxIterations; i++) {\n const x = evaluateBezier(x0, x1, x2, x3, t) - targetX;\n if (Math.abs(x) < tolerance) return t;\n\n const dx = bezierDerivative(x0, x1, x2, x3, t);\n if (Math.abs(dx) < 1e-10) break; // Derivative too small, fallback\n\n const newT = t - x / dx;\n t = clamp(newT, 0, 1);\n }\n\n // Bisection fallback for robustness\n let lo = 0;\n let hi = 1;\n t = 0.5;\n for (let i = 0; i < maxIterations; i++) {\n const x = evaluateBezier(x0, x1, x2, x3, t);\n if (Math.abs(x - targetX) < tolerance) return t;\n\n if (x < targetX) {\n lo = t;\n } else {\n hi = t;\n }\n t = (lo + hi) / 2;\n }\n\n return t;\n}\n\n/\n Clamp a tangent handle so its X component stays within the segment bounds.\n * Uses proportional scaling to preserve the tangent angle.\n \n @param handle Handle offset relative to its keyframe\n * @param maxAbsX Maximum allowed \|handle.x\| (typically the segment width)\n /\nfunction clampHandleToSegment(\n handle: { x: number; y: number },\n maxAbsX: number\n): { x: number; y: number } {\n const absX = Math.abs(handle.x);\n if (absX <= maxAbsX \|\| absX < 1e-10) return handle;\n\n const scale = maxAbsX / absX;\n return { x: handle.x scale, y: handle.y * scale };\n}\n\n/*\n Get the bezier control points for a segment between two keyframes.\n * Handles are clamped so that p1.x and p2.x stay within [p0.x, p3.x],\n * preventing the bezier from folding back on itself (vertical spikes / loops).\n /\nfunction getSegmentControlPoints(\n kf0: CurveKeyframe,\n kf1: CurveKeyframe\n): {\n p0: { x: number; y: number };\n p1: { x: number; y: number };\n p2: { x: number; y: number };\n p3: { x: number; y: number };\n} {\n const segWidth = kf1.x - kf0.x;\n\n const hOut = clampHandleToSegment(kf0.handleOut, segWidth);\n const hIn = clampHandleToSegment(kf1.handleIn, segWidth);\n\n return {\n p0: { x: kf0.x, y: kf0.y },\n p1: { x: kf0.x + hOut.x, y: kf0.y + hOut.y },\n p2: { x: kf1.x + hIn.x, y: kf1.y + hIn.y },\n p3: { x: kf1.x, y: kf1.y },\n };\n}\n\n/\n Evaluate the entire curve at a given X position.\n * Finds the right segment, solves for t, returns Y.\n /\nexport function evaluateCurve(curve: CurveData, x: number): number {\n const { keyframes } = curve;\n if (keyframes.length === 0) return 0;\n\n const first = keyframes[0];\n const last = keyframes[keyframes.length - 1];\n if (!first \|\| !last) return 0;\n\n if (keyframes.length === 1) return first.y;\n\n // Handle out-of-range X\n if (x <= first.x) return first.y;\n if (x >= last.x) return last.y;\n\n // Find the segment containing x\n for (let i = 0; i < keyframes.length - 1; i++) {\n const kf0 = keyframes[i];\n const kf1 = keyframes[i + 1];\n if (!kf0 \|\| !kf1) continue;\n\n if (x >= kf0.x && x <= kf1.x) {\n // Handle step mode\n if (kf0.tangentMode === 'step') {\n return kf0.y;\n }\n\n // Handle linear mode (both keyframes)\n if (kf0.tangentMode === 'linear' && kf1.tangentMode === 'linear') {\n const segT = (x - kf0.x) / (kf1.x - kf0.x \|\| 1);\n return kf0.y + segT (kf1.y - kf0.y);\n }\n\n const { p0, p1, p2, p3 } = getSegmentControlPoints(kf0, kf1);\n const t = findTForX(p0.x, p1.x, p2.x, p3.x, x);\n return evaluateBezier(p0.y, p1.y, p2.y, p3.y, t);\n }\n }\n\n return last.y;\n}\n\n/*\n Sample the curve at N evenly-spaced X points.\n * Returns array of {x, y} for rendering as a polyline.\n /\nexport function sampleCurve(\n curve: CurveData,\n numSamples: number\n): Array<{ x: number; y: number }> {\n const [xMin, xMax] = curve.domainX;\n const samples: Array<{ x: number; y: number }> = [];\n const step = (xMax - xMin) / (numSamples - 1 \|\| 1);\n\n for (let i = 0; i < numSamples; i++) {\n const x = xMin + i step;\n samples.push({ x, y: evaluateCurve(curve, x) });\n }\n\n return samples;\n}\n\n/*\n Compute auto-tangent handles for a keyframe based on neighbors.\n * Catmull-Rom style: tangent direction = (next - prev) scaled by segment length.\n /\nexport function computeAutoTangent(\n prev: CurveKeyframe \| null,\n current: CurveKeyframe,\n next: CurveKeyframe \| null\n): { handleIn: { x: number; y: number }; handleOut: { x: number; y: number } } {\n const TANGENT_SCALE = 1 / 3;\n\n if (!prev && !next) {\n return { handleIn: { x: 0, y: 0 }, handleOut: { x: 0, y: 0 } };\n }\n\n if (!prev && next) {\n // First keyframe — use direction to next\n const dx = (next.x - current.x) TANGENT_SCALE;\n const dy = (next.y - current.y) * TANGENT_SCALE;\n return {\n handleIn: { x: -dx, y: -dy },\n handleOut: { x: dx, y: dy },\n };\n }\n\n if (!next && prev) {\n // Last keyframe — use direction from prev\n const dx = (current.x - prev.x) * TANGENT_SCALE;\n const dy = (current.y - prev.y) * TANGENT_SCALE;\n return {\n handleIn: { x: -dx, y: -dy },\n handleOut: { x: dx, y: dy },\n };\n }\n\n if (!prev \|\| !next) {\n return { handleIn: { x: 0, y: 0 }, handleOut: { x: 0, y: 0 } };\n }\n\n // Middle keyframe — Catmull-Rom tangent with per-segment scaling.\n // The tangent direction comes from (next - prev), but each handle is\n // scaled proportionally to its own segment length so that handles\n // never overshoot into neighboring segments.\n const totalDx = next.x - prev.x;\n const totalDy = next.y - prev.y;\n\n const segIn = current.x - prev.x;\n const segOut = next.x - current.x;\n const totalSeg = segIn + segOut \|\| 1;\n\n return {\n handleIn: {\n x: -(segIn / totalSeg) * totalDx * TANGENT_SCALE,\n y: -(segIn / totalSeg) * totalDy * TANGENT_SCALE,\n },\n handleOut: {\n x: (segOut / totalSeg) * totalDx * TANGENT_SCALE,\n y: (segOut / totalSeg) * totalDy * TANGENT_SCALE,\n },\n };\n}\n\n/*\n Apply tangent mode constraints to a keyframe after a handle was moved.\n * - aligned: project opposite handle to co-linear with moved handle\n * - mirrored: mirror moved handle to opposite\n /\nexport function constrainTangent(\n keyframe: CurveKeyframe,\n movedHandle: 'in' \| 'out'\n): CurveKeyframe {\n const { tangentMode } = keyframe;\n\n if (\n tangentMode === 'free' \|\|\n tangentMode === 'auto' \|\|\n tangentMode === 'linear' \|\|\n tangentMode === 'step'\n ) {\n return keyframe;\n }\n\n const moved = movedHandle === 'in' ? keyframe.handleIn : keyframe.handleOut;\n const movedLength = Math.sqrt(moved.x moved.x + moved.y * moved.y);\n\n if (movedLength < 1e-10) {\n return keyframe;\n }\n\n if (tangentMode === 'mirrored') {\n // Opposite handle is exact negative\n const opposite = { x: -moved.x, y: -moved.y };\n return movedHandle === 'in'\n ? { ...keyframe, handleOut: opposite }\n : { ...keyframe, handleIn: opposite };\n }\n\n // Remaining mode is 'aligned': the opposite handle keeps its length but\n // aligns direction with the moved handle.\n const other = movedHandle === 'in' ? keyframe.handleOut : keyframe.handleIn;\n const otherLength = Math.sqrt(other.x * other.x + other.y * other.y);\n\n if (otherLength < 1e-10) {\n return keyframe;\n }\n\n // Direction opposite to moved handle, scaled to original length\n const scale = otherLength / movedLength;\n const opposite = { x: -moved.x * scale, y: -moved.y * scale };\n\n return movedHandle === 'in'\n ? { ...keyframe, handleOut: opposite }\n : { ...keyframe, handleIn: opposite };\n}\n\n/*\n Compute step function value (hold previous Y until next keyframe).\n /\nexport function evaluateStep(curve: CurveData, x: number): number {\n const { keyframes } = curve;\n if (keyframes.length === 0) return 0;\n\n const first = keyframes[0];\n if (!first) return 0;\n if (x <= first.x) return first.y;\n\n for (let i = keyframes.length - 1; i >= 0; i--) {\n const kf = keyframes[i];\n if (kf && kf.x <= x) {\n return kf.y;\n }\n }\n\n return first.y;\n}\n\n/\n Handle infinity behavior (cycle, pingpong, linear extrapolation).\n * Returns the wrapped X value and whether Y should be flipped (for pingpong).\n /\nexport function wrapX(\n x: number,\n domainX: [number, number],\n preInfinity: CurveData['preInfinity'],\n postInfinity: CurveData['postInfinity']\n): { wrappedX: number; flipY: boolean } {\n const [xMin, xMax] = domainX;\n const range = xMax - xMin;\n\n if (range <= 0) return { wrappedX: xMin, flipY: false };\n\n // Within range — no wrapping needed\n if (x >= xMin && x <= xMax) {\n return { wrappedX: x, flipY: false };\n }\n\n const mode =\n x < xMin ? (preInfinity ?? 'constant') : (postInfinity ?? 'constant');\n\n switch (mode) {\n case 'constant':\n return { wrappedX: clamp(x, xMin, xMax), flipY: false };\n\n case 'linear':\n // No wrapping — caller should extrapolate\n return { wrappedX: x, flipY: false };\n\n case 'cycle': {\n const normalized = (((x - xMin) % range) + range) % range;\n return { wrappedX: xMin + normalized, flipY: false };\n }\n\n case 'pingpong': {\n const normalized = (((x - xMin) % (range 2)) + range * 2) % (range * 2);\n if (normalized > range) {\n return { wrappedX: xMin + (range * 2 - normalized), flipY: false };\n }\n return { wrappedX: xMin + normalized, flipY: false };\n }\n\n default:\n return { wrappedX: clamp(x, xMin, xMax), flipY: false };\n }\n}\n\n/*\n Convert domain coordinates to canvas pixel coordinates.\n * Re-exported from shared canvas primitives for backward compatibility.\n /\nexport function domainToCanvas(\n domainX: number,\n domainY: number,\n viewport: CurveViewport \| CanvasViewport,\n canvasWidth: number,\n canvasHeight: number\n): { px: number; py: number } {\n return sharedDomainToCanvas(\n domainX,\n domainY,\n viewport,\n canvasWidth,\n canvasHeight\n );\n}\n\n/\n Convert canvas pixel coordinates to domain coordinates.\n * Re-exported from shared canvas primitives for backward compatibility.\n /\nexport function canvasToDomain(\n px: number,\n py: number,\n viewport: CurveViewport \| CanvasViewport,\n canvasWidth: number,\n canvasHeight: number\n): { x: number; y: number } {\n return sharedCanvasToDomain(px, py, viewport, canvasWidth, canvasHeight);\n}\n\n/\n Hit test — find the nearest element to a canvas pixel position.\n /\nexport function hitTest(\n px: number,\n py: number,\n curve: CurveData,\n viewport: CurveViewport,\n canvasWidth: number,\n canvasHeight: number,\n tolerancePx: number = 10\n): CurveHitTest {\n const noHit: CurveHitTest = {\n type: 'none',\n keyframeIndex: -1,\n distance: Infinity,\n };\n let best = noHit;\n\n const { keyframes } = curve;\n\n // Test keyframes and handles (closest wins)\n for (let i = 0; i < keyframes.length; i++) {\n const kf = keyframes[i];\n if (!kf) continue;\n const kfCanvas = domainToCanvas(\n kf.x,\n kf.y,\n viewport,\n canvasWidth,\n canvasHeight\n );\n const kfDist = Math.sqrt((px - kfCanvas.px) * 2 + (py - kfCanvas.py) 2);\n\n if (kfDist < tolerancePx && kfDist < best.distance) {\n best = { type: 'keyframe', keyframeIndex: i, distance: kfDist };\n }\n\n // Check handles (only if handles are visible — selected state checked by caller)\n const hInCanvas = domainToCanvas(\n kf.x + kf.handleIn.x,\n kf.y + kf.handleIn.y,\n viewport,\n canvasWidth,\n canvasHeight\n );\n const hInDist = Math.sqrt(\n (px - hInCanvas.px) 2 + (py - hInCanvas.py) 2\n );\n if (hInDist < tolerancePx && hInDist < best.distance) {\n best = { type: 'handleIn', keyframeIndex: i, distance: hInDist };\n }\n\n const hOutCanvas = domainToCanvas(\n kf.x + kf.handleOut.x,\n kf.y + kf.handleOut.y,\n viewport,\n canvasWidth,\n canvasHeight\n );\n const hOutDist = Math.sqrt(\n (px - hOutCanvas.px) 2 + (py - hOutCanvas.py) 2\n );\n if (hOutDist < tolerancePx && hOutDist < best.distance) {\n best = { type: 'handleOut', keyframeIndex: i, distance: hOutDist };\n }\n }\n\n // If we found a keyframe or handle, return that (higher priority than curve)\n if (best.type !== 'none') return best;\n\n // Test curve line\n if (keyframes.length >= 2) {\n const samples = sampleCurve(curve, 200);\n for (let i = 0; i < samples.length; i++) {\n const s = samples[i];\n if (!s) continue;\n const sCanvas = domainToCanvas(\n s.x,\n s.y,\n viewport,\n canvasWidth,\n canvasHeight\n );\n const dist = Math.sqrt((px - sCanvas.px) 2 + (py - sCanvas.py) 2);\n if (dist < tolerancePx && dist < best.distance) {\n best = { type: 'curve', keyframeIndex: -1, distance: dist };\n }\n }\n }\n\n return best;\n}\n\n/\n * Sort keyframes by X position (required after move).\n /\nexport function sortKeyframes(keyframes: CurveKeyframe[]): CurveKeyframe[] {\n return [...keyframes].sort((a, b) => a.x - b.x);\n}\n\n/\n Create a default linear curve.\n /\nexport function createLinearCurve(\n domainX: [number, number] = [0, 1],\n domainY: [number, number] = [0, 1]\n): CurveData {\n return {\n keyframes: [\n {\n x: domainX[0],\n y: domainY[0],\n handleIn: { x: 0, y: 0 },\n handleOut: {\n x: (domainX[1] - domainX[0]) / 3,\n y: (domainY[1] - domainY[0]) / 3,\n },\n tangentMode: 'linear',\n id: generateKeyframeId(),\n },\n {\n x: domainX[1],\n y: domainY[1],\n handleIn: {\n x: -(domainX[1] - domainX[0]) / 3,\n y: -(domainY[1] - domainY[0]) / 3,\n },\n handleOut: { x: 0, y: 0 },\n tangentMode: 'linear',\n id: generateKeyframeId(),\n },\n ],\n domainX,\n domainY,\n };\n}\n\n/\n Ensure every keyframe has an ID.\n */\nexport function ensureKeyframeIds(keyframes: CurveKeyframe[]): CurveKeyframe[] {\n return keyframes.map(kf =>\n kf.id ? kf : { ...kf, id: generateKeyframeId() }\n );\n}\n"],"names":["sharedDomainToCanvas","sharedCanvasToDomain"],"mappings":"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"}

package/dist/esm/components/controls/CurveEditor/useCurveInteraction.js CHANGED Viewed

@@ -22,7 +22,9 @@ function useCurveInteraction(options) {
     const [selectionBox, setSelectionBox] = useState(null);
     const dragStateRef = useRef({ type: 'idle' });
     const curveBeforeDragRef = useRef(null);
-    const isDragging = dragStateRef.current.type !== 'idle';
+    // Ref drives synchronous reads inside the pointer handlers; the state mirror
+    // is the value exposed for rendering (kept in sync on drag start/end).
+    const [isDragging, setIsDragging] = useState(false);
     const getCanvasSize = useCallback(() => {
         const canvas = canvasRef.current;
         if (!canvas)
@@ -93,6 +95,7 @@ function useCurveInteraction(options) {
                     startX: kf.x,
                     startY: kf.y,
                 };
+                setIsDragging(true);
                 canvas.setPointerCapture(e.pointerId);
             }
             return;
@@ -112,6 +115,7 @@ function useCurveInteraction(options) {
                 type: hit.type,
                 keyframeIndex: hit.keyframeIndex,
             };
+            setIsDragging(true);
             canvas.setPointerCapture(e.pointerId);
             return;
         }
@@ -120,10 +124,12 @@ function useCurveInteraction(options) {
             updateSelection(new Set());
         }
         dragStateRef.current = { type: 'boxSelect', startPx: px, startPy: py };
+        setIsDragging(true);
         canvas.setPointerCapture(e.pointerId);
     }, [
         disabled,
         readOnly,
+        lockTangents,
         canvasRef,
         curve,
         viewport,
@@ -210,7 +216,9 @@ function useCurveInteraction(options) {
             });
             return;
         }
-        if (drag.type === 'handleIn' || drag.type === 'handleOut') {
+        // The only remaining drag types here are 'handleIn' and 'handleOut'
+        // (idle, boxSelect and keyframe are handled and returned above).
+        {
             const kf = curve.keyframes[drag.keyframeIndex];
             if (!kf)
                 return;
@@ -243,12 +251,12 @@ function useCurveInteraction(options) {
         viewport,
         disabled,
         readOnly,
+        lockTangents,
         snapToGrid,
         lockEndpoints,
         clampY,
         minKeyframeDistance,
         precision,
-        gridSubdivisions,
         onChange,
         getCanvasSize,
         snapValue,
@@ -300,6 +308,7 @@ function useCurveInteraction(options) {
             curveBeforeDragRef.current = null;
         }
         dragStateRef.current = { type: 'idle' };
+        setIsDragging(false);
         canvas.releasePointerCapture(e.pointerId);
     }, [
         canvasRef,
@@ -374,6 +383,7 @@ function useCurveInteraction(options) {
     }, [
         disabled,
         readOnly,
+        lockTangents,
         canvasRef,
         curve,
         viewport,
@@ -387,53 +397,6 @@ function useCurveInteraction(options) {
         getCanvasSize,
         applyAutoTangents,
     ]);
-    // ─── Keyboard ───
-    const onKeyDown = useCallback((e) => {
-        if (disabled)
-            return;
-        switch (e.key) {
-            case 'Delete':
-            case 'Backspace': {
-                if (readOnly || !allowDelete)
-                    return;
-                e.preventDefault();
-                deleteSelectedFn();
-                break;
-            }
-            case 'a': {
-                if (e.ctrlKey || e.metaKey) {
-                    e.preventDefault();
-                    selectAllFn();
-                }
-                break;
-            }
-            case 'ArrowUp':
-            case 'ArrowDown':
-            case 'ArrowLeft':
-            case 'ArrowRight': {
-                if (readOnly || selectedIds.size === 0)
-                    return;
-                e.preventDefault();
-                nudgeSelected(e.key, e.shiftKey);
-                break;
-            }
-            case '1':
-            case '2':
-            case '3':
-            case '4':
-            case '5':
-            case '6': {
-                if (readOnly || lockTangents || selectedIds.size === 0)
-                    return;
-                e.preventDefault();
-                const modeIndex = parseInt(e.key) - 1;
-                const mode = TANGENT_CYCLE[modeIndex];
-                if (mode)
-                    setTangentModeFn(mode);
-                break;
-            }
-        }
-    }, [disabled, readOnly, lockTangents, allowDelete, selectedIds]);
     // ─── Actions ───
     const deleteSelectedFn = useCallback(() => {
         if (readOnly || !allowDelete)
@@ -553,6 +516,65 @@ function useCurveInteraction(options) {
         onChangeComplete,
         applyAutoTangents,
     ]);
+    // ─── Keyboard ───
+    // Declared after the action callbacks it dispatches so they are referenced
+    // (and depended on) by value rather than via a forward closure.
+    const onKeyDown = useCallback((e) => {
+        if (disabled)
+            return;
+        switch (e.key) {
+            case 'Delete':
+            case 'Backspace': {
+                if (readOnly || !allowDelete)
+                    return;
+                e.preventDefault();
+                deleteSelectedFn();
+                break;
+            }
+            case 'a': {
+                if (e.ctrlKey || e.metaKey) {
+                    e.preventDefault();
+                    selectAllFn();
+                }
+                break;
+            }
+            case 'ArrowUp':
+            case 'ArrowDown':
+            case 'ArrowLeft':
+            case 'ArrowRight': {
+                if (readOnly || selectedIds.size === 0)
+                    return;
+                e.preventDefault();
+                nudgeSelected(e.key, e.shiftKey);
+                break;
+            }
+            case '1':
+            case '2':
+            case '3':
+            case '4':
+            case '5':
+            case '6': {
+                if (readOnly || lockTangents || selectedIds.size === 0)
+                    return;
+                e.preventDefault();
+                const modeIndex = parseInt(e.key) - 1;
+                const mode = TANGENT_CYCLE[modeIndex];
+                if (mode)
+                    setTangentModeFn(mode);
+                break;
+            }
+        }
+    }, [
+        disabled,
+        readOnly,
+        lockTangents,
+        allowDelete,
+        selectedIds,
+        deleteSelectedFn,
+        selectAllFn,
+        nudgeSelected,
+        setTangentModeFn,
+    ]);
     return {
         selectedIds,
         hoveredElement,

package/dist/esm/components/controls/CurveEditor/useCurveInteraction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCurveInteraction.js","sources":["../../../../../../src/components/controls/CurveEditor/useCurveInteraction.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkEA;;;;;;;;AASA;AAIE;;AAEF;AAEM;AAGJ;AAqBA;;;;AAYA;;AAIA;AACE;AACA;;AACA;AACA;AACF;AAEA;;;AAIE;;AAME;;AAEF;AAIF;;AAGM;AAA+B;;;;;AAM7B;;;;AAIJ;;;AAMJ;AAEI;;AACA;AACA;;AAEA;;AAGA;;AAEA;AAEA;;;;AAIE;;AAEE;;AAEE;;;AAEA;;;;;;;;;AASA;AACA;;;AAGA;;;;;AAKF;;;;AAKJ;AAEE;;;;;;;AAOE;AACA;;;;;;AAMF;;;;AAKF;AACE;;AAGF;AACA;AACF;;;;;;;;;AAUC;;AAIH;AAEI;AACA;;AAEA;;AAEA;AAEA;;AAEE;AACA;;AAGA;AACE;;AACK;;AAIL;;AACK;AACL;;;AAEA;;;;AAKJ;;;;AAKA;;AAEA;AACE;;AAEA;;AAEA;;AAIA;AACA;;;;AAKE;AACA;AACA;AACA;;AAGF;AACA;;AAGA;AACE;;;AAIF;AACE;AACA;;AAEE;;;AAGA;;;;;AAMF;;AAGF;AAIA;AACE;AACA;AACD;;;AAIH;;AAEE;;AAEA;AACA;AACE;AACA;;AAGF;AACA;;;;;;;;AAQA;;;;AAKA;AAKA;;;;AAOJ;;;;;;;;;;;;;;;;AAiBC;;AAIH;AAEI;AACA;;AAEA;AAEA;;;;AAII;AAEA;;AAEE;;;;;;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAIE;AACA;;AAGA;;;;;;;AAUR;;AAGI;;AAGF;AACA;;;AAIF;AACF;;;;;;;;;AAUC;;AAIH;;;AAGI;AACA;;AAEA;;AAKA;AAEA;AACE;;;;AAGA;;;;;AAMA;AAIA;AACE;AACA;;;AAGF;;;;;AAMA;;;;AAKA;;;;AAIE;;AAGF;AACE;AACA;;;AAGA;;;AAIF;AACA;AACE;AACA;;;AAGF;AAEA;;;;AAIJ;;;;;;;;;;;;;;;AAgBC;;AAIH;AAEI;;AAEA;AACE;;;;;AAIE;;;;;;AAME;;;;AAIJ;AACA;AACA;;AAEE;;;;;;AAKF;AACA;AACA;AACA;AACA;;;;;;AAKE;AACA;;;;;AAIN;;AAKF;;;;AAII;AAAuC;;;;AAKrC;AAAqD;;AAEvD;AACF;;AAGA;;AAEA;;AAEA;AACA;AACF;;;;;;;;;;AAUC;AAED;;;AAKA;AAEA;;;;AAKM;AAAuC;AAEvC;;AAEI;AACA;;;;;;AAMN;AAEA;;AAEA;AACF;;;;;;;;AASC;;;;;;;;AAaG;AAAuC;AAEvC;;AAEA;;AAGE;AACE;;;AAEF;AACE;;;AAEF;;;AAGA;;;;;AAMA;;;AAIA;AACA;AACA;;AAEJ;AAEA;AACE;AACA;;;AAGF;AACF;;;;;;;;;;AAWC;;;;;;AAQD;;;;;;AAMC;AACD;AACA;AACA;;AAEJ;;"}
1	+ {"version":3,"file":"useCurveInteraction.js","sources":["src/components/controls/CurveEditor/useCurveInteraction.ts"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useRef } from 'react';\n\nimport { clamp, roundToPrecision } from '@/utils/mathUtils';\n\nimport {\n canvasToDomain,\n hitTest,\n sortKeyframes,\n generateKeyframeId,\n constrainTangent,\n computeAutoTangent,\n} from './curveUtils';\n\nimport type {\n CurveData,\n CurveKeyframe,\n CurveViewport,\n CurveHitTest,\n TangentMode,\n} from './CurveEditor.types';\nimport type React from 'react';\n\ntype DragState =\n \| { type: 'idle' }\n \| { type: 'keyframe'; keyframeIndex: number; startX: number; startY: number }\n \| { type: 'handleIn'; keyframeIndex: number }\n \| { type: 'handleOut'; keyframeIndex: number }\n \| { type: 'boxSelect'; startPx: number; startPy: number };\n\ninterface UseCurveInteractionOptions {\n curve: CurveData;\n viewport: CurveViewport;\n canvasRef: React.RefObject<HTMLCanvasElement \| null>;\n disabled: boolean;\n readOnly: boolean;\n allowAdd: boolean;\n allowDelete: boolean;\n maxKeyframes: number;\n lockEndpoints: boolean;\n clampY: boolean;\n snapToGrid: boolean;\n gridSubdivisions: number;\n lockTangents: boolean;\n minKeyframeDistance: number;\n precision: number;\n onChange: (curve: CurveData) => void;\n onChangeComplete?: (curve: CurveData) => void;\n onSelectionChange?: (ids: string[]) => void;\n}\n\ninterface UseCurveInteractionReturn {\n selectedIds: Set<string>;\n hoveredElement: CurveHitTest \| null;\n selectionBox: { x1: number; y1: number; x2: number; y2: number } \| null;\n isDragging: boolean;\n handlers: {\n onPointerDown: (e: React.PointerEvent) => void;\n onPointerMove: (e: React.PointerEvent) => void;\n onPointerUp: (e: React.PointerEvent) => void;\n onDoubleClick: (e: React.MouseEvent) => void;\n onKeyDown: (e: React.KeyboardEvent) => void;\n };\n setTangentMode: (mode: TangentMode) => void;\n selectAll: () => void;\n deleteSelected: () => void;\n}\n\nconst TANGENT_CYCLE: TangentMode[] = [\n 'free',\n 'aligned',\n 'mirrored',\n 'auto',\n 'linear',\n 'step',\n];\n\nfunction getCanvasCoords(\n e: React.PointerEvent \| React.MouseEvent,\n canvas: HTMLCanvasElement\n): { px: number; py: number } {\n const rect = canvas.getBoundingClientRect();\n return { px: e.clientX - rect.left, py: e.clientY - rect.top };\n}\n\nexport function useCurveInteraction(\n options: UseCurveInteractionOptions\n): UseCurveInteractionReturn {\n const {\n curve,\n viewport,\n canvasRef,\n disabled,\n readOnly,\n allowAdd,\n allowDelete,\n maxKeyframes,\n lockEndpoints,\n lockTangents,\n clampY,\n snapToGrid,\n gridSubdivisions,\n minKeyframeDistance,\n precision,\n onChange,\n onChangeComplete,\n onSelectionChange,\n } = options;\n\n const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n const [hoveredElement, setHoveredElement] = useState<CurveHitTest \| null>(\n null\n );\n const [selectionBox, setSelectionBox] = useState<{\n x1: number;\n y1: number;\n x2: number;\n y2: number;\n } \| null>(null);\n\n const dragStateRef = useRef<DragState>({ type: 'idle' });\n const curveBeforeDragRef = useRef<CurveData \| null>(null);\n\n // Ref drives synchronous reads inside the pointer handlers; the state mirror\n // is the value exposed for rendering (kept in sync on drag start/end).\n const [isDragging, setIsDragging] = useState(false);\n\n const getCanvasSize = useCallback(() => {\n const canvas = canvasRef.current;\n if (!canvas) return { w: 320, h: 200 };\n const rect = canvas.getBoundingClientRect();\n return { w: rect.width, h: rect.height };\n }, [canvasRef]);\n\n const updateSelection = useCallback(\n (ids: Set<string>) => {\n setSelectedIds(ids);\n onSelectionChange?.(Array.from(ids));\n },\n [onSelectionChange]\n );\n\n const snapValue = useCallback(\n (value: number, domainRange: number): number => {\n const gridStep = domainRange / gridSubdivisions;\n return Math.round(value / gridStep) * gridStep;\n },\n [gridSubdivisions]\n );\n\n const applyAutoTangents = useCallback(\n (keyframes: CurveKeyframe[]): CurveKeyframe[] => {\n return keyframes.map((kf, i) => {\n if (kf.tangentMode !== 'auto') return kf;\n const prev = i > 0 ? (keyframes[i - 1] ?? null) : null;\n const next =\n i < keyframes.length - 1 ? (keyframes[i + 1] ?? null) : null;\n const tangents = computeAutoTangent(prev, kf, next);\n return {\n ...kf,\n handleIn: tangents.handleIn,\n handleOut: tangents.handleOut,\n };\n });\n },\n []\n );\n\n // ─── Pointer Down ───\n const onPointerDown = useCallback(\n (e: React.PointerEvent) => {\n if (disabled) return;\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const { px, py } = getCanvasCoords(e, canvas);\n const { w, h } = getCanvasSize();\n\n if (e.button !== 0) return;\n\n const hit = hitTest(px, py, curve, viewport, w, h);\n\n if (hit.type === 'keyframe') {\n const kf = curve.keyframes[hit.keyframeIndex];\n if (!kf?.id) return;\n\n if (e.shiftKey) {\n // Toggle selection\n const newSel = new Set(selectedIds);\n if (newSel.has(kf.id)) {\n newSel.delete(kf.id);\n } else {\n newSel.add(kf.id);\n }\n updateSelection(newSel);\n } else if (!selectedIds.has(kf.id)) {\n updateSelection(new Set([kf.id]));\n }\n\n if (!readOnly) {\n curveBeforeDragRef.current = {\n ...curve,\n keyframes: [...curve.keyframes],\n };\n dragStateRef.current = {\n type: 'keyframe',\n keyframeIndex: hit.keyframeIndex,\n startX: kf.x,\n startY: kf.y,\n };\n setIsDragging(true);\n canvas.setPointerCapture(e.pointerId);\n }\n return;\n }\n\n if (\n (hit.type === 'handleIn' \|\| hit.type === 'handleOut') &&\n !readOnly &&\n !lockTangents\n ) {\n const kf = curve.keyframes[hit.keyframeIndex];\n if (!kf?.id) return;\n updateSelection(new Set([kf.id]));\n curveBeforeDragRef.current = {\n ...curve,\n keyframes: [...curve.keyframes],\n };\n dragStateRef.current = {\n type: hit.type,\n keyframeIndex: hit.keyframeIndex,\n };\n setIsDragging(true);\n canvas.setPointerCapture(e.pointerId);\n return;\n }\n\n // Empty area — start box select or clear selection\n if (!e.shiftKey) {\n updateSelection(new Set());\n }\n\n dragStateRef.current = { type: 'boxSelect', startPx: px, startPy: py };\n setIsDragging(true);\n canvas.setPointerCapture(e.pointerId);\n },\n [\n disabled,\n readOnly,\n lockTangents,\n canvasRef,\n curve,\n viewport,\n selectedIds,\n updateSelection,\n getCanvasSize,\n ]\n );\n\n // ─── Pointer Move ───\n const onPointerMove = useCallback(\n (e: React.PointerEvent) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const { px, py } = getCanvasCoords(e, canvas);\n const { w, h } = getCanvasSize();\n const drag = dragStateRef.current;\n\n if (drag.type === 'idle') {\n // Hover detection\n const hit = hitTest(px, py, curve, viewport, w, h);\n setHoveredElement(hit.type !== 'none' ? hit : null);\n\n // Cursor\n if (hit.type === 'keyframe') {\n canvas.style.cursor = 'pointer';\n } else if (\n (hit.type === 'handleIn' \|\| hit.type === 'handleOut') &&\n !lockTangents\n ) {\n canvas.style.cursor = 'crosshair';\n } else if (hit.type === 'curve') {\n canvas.style.cursor = 'pointer';\n } else {\n canvas.style.cursor = disabled ? 'not-allowed' : 'default';\n }\n return;\n }\n\n if (drag.type === 'boxSelect') {\n setSelectionBox({ x1: drag.startPx, y1: drag.startPy, x2: px, y2: py });\n return;\n }\n\n if (readOnly) return;\n\n if (drag.type === 'keyframe') {\n const domain = canvasToDomain(px, py, viewport, w, h);\n const kf = curve.keyframes[drag.keyframeIndex];\n if (!kf) return;\n\n const isEndpoint =\n drag.keyframeIndex === 0 \|\|\n drag.keyframeIndex === curve.keyframes.length - 1;\n\n let newX = domain.x;\n let newY = domain.y;\n\n // Apply snap\n const shouldSnap = snapToGrid !== e.ctrlKey; // Ctrl toggles snap\n if (shouldSnap) {\n const xRange = curve.domainX[1] - curve.domainX[0];\n const yRange = curve.domainY[1] - curve.domainY[0];\n newX = snapValue(newX, xRange);\n newY = snapValue(newY, yRange);\n }\n\n newX = roundToPrecision(newX, precision);\n newY = roundToPrecision(newY, precision);\n\n // Lock X for endpoints\n if (lockEndpoints && isEndpoint) {\n newX = kf.x;\n }\n\n // Clamp X between neighbors\n if (!isEndpoint \|\| !lockEndpoints) {\n const prevKf = curve.keyframes[drag.keyframeIndex - 1];\n const nextKf = curve.keyframes[drag.keyframeIndex + 1];\n if (prevKf) {\n newX = Math.max(newX, prevKf.x + minKeyframeDistance);\n }\n if (nextKf) {\n newX = Math.min(newX, nextKf.x - minKeyframeDistance);\n }\n }\n\n // Clamp Y to domain\n if (clampY) {\n newY = clamp(newY, curve.domainY[0], curve.domainY[1]);\n }\n\n const newKeyframes = curve.keyframes.map((k, i) =>\n i === drag.keyframeIndex ? { ...k, x: newX, y: newY } : k\n );\n\n onChange({\n ...curve,\n keyframes: applyAutoTangents(newKeyframes),\n });\n return;\n }\n\n // The only remaining drag types here are 'handleIn' and 'handleOut'\n // (idle, boxSelect and keyframe are handled and returned above).\n {\n const kf = curve.keyframes[drag.keyframeIndex];\n if (!kf) return;\n\n const domain = canvasToDomain(px, py, viewport, w, h);\n const handleOffset = {\n x: roundToPrecision(domain.x - kf.x, precision),\n y: roundToPrecision(domain.y - kf.y, precision),\n };\n\n let updatedKf: CurveKeyframe;\n if (drag.type === 'handleIn') {\n updatedKf = { ...kf, handleIn: handleOffset };\n } else {\n updatedKf = { ...kf, handleOut: handleOffset };\n }\n\n // Promote auto → free when the user manually adjusts a handle.\n // This prevents applyAutoTangents from overwriting the change.\n if (updatedKf.tangentMode === 'auto') {\n updatedKf = { ...updatedKf, tangentMode: 'free' };\n }\n\n // Apply tangent constraints\n updatedKf = constrainTangent(\n updatedKf,\n drag.type === 'handleIn' ? 'in' : 'out'\n );\n\n const newKeyframes = curve.keyframes.map((k, i) =>\n i === drag.keyframeIndex ? updatedKf : k\n );\n\n onChange({ ...curve, keyframes: newKeyframes });\n return;\n }\n },\n [\n canvasRef,\n curve,\n viewport,\n disabled,\n readOnly,\n lockTangents,\n snapToGrid,\n lockEndpoints,\n clampY,\n minKeyframeDistance,\n precision,\n onChange,\n getCanvasSize,\n snapValue,\n applyAutoTangents,\n ]\n );\n\n // ─── Pointer Up ───\n const onPointerUp = useCallback(\n (e: React.PointerEvent) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const drag = dragStateRef.current;\n\n if (drag.type === 'boxSelect') {\n // Resolve box selection\n if (selectionBox) {\n const { w, h } = getCanvasSize();\n const newSel = new Set(e.shiftKey ? selectedIds : new Set<string>());\n\n for (let i = 0; i < curve.keyframes.length; i++) {\n const kf = curve.keyframes[i];\n if (!kf) continue;\n if (!kf.id) continue;\n\n const [vxMin, vxMax] = viewport.viewX;\n const [vyMin, vyMax] = viewport.viewY;\n const vw = vxMax - vxMin \|\| 1;\n const vh = vyMax - vyMin \|\| 1;\n const kfPx = ((kf.x - vxMin) / vw) * w;\n const kfPy = ((vyMax - kf.y) / vh) * h;\n\n const boxLeft = Math.min(selectionBox.x1, selectionBox.x2);\n const boxRight = Math.max(selectionBox.x1, selectionBox.x2);\n const boxTop = Math.min(selectionBox.y1, selectionBox.y2);\n const boxBottom = Math.max(selectionBox.y1, selectionBox.y2);\n\n if (\n kfPx >= boxLeft &&\n kfPx <= boxRight &&\n kfPy >= boxTop &&\n kfPy <= boxBottom\n ) {\n newSel.add(kf.id);\n }\n }\n\n updateSelection(newSel);\n }\n\n setSelectionBox(null);\n }\n\n if (\n (drag.type === 'keyframe' \|\|\n drag.type === 'handleIn' \|\|\n drag.type === 'handleOut') &&\n curveBeforeDragRef.current\n ) {\n onChangeComplete?.(curve);\n curveBeforeDragRef.current = null;\n }\n\n dragStateRef.current = { type: 'idle' };\n setIsDragging(false);\n canvas.releasePointerCapture(e.pointerId);\n },\n [\n canvasRef,\n curve,\n viewport,\n selectionBox,\n selectedIds,\n updateSelection,\n onChangeComplete,\n getCanvasSize,\n ]\n );\n\n // ─── Double Click ───\n const onDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n if (disabled \|\| readOnly) return;\n const canvas = canvasRef.current;\n if (!canvas) return;\n\n const { px, py } = getCanvasCoords(e, canvas);\n const { w, h } = getCanvasSize();\n const hit = hitTest(px, py, curve, viewport, w, h);\n\n if (hit.type === 'keyframe') {\n if (lockTangents) return;\n // Cycle tangent mode\n const kf = curve.keyframes[hit.keyframeIndex];\n if (!kf) return;\n\n const currentIndex = TANGENT_CYCLE.indexOf(kf.tangentMode);\n const nextIndex = (currentIndex + 1) % TANGENT_CYCLE.length;\n const nextMode = TANGENT_CYCLE[nextIndex] ?? 'free';\n\n const newKeyframes = curve.keyframes.map((k, i) =>\n i === hit.keyframeIndex ? { ...k, tangentMode: nextMode } : k\n );\n\n const updated = {\n ...curve,\n keyframes: applyAutoTangents(newKeyframes),\n };\n onChange(updated);\n onChangeComplete?.(updated);\n return;\n }\n\n if (allowAdd && curve.keyframes.length < maxKeyframes) {\n // Add keyframe at cursor position\n const domain = canvasToDomain(px, py, viewport, w, h);\n const newX = roundToPrecision(domain.x, precision);\n let newY = roundToPrecision(domain.y, precision);\n\n // Check within domain X\n if (newX < curve.domainX[0] \|\| newX > curve.domainX[1]) return;\n\n // Clamp Y to domain\n if (clampY) {\n newY = clamp(newY, curve.domainY[0], curve.domainY[1]);\n }\n\n const newKf: CurveKeyframe = {\n x: newX,\n y: newY,\n handleIn: { x: 0, y: 0 },\n handleOut: { x: 0, y: 0 },\n tangentMode: 'auto',\n id: generateKeyframeId(),\n };\n\n const newKeyframes = sortKeyframes([...curve.keyframes, newKf]);\n const updated = {\n ...curve,\n keyframes: applyAutoTangents(newKeyframes),\n };\n onChange(updated);\n onChangeComplete?.(updated);\n\n if (newKf.id) {\n updateSelection(new Set([newKf.id]));\n }\n }\n },\n [\n disabled,\n readOnly,\n lockTangents,\n canvasRef,\n curve,\n viewport,\n allowAdd,\n maxKeyframes,\n clampY,\n precision,\n onChange,\n onChangeComplete,\n updateSelection,\n getCanvasSize,\n applyAutoTangents,\n ]\n );\n\n // ─── Actions ───\n const deleteSelectedFn = useCallback(() => {\n if (readOnly \|\| !allowDelete) return;\n\n const newKeyframes = curve.keyframes.filter(kf => {\n if (!kf.id \|\| !selectedIds.has(kf.id)) return true;\n\n // Don't delete endpoints if locked\n if (lockEndpoints) {\n const idx = curve.keyframes.indexOf(kf);\n if (idx === 0 \|\| idx === curve.keyframes.length - 1) return true;\n }\n return false;\n });\n\n // Must keep at least 2 keyframes\n if (newKeyframes.length < 2) return;\n\n const updated = { ...curve, keyframes: applyAutoTangents(newKeyframes) };\n onChange(updated);\n onChangeComplete?.(updated);\n updateSelection(new Set());\n }, [\n curve,\n selectedIds,\n readOnly,\n allowDelete,\n lockEndpoints,\n onChange,\n onChangeComplete,\n updateSelection,\n applyAutoTangents,\n ]);\n\n const selectAllFn = useCallback(() => {\n const allIds = new Set(\n curve.keyframes.map(kf => kf.id).filter(Boolean) as string[]\n );\n updateSelection(allIds);\n }, [curve, updateSelection]);\n\n const setTangentModeFn = useCallback(\n (mode: TangentMode) => {\n if (readOnly \|\| lockTangents \|\| selectedIds.size === 0) return;\n\n const newKeyframes = curve.keyframes.map(kf => {\n if (!kf.id \|\| !selectedIds.has(kf.id)) return kf;\n\n if (mode === 'linear') {\n return {\n ...kf,\n tangentMode: mode,\n handleIn: { x: 0, y: 0 },\n handleOut: { x: 0, y: 0 },\n };\n }\n return { ...kf, tangentMode: mode };\n });\n\n const updated = { ...curve, keyframes: applyAutoTangents(newKeyframes) };\n onChange(updated);\n onChangeComplete?.(updated);\n },\n [\n curve,\n selectedIds,\n readOnly,\n lockTangents,\n onChange,\n onChangeComplete,\n applyAutoTangents,\n ]\n );\n\n const nudgeSelected = useCallback(\n (direction: string, fine: boolean) => {\n const [vxMin, vxMax] = viewport.viewX;\n const [vyMin, vyMax] = viewport.viewY;\n\n const baseStep = fine ? 0.001 : 0.01;\n const xStep = (vxMax - vxMin) * baseStep;\n const yStep = (vyMax - vyMin) * baseStep;\n\n const newKeyframes = curve.keyframes.map(kf => {\n if (!kf.id \|\| !selectedIds.has(kf.id)) return kf;\n\n let { x, y } = kf;\n const idx = curve.keyframes.indexOf(kf);\n const isEndpoint = idx === 0 \|\| idx === curve.keyframes.length - 1;\n\n switch (direction) {\n case 'ArrowLeft':\n if (!(lockEndpoints && isEndpoint)) x -= xStep;\n break;\n case 'ArrowRight':\n if (!(lockEndpoints && isEndpoint)) x += xStep;\n break;\n case 'ArrowUp':\n y += yStep;\n break;\n case 'ArrowDown':\n y -= yStep;\n break;\n }\n\n if (clampY) {\n y = clamp(y, curve.domainY[0], curve.domainY[1]);\n }\n\n return {\n ...kf,\n x: roundToPrecision(x, precision),\n y: roundToPrecision(y, precision),\n };\n });\n\n const updated = {\n ...curve,\n keyframes: applyAutoTangents(sortKeyframes(newKeyframes)),\n };\n onChange(updated);\n onChangeComplete?.(updated);\n },\n [\n curve,\n viewport,\n selectedIds,\n lockEndpoints,\n clampY,\n precision,\n onChange,\n onChangeComplete,\n applyAutoTangents,\n ]\n );\n\n // ─── Keyboard ───\n // Declared after the action callbacks it dispatches so they are referenced\n // (and depended on) by value rather than via a forward closure.\n const onKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (disabled) return;\n\n switch (e.key) {\n case 'Delete':\n case 'Backspace': {\n if (readOnly \|\| !allowDelete) return;\n e.preventDefault();\n deleteSelectedFn();\n break;\n }\n case 'a': {\n if (e.ctrlKey \|\| e.metaKey) {\n e.preventDefault();\n selectAllFn();\n }\n break;\n }\n case 'ArrowUp':\n case 'ArrowDown':\n case 'ArrowLeft':\n case 'ArrowRight': {\n if (readOnly \|\| selectedIds.size === 0) return;\n e.preventDefault();\n nudgeSelected(e.key, e.shiftKey);\n break;\n }\n case '1':\n case '2':\n case '3':\n case '4':\n case '5':\n case '6': {\n if (readOnly \|\| lockTangents \|\| selectedIds.size === 0) return;\n e.preventDefault();\n const modeIndex = parseInt(e.key) - 1;\n const mode = TANGENT_CYCLE[modeIndex];\n if (mode) setTangentModeFn(mode);\n break;\n }\n }\n },\n [\n disabled,\n readOnly,\n lockTangents,\n allowDelete,\n selectedIds,\n deleteSelectedFn,\n selectAllFn,\n nudgeSelected,\n setTangentModeFn,\n ]\n );\n\n return {\n selectedIds,\n hoveredElement,\n selectionBox,\n isDragging,\n handlers: {\n onPointerDown,\n onPointerMove,\n onPointerUp,\n onDoubleClick,\n onKeyDown,\n },\n setTangentMode: setTangentModeFn,\n selectAll: selectAllFn,\n deleteSelected: deleteSelectedFn,\n };\n}\n"],"names":[],"mappings":";;;;;AAqEA;;;;;;;;AASA;AAIE;;AAEF;AAEM;AAGJ;AAqBA;;;;AAYA;;;;AAMA;AACE;AACA;;AACA;AACA;AACF;AAEA;;;AAIE;;AAME;;AAEF;AAIF;;AAGM;AAA+B;;;;;AAM7B;;;;AAIJ;;;AAMJ;AAEI;;AACA;AACA;;AAEA;;AAGA;;AAEA;AAEA;;;;AAIE;;AAEE;;AAEE;;;AAEA;;;;;;;;;AASA;AACA;;;AAGA;;;;;;AAMF;;;;AAKJ;AAEE;;;;;;;AAOE;AACA;;;;;;;AAOF;;;;AAKF;AACE;;AAGF;;AAEA;AACF;;;;;;;;;;AAWC;;AAIH;AAEI;AACA;;AAEA;;AAEA;AAEA;;AAEE;AACA;;AAGA;AACE;;AACK;;AAIL;;AACK;AACL;;;AAEA;;;;AAKJ;;;;AAKA;;AAEA;AACE;;AAEA;;AAEA;;AAIA;AACA;;;;AAKE;AACA;AACA;AACA;;AAGF;AACA;;AAGA;AACE;;;AAIF;AACE;AACA;;AAEE;;;AAGA;;;;;AAMF;;AAGF;AAIA;AACE;AACA;AACD;;;;;;;AAQD;;AAEA;AACA;AACE;AACA;;AAGF;AACA;;;;;;;;AAQA;;;;AAKA;AAKA;;;;AAOJ;;;;;;;;;;;;;;;;AAiBC;;AAIH;AAEI;AACA;;AAEA;AAEA;;;;AAII;AAEA;;AAEE;;;;;;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAIE;AACA;;AAGA;;;;;;;AAUR;;AAGI;;AAGF;AACA;;;;AAKF;AACF;;;;;;;;;AAUC;;AAIH;;;AAGI;AACA;;AAEA;;AAEA;AAEA;AACE;;;;AAGA;;;;;AAMA;AAIA;AACE;AACA;;;AAGF;;;;;AAMA;;;;AAKA;;;;AAIE;;AAGF;AACE;AACA;;;AAGA;;;AAIF;AACA;AACE;AACA;;;AAGF;AAEA;;;;AAIJ;;;;;;;;;;;;;;;;AAiBC;;AAIH;;;;AAII;AAAuC;;;;AAKrC;AAAqD;;AAEvD;AACF;;AAGA;;AAEA;;AAEA;AACA;AACF;;;;;;;;;;AAUC;AAED;;;AAKA;AAEA;;;;AAKM;AAAuC;AAEvC;;AAEI;AACA;;;;;;AAMN;AAEA;;AAEA;AACF;;;;;;;;AASC;;;;;;;;AAaG;AAAuC;AAEvC;;AAEA;;AAGE;AACE;;;AAEF;AACE;;;AAEF;;;AAGA;;;;;AAMA;;;AAIA;AACA;AACA;;AAEJ;AAEA;AACE;AACA;;;AAGF;AACF;;;;;;;;;;AAWC;;;;AAMH;AAEI;;AAEA;AACE;;;;;AAIE;;;;;;AAME;;;;AAIJ;AACA;AACA;;AAEE;;;;;;AAKF;AACA;AACA;AACA;AACA;;;;;;AAKE;AACA;;;;;AAIN;;;;;;;;;;AAWC;;;;;;AAQD;;;;;;AAMC;AACD;AACA;AACA;;AAEJ;;"}

package/dist/esm/components/controls/CurveEditor/useCurveRenderer.js CHANGED Viewed

@@ -19,8 +19,11 @@ function useCurveRenderer(options) {
         const rect = canvas.getBoundingClientRect();
         const w = rect.width;
         const h = rect.height;
-        // Set canvas resolution for retina
+        // Set canvas resolution for retina. Writing the canvas backing-store size
+        // is a DOM side effect of drawing; the rule mistakes it for mutating the
+        // `options` argument because `canvas` is reached via options.canvasRef.
         if (canvas.width !== w * dpr || canvas.height !== h * dpr) {
+            // eslint-disable-next-line react-hooks/immutability
             canvas.width = w * dpr;
             canvas.height = h * dpr;
             ctx.scale(dpr, dpr);
@@ -87,7 +90,10 @@ function useCurveRenderer(options) {
         }
         ctx.globalAlpha = 1;
     }, [options]);
-    // Redraw on state changes
+    // Redraw on state changes. The draw callback mutates the canvas DOM element
+    // (backing-store size), which the rule reports as modifying `options`; that
+    // is a benign DOM side effect, not a props mutation.
+    // eslint-disable-next-line react-hooks/immutability
     useEffect(() => {
         if (options.isDragging) {
             // Use rAF for smooth updates during drag
@@ -96,7 +102,9 @@ function useCurveRenderer(options) {
                 rafRef.current = requestAnimationFrame(render);
             };
             rafRef.current = requestAnimationFrame(render);
-            return () => cancelAnimationFrame(rafRef.current);
+            return () => {
+                cancelAnimationFrame(rafRef.current);
+            };
         }
         draw();
         return undefined;

package/dist/esm/components/controls/CurveEditor/useCurveRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCurveRenderer.js","sources":["../../../../../../src/components/controls/CurveEditor/useCurveRenderer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmDA;AAEM;AACJ;AAEA;AACE;AACA;;;AAGA;;AAEA;AAEA;AAEA;AACA;AACA;;AAGA;AACE;AACA;AACA;;;AAEA;;AAGF;;AAkBA;AACE;;;;AAMF;AACA;;;;;;AAOI;AACA;;;;AAID;;;;;;AAOC;AACA;;;AAGD;;;;;;;AAiBC;AACA;;;;;AAKD;;;AAIH;AACA;;AAGA;AACE;;;;;;AA6BA;;AAGF;AACF;;;AAIE;;;AAGI;AACA;AACF;AACA;;;AAIF;AACA;;AAEJ;AAEA;AACA;AAEA;AASE;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAGA;AACA;;AACA;;AAGA;AACE;AACA;;AACA;;;;AAKJ;AAEA;AAWE;AAEA;AACE;AACA;;AACA;;;;AAGA;AACA;;AAGA;AAQA;AACA;AACA;;;;;;AAMA;;;AAIA;AAEA;AACA;;AAEA;;;AAUA;AAQA;AACA;AACA;;;;;;AAMA;;;AAIA;AAEE;AACF;AACA;;AAEA;;;AASJ;AAEA;AAYE;AAEA;AACE;AACA;;;AAEA;AAEA;;AAIA;;;AAIE;;;;;;;;;;AASA;;AAEA;;;AAIA;;AAEA;AACA;;;;AAGA;;AAEA;AACA;;;;AAIN;AAEA;AAKE;AACA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;;;AAGA;AACF;;"}
1	+ {"version":3,"file":"useCurveRenderer.js","sources":["src/components/controls/CurveEditor/useCurveRenderer.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useCallback } from 'react';\n\nimport {\n drawGrid as sharedDrawGrid,\n drawDomainBounds as sharedDrawDomainBounds,\n drawAxisLabels as sharedDrawAxisLabels,\n} from '@/components/primitives/canvas/canvasDrawing';\nimport {\n resolveCanvasTheme,\n resolveVarValue,\n} from '@/components/primitives/canvas/canvasTheme';\n\nimport { domainToCanvas, sampleCurve } from './curveUtils';\n\nimport type {\n CurveData,\n CurveViewport,\n CurveHitTest,\n CurveBackgroundInfo,\n} from './CurveEditor.types';\nimport type { CanvasThemeColors } from '@/components/primitives/canvas/canvas.types';\nimport type React from 'react';\n\ninterface UseCurveRendererOptions {\n canvasRef: React.RefObject<HTMLCanvasElement \| null>;\n curve: CurveData;\n viewport: CurveViewport;\n showGrid: boolean;\n gridSubdivisions: number;\n showAxisLabels: boolean;\n labelX?: string;\n labelY?: string;\n curveColor: string;\n curveWidth: number;\n renderBackground?: (\n ctx: CanvasRenderingContext2D,\n info: CurveBackgroundInfo\n ) => void;\n selectedIds: Set<string>;\n hoveredElement: CurveHitTest \| null;\n selectionBox: {\n x1: number;\n y1: number;\n x2: number;\n y2: number;\n } \| null;\n disabled: boolean;\n isDragging: boolean;\n lockTangents: boolean;\n resizeToken?: number;\n}\n\n// CanvasThemeColors and resolveCanvasTheme are now imported from shared canvas primitives\n\nexport function useCurveRenderer(options: UseCurveRendererOptions): void {\n const rafRef = useRef<number>(0);\n\n const draw = useCallback(() => {\n const canvas = options.canvasRef.current;\n if (!canvas) return;\n\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n\n const theme = resolveCanvasTheme(canvas);\n\n const dpr =\n typeof window !== 'undefined' ? window.devicePixelRatio \|\| 1 : 1;\n const rect = canvas.getBoundingClientRect();\n const w = rect.width;\n const h = rect.height;\n\n // Set canvas resolution for retina. Writing the canvas backing-store size\n // is a DOM side effect of drawing; the rule mistakes it for mutating the\n // `options` argument because `canvas` is reached via options.canvasRef.\n if (canvas.width !== w * dpr \|\| canvas.height !== h * dpr) {\n // eslint-disable-next-line react-hooks/immutability\n canvas.width = w * dpr;\n canvas.height = h * dpr;\n ctx.scale(dpr, dpr);\n } else {\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n }\n\n const {\n curve,\n viewport,\n showGrid,\n gridSubdivisions,\n showAxisLabels,\n labelX,\n labelY,\n curveColor: rawCurveColor,\n curveWidth,\n renderBackground,\n selectedIds,\n hoveredElement,\n selectionBox,\n disabled,\n } = options;\n\n // Resolve curveColor if it's a CSS variable reference\n const curveColor = rawCurveColor.startsWith('var(')\n ? resolveVarValue(canvas, rawCurveColor)\n : rawCurveColor;\n\n const opacity = disabled ? 0.4 : 1;\n\n // 1. Clear background\n ctx.globalAlpha = 1;\n ctx.fillStyle = theme.backgroundSecondary;\n ctx.fillRect(0, 0, w, h);\n\n // 1b. Custom background (histograms, gradients, etc.)\n if (renderBackground) {\n ctx.save();\n renderBackground(ctx, {\n width: w,\n height: h,\n viewport,\n domainX: curve.domainX,\n domainY: curve.domainY,\n });\n ctx.restore();\n }\n\n // 2. Grid lines -- based on domain values, not viewport\n if (showGrid) {\n sharedDrawGrid(ctx, w, h, theme, {\n subdivisions: gridSubdivisions,\n domain: { domainX: curve.domainX, domainY: curve.domainY },\n viewport,\n opacity,\n });\n }\n\n // 3. Domain boundary axes (stronger lines at domain min/max)\n sharedDrawDomainBounds(\n ctx,\n w,\n h,\n theme,\n { domainX: curve.domainX, domainY: curve.domainY },\n viewport,\n opacity\n );\n\n // 4. Axis labels -- based on domain values\n if (showAxisLabels) {\n sharedDrawAxisLabels(ctx, w, h, theme, {\n subdivisions: gridSubdivisions,\n domain: { domainX: curve.domainX, domainY: curve.domainY },\n viewport,\n opacity,\n labelX,\n labelY,\n });\n }\n\n // 5. Curve line\n ctx.globalAlpha = opacity;\n drawCurveLine(ctx, curve, viewport, w, h, curveColor, curveWidth);\n\n // 6. Tangent handles (for selected keyframes)\n if (!options.lockTangents) {\n drawTangentHandles(\n ctx,\n curve,\n viewport,\n w,\n h,\n selectedIds,\n hoveredElement,\n theme,\n opacity\n );\n }\n\n // 7. Keyframe points\n drawKeyframes(\n ctx,\n curve,\n viewport,\n w,\n h,\n curveColor,\n selectedIds,\n hoveredElement,\n theme,\n opacity\n );\n\n // 8. Selection box\n if (selectionBox) {\n drawSelectionBox(ctx, selectionBox, curveColor);\n }\n\n ctx.globalAlpha = 1;\n }, [options]);\n\n // Redraw on state changes. The draw callback mutates the canvas DOM element\n // (backing-store size), which the rule reports as modifying `options`; that\n // is a benign DOM side effect, not a props mutation.\n // eslint-disable-next-line react-hooks/immutability\n useEffect(() => {\n if (options.isDragging) {\n // Use rAF for smooth updates during drag\n const render = () => {\n draw();\n rafRef.current = requestAnimationFrame(render);\n };\n rafRef.current = requestAnimationFrame(render);\n return () => {\n cancelAnimationFrame(rafRef.current);\n };\n }\n\n draw();\n return undefined;\n }, [draw, options.isDragging]);\n}\n\n// drawGrid, drawDomainBounds, drawAxisLabels, and formatLabel are now\n// provided by shared canvas primitives and called in the draw() function above.\n\nfunction drawCurveLine(\n ctx: CanvasRenderingContext2D,\n curve: CurveData,\n viewport: CurveViewport,\n w: number,\n h: number,\n curveColor: string,\n lineWidth: number\n): void {\n if (curve.keyframes.length < 2) return;\n\n const samples = sampleCurve(curve, Math.max(200, w));\n if (samples.length === 0) return;\n\n ctx.strokeStyle = curveColor;\n ctx.lineWidth = lineWidth;\n ctx.lineJoin = 'round';\n ctx.lineCap = 'round';\n ctx.beginPath();\n\n const first = samples[0];\n if (!first) return;\n const firstCanvas = domainToCanvas(first.x, first.y, viewport, w, h);\n ctx.moveTo(firstCanvas.px, firstCanvas.py);\n\n for (let i = 1; i < samples.length; i++) {\n const s = samples[i];\n if (!s) continue;\n const sCanvas = domainToCanvas(s.x, s.y, viewport, w, h);\n ctx.lineTo(sCanvas.px, sCanvas.py);\n }\n\n ctx.stroke();\n}\n\nfunction drawTangentHandles(\n ctx: CanvasRenderingContext2D,\n curve: CurveData,\n viewport: CurveViewport,\n w: number,\n h: number,\n selectedIds: Set<string>,\n hoveredElement: CurveHitTest \| null,\n theme: CanvasThemeColors,\n opacity: number\n): void {\n const { keyframes } = curve;\n\n for (let i = 0; i < keyframes.length; i++) {\n const kf = keyframes[i];\n if (!kf) continue;\n if (!kf.id \|\| !selectedIds.has(kf.id)) continue;\n if (kf.tangentMode === 'linear' \|\| kf.tangentMode === 'step') continue;\n\n const isAutoMode = kf.tangentMode === 'auto';\n const kfCanvas = domainToCanvas(kf.x, kf.y, viewport, w, h);\n\n // Handle In\n const hIn = domainToCanvas(\n kf.x + kf.handleIn.x,\n kf.y + kf.handleIn.y,\n viewport,\n w,\n h\n );\n\n ctx.globalAlpha = opacity * (isAutoMode ? 0.4 : 0.7);\n ctx.strokeStyle = theme.textMuted;\n ctx.lineWidth = 1;\n ctx.setLineDash([3, 3]);\n ctx.beginPath();\n ctx.moveTo(kfCanvas.px, kfCanvas.py);\n ctx.lineTo(hIn.px, hIn.py);\n ctx.stroke();\n ctx.setLineDash([]);\n\n // Handle In point\n const hInRadius = isAutoMode ? 3 : 4;\n const isHInHovered =\n hoveredElement?.type === 'handleIn' && hoveredElement.keyframeIndex === i;\n ctx.globalAlpha = opacity;\n ctx.fillStyle = isHInHovered ? theme.textPrimary : theme.textSecondary;\n ctx.beginPath();\n ctx.arc(\n hIn.px,\n hIn.py,\n isHInHovered ? hInRadius + 1 : hInRadius,\n 0,\n Math.PI * 2\n );\n ctx.fill();\n\n // Handle Out\n const hOut = domainToCanvas(\n kf.x + kf.handleOut.x,\n kf.y + kf.handleOut.y,\n viewport,\n w,\n h\n );\n\n ctx.globalAlpha = opacity * (isAutoMode ? 0.4 : 0.7);\n ctx.strokeStyle = theme.textMuted;\n ctx.lineWidth = 1;\n ctx.setLineDash([3, 3]);\n ctx.beginPath();\n ctx.moveTo(kfCanvas.px, kfCanvas.py);\n ctx.lineTo(hOut.px, hOut.py);\n ctx.stroke();\n ctx.setLineDash([]);\n\n // Handle Out point\n const hOutRadius = isAutoMode ? 3 : 4;\n const isHOutHovered =\n hoveredElement?.type === 'handleOut' &&\n hoveredElement.keyframeIndex === i;\n ctx.globalAlpha = opacity;\n ctx.fillStyle = isHOutHovered ? theme.textPrimary : theme.textSecondary;\n ctx.beginPath();\n ctx.arc(\n hOut.px,\n hOut.py,\n isHOutHovered ? hOutRadius + 1 : hOutRadius,\n 0,\n Math.PI * 2\n );\n ctx.fill();\n }\n}\n\nfunction drawKeyframes(\n ctx: CanvasRenderingContext2D,\n curve: CurveData,\n viewport: CurveViewport,\n w: number,\n h: number,\n curveColor: string,\n selectedIds: Set<string>,\n hoveredElement: CurveHitTest \| null,\n theme: CanvasThemeColors,\n opacity: number\n): void {\n const { keyframes } = curve;\n\n for (let i = 0; i < keyframes.length; i++) {\n const kf = keyframes[i];\n if (!kf) continue;\n const isSelected = kf.id ? selectedIds.has(kf.id) : false;\n const isHovered =\n hoveredElement?.type === 'keyframe' && hoveredElement.keyframeIndex === i;\n const isEndpoint = i === 0 \|\| i === keyframes.length - 1;\n\n const { px, py } = domainToCanvas(kf.x, kf.y, viewport, w, h);\n\n ctx.globalAlpha = opacity;\n\n if (isEndpoint) {\n // Diamond shape for endpoints\n const size = isHovered ? 8 : isSelected ? 7 : 6;\n ctx.beginPath();\n ctx.moveTo(px, py - size);\n ctx.lineTo(px + size, py);\n ctx.lineTo(px, py + size);\n ctx.lineTo(px - size, py);\n ctx.closePath();\n } else {\n // Circle for middle keyframes\n const radius = isHovered ? 8 : isSelected ? 7 : 6;\n ctx.beginPath();\n ctx.arc(px, py, radius, 0, Math.PI * 2);\n }\n\n if (isSelected) {\n ctx.fillStyle = curveColor;\n ctx.fill();\n ctx.strokeStyle = theme.textPrimary;\n ctx.lineWidth = 2;\n ctx.stroke();\n } else {\n ctx.fillStyle = theme.textPrimary;\n ctx.fill();\n ctx.strokeStyle = curveColor;\n ctx.lineWidth = 1.5;\n ctx.stroke();\n }\n }\n}\n\nfunction drawSelectionBox(\n ctx: CanvasRenderingContext2D,\n box: { x1: number; y1: number; x2: number; y2: number },\n curveColor: string\n): void {\n const x = Math.min(box.x1, box.x2);\n const y = Math.min(box.y1, box.y2);\n const bw = Math.abs(box.x2 - box.x1);\n const bh = Math.abs(box.y2 - box.y1);\n\n ctx.globalAlpha = 0.1;\n ctx.fillStyle = curveColor;\n ctx.fillRect(x, y, bw, bh);\n\n ctx.globalAlpha = 0.5;\n ctx.strokeStyle = curveColor;\n ctx.lineWidth = 1;\n ctx.setLineDash([4, 4]);\n ctx.strokeRect(x, y, bw, bh);\n ctx.setLineDash([]);\n}\n"],"names":[],"mappings":";;;;;;AAsDA;AAEM;AACJ;AAEA;AACE;AACA;;;AAGA;;AAEA;AAEA;AAEA;AACA;AACA;;;;AAKA;;AAEE;AACA;AACA;;;AAEA;;AAGF;;AAkBA;AACE;;;;AAMF;AACA;;;;;;AAOI;AACA;;;;AAID;;;;;;AAOC;AACA;;;AAGD;;;;;;;AAiBC;AACA;;;;;AAKD;;;AAIH;AACA;;AAGA;AACE;;;;;;AA6BA;;AAGF;AACF;;;;;;AAOE;;;AAGI;AACA;AACF;AACA;AACA;AACE;AACF;;AAGF;AACA;;AAEJ;AAEA;AACA;AAEA;AASE;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAGA;AACA;;AACA;;AAGA;AACE;AACA;;AACA;;;;AAKJ;AAEA;AAWE;AAEA;AACE;AACA;;AACA;;;;AAGA;AACA;;AAGA;AAQA;AACA;AACA;;;;;;AAMA;;;AAIA;AAEA;AACA;;AAEA;;;AAUA;AAQA;AACA;AACA;;;;;;AAMA;;;AAIA;AAEE;AACF;AACA;;AAEA;;;AASJ;AAEA;AAYE;AAEA;AACE;AACA;;;AAEA;AAEA;;AAIA;;;AAIE;;;;;;;;;;AASA;;AAEA;;;AAIA;;AAEA;AACA;;;;AAGA;;AAEA;AACA;;;;AAIN;AAEA;AAKE;AACA;AACA;AACA;AAEA;AACA;;AAGA;AACA;AACA;;;AAGA;AACF;;"}

package/dist/esm/components/controls/FileTree/FileTree.css.js ADDED Viewed

@@ -0,0 +1,9 @@
+import './../../../assets/src/components/controls/FileTree/FileTree.css.ts.vanilla-YmktPvnr.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+var containerStyle = 'FileTree_containerStyle__1b523un0';
+var iconStyle = createRuntimeFn({defaultClassName:'FileTree_iconStyle__1b523un1',variantClassNames:{size:{sm:'FileTree_iconStyle_size_sm__1b523un2',md:'FileTree_iconStyle_size_md__1b523un3',lg:'FileTree_iconStyle_size_lg__1b523un4'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var labelStyle = createRuntimeFn({defaultClassName:'FileTree_labelStyle__1b523un5',variantClassNames:{size:{sm:'FileTree_labelStyle_size_sm__1b523un6',md:'FileTree_labelStyle_size_md__1b523un7',lg:'FileTree_labelStyle_size_lg__1b523un8'}},defaultVariants:{size:'md'},compoundVariants:[]});
+export { containerStyle, iconStyle, labelStyle };
+//# sourceMappingURL=FileTree.css.js.map

package/dist/esm/components/controls/FileTree/FileTree.css.js.map ADDED Viewed

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