@petal-nexus/toolkit 0.2.5 → 0.3.0

package/dist/scichart/modifiers/FinChartLegendAnnotation.d.ts

@@ -1,4 +1,8 @@
 import { CustomAnnotation, ICustomAnnotationOptions, ISciChartSubSurface, SciChartSurface } from 'scichart';
+/**
+ * Legend placement options (4 corners)
+ */
+export type LegendPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 /**
  * Legend template function type
  */
@@ -18,6 +22,7 @@ export interface IFinChartLegendAnnotationOptions extends ICustomAnnotationOptio
     template?: TFinanceLegendTemplate;
     offsetX?: number;
     offsetY?: number;
+    placement?: LegendPlacement;
     paneId: string;
     textColor?: string;
 }
@@ -30,9 +35,12 @@ export declare class FinChartLegendAnnotation extends CustomAnnotation {
     template: TFinanceLegendTemplate;
     offsetX: number;
     offsetY: number;
+    placement: LegendPlacement;
     paneId: string;
     textColor: string;
     private parentSurfaceRef;
+    private legendWidth;
+    private legendHeight;
     constructor(parentSurface: SciChartSurface, options: IFinChartLegendAnnotationOptions);
     private createDefaultTemplate;
     private isLightTheme;
@@ -49,6 +57,12 @@ export declare class FinChartLegendAnnotation extends CustomAnnotation {
     /** Binary search for nearest index - O(log n) vs O(n) linear search */
     private findNearestIndex;
     updateLegend(xDataValue?: number): void;
+    /**
+     * Calculate legend position based on placement.
+     * NOTE: When using Right/Bottom anchor points, coordinates are measured from those edges,
+     * so we just use offsetX/offsetY directly (not width - offsetX).
+     */
+    private calculatePosition;
     /** Get series config (precision, isIndicator) from declarative rules */
     private getSeriesConfig;
 }

package/dist/scichart/modifiers/FinChartLegendModifier.d.ts

@@ -1,5 +1,9 @@
 import { ChartModifierBase2D, EChart2DModifierType, IChartModifierBaseOptions, ModifierMouseArgs, SciChartSubSurface } from 'scichart';
 import { TFinanceLegendTemplate } from './FinChartLegendAnnotation';
+/**
+ * Legend placement options (4 corners)
+ */
+export type LegendPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 /**
  * Options for the FinChartLegendModifier
  */
@@ -7,6 +11,7 @@ export interface IFinanceLegendModifierOptions extends IChartModifierBaseOptions
     legendTemplate?: TFinanceLegendTemplate;
     legendOffsetX?: number;
     legendOffsetY?: number;
+    legendPlacement?: LegendPlacement;
     crosshairStroke?: string;
     crosshairStrokeThickness?: number;
     crosshairStrokeDashArray?: number[];
@@ -40,6 +45,7 @@ export declare class FinChartLegendModifier extends ChartModifierBase2D {
     axisLabelFill: string;
     legendOffsetX: number;
     legendOffsetY: number;
+    legendPlacement: LegendPlacement;
     textColor: string;
     private readonly xLineAnnotations;
     private readonly yLineAnnotations;

package/dist/scichart/modifiers/index.d.ts

@@ -134,7 +134,7 @@ export declare function createValueTooltipTemplate(theme: PetalChartTheme, label
 export type { ICursorModifierOptions, IRolloverModifierOptions };
 export { createRolloverTooltip, createCursorTooltip, tooltipFormatters, TOOLTIP_STYLE, createPriceTargetSimpleTooltip, createPriceTargetRangeTooltip, } from './tooltipTemplates';
 export { FinChartLegendModifier } from './FinChartLegendModifier';
-export type { IFinanceLegendModifierOptions } from './FinChartLegendModifier';
+export type { IFinanceLegendModifierOptions, LegendPlacement } from './FinChartLegendModifier';
 export { FinChartLegendAnnotation } from './FinChartLegendAnnotation';
 export type { TFinanceLegendTemplate, LegendSeriesInfo, IFinChartLegendAnnotationOptions, } from './FinChartLegendAnnotation';
 export { DrawingModifier } from './DrawingModifier';

package/dist/scichart/palettes/VolumePaletteProvider.d.ts

@@ -34,7 +34,12 @@ export declare class VolumePaletteProvider implements IFillPaletteProvider, IStr
     /**
      * Override fill color for volume bars based on OHLC direction.
      */
-    overrideFillArgb(_xValue: number, _yValue: number, index: number, _opacity?: number, _metadata?: IPointMetadata): number;
+    overrideFillArgb(_xValue: number, _yValue: number, index: number, opacity?: number, _metadata?: IPointMetadata): number;
+    /**
+     * Apply opacity to an ARGB color value.
+     * ARGB format: 0xAARRGGBB (AA = alpha, RR = red, GG = green, BB = blue)
+     */
+    private applyOpacity;
     /**
      * Override stroke color (same as fill for consistency).
      */

package/dist/toolkit.css

@@ -0,0 +1 @@
+.drawing-toolbar{position:absolute;top:12px;right:12px;z-index:100;background:#101218f5;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:6px;box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toolbar-fade-in .2s ease}@keyframes toolbar-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drawing-toolbar__groups,.drawing-toolbar__group{display:flex;flex-direction:column;gap:2px}.drawing-toolbar__group-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.drawing-toolbar__separator{width:100%;height:1px;background:#ffffff0f;margin:4px 0}.drawing-toolbar__tool-container{position:relative}.drawing-toolbar__tool{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffff73;font-size:16px;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.drawing-toolbar__tool:hover{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.drawing-toolbar__tool--active{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fdf2;box-shadow:0 0 0 1px #3b82f626 inset}.drawing-toolbar__tool--active:hover{background:#3b82f62e;border-color:#3b82f666}.drawing-toolbar__tool:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.drawing-toolbar__tool:active{transform:translateY(1px)}.drawing-toolbar__tool-icon{display:block;line-height:1;font-size:16px}.drawing-toolbar__tool-shortcut{position:absolute;bottom:2px;right:2px;font-size:7px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#ffffff40;pointer-events:none}.drawing-toolbar__tool:hover .drawing-toolbar__tool-shortcut{color:#fff6}.drawing-toolbar__tool--active .drawing-toolbar__tool-shortcut{color:#93c5fd80}.drawing-toolbar__tool-caret{position:absolute;top:2px;right:2px;font-size:8px;color:#ffffff4d;pointer-events:none}.drawing-toolbar__tool:hover .drawing-toolbar__tool-caret{color:#ffffff80}.drawing-toolbar__flyout{position:absolute;left:100%;top:0;margin-left:4px;background:#101218fa;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px;box-shadow:0 4px 12px #00000080,0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:140px;animation:flyout-fade-in .15s ease}@keyframes flyout-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.drawing-toolbar__flyout-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffffb3;font-size:12px;text-align:left;cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none}.drawing-toolbar__flyout-item:hover{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffe6}.drawing-toolbar__flyout-item--active{background:#3b82f626;border-color:#3b82f64d;color:#93c5fdf2}.drawing-toolbar__flyout-icon{width:16px;text-align:center;font-size:14px;flex-shrink:0}.drawing-toolbar__flyout-label{flex:1;font-weight:500}.drawing-toolbar__flyout-shortcut{font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#ffffff4d;flex-shrink:0}.drawing-toolbar__modes{display:flex;flex-direction:column;gap:2px;margin-top:2px}.drawing-toolbar__mode{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffff73;font-size:16px;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.drawing-toolbar__mode:hover{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.drawing-toolbar__mode--active{background:#f59e0b1f;border-color:#f59e0b66;color:#fcd34df2;box-shadow:0 0 0 1px #f59e0b33 inset,0 0 8px #f59e0b26}.drawing-toolbar__mode--active:hover{background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b40 inset,0 0 10px #f59e0b33}.drawing-toolbar__mode-icon{display:block;line-height:1}.drawing-toolbar__mode-shortcut{position:absolute;bottom:2px;right:2px;font-size:7px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#ffffff40;pointer-events:none}.drawing-toolbar__mode:hover .drawing-toolbar__mode-shortcut{color:#fff6}.drawing-toolbar__mode--active .drawing-toolbar__mode-shortcut{color:#fcd34d99}.drawing-toolbar--light{background:#fffffff5;border-color:#00000014;box-shadow:0 2px 8px #0000001f,0 0 0 1px #0000000a}.drawing-toolbar--light .drawing-toolbar__separator{background:#00000014}.drawing-toolbar--light .drawing-toolbar__tool{color:#0000008c}.drawing-toolbar--light .drawing-toolbar__tool:hover{background:#0000000a;border-color:#0000001f;color:#000c}.drawing-toolbar--light .drawing-toolbar__tool--active{background:#3b82f61f;border-color:#3b82f64d;color:#1d4ed8f2;box-shadow:0 0 0 1px #3b82f626 inset}.drawing-toolbar--light .drawing-toolbar__tool-shortcut{color:#0000004d}.drawing-toolbar--light .drawing-toolbar__tool:hover .drawing-toolbar__tool-shortcut{color:#00000073}.drawing-toolbar--light .drawing-toolbar__flyout{background:#fffffffa;border-color:#0000001a;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000f}.drawing-toolbar--light .drawing-toolbar__flyout-item{color:#000000b3}.drawing-toolbar--light .drawing-toolbar__flyout-item:hover{background:#0000000d;border-color:#0000001f;color:#000000e6}.drawing-toolbar--light .drawing-toolbar__mode{color:#0000008c}.drawing-toolbar--light .drawing-toolbar__mode:hover{background:#0000000a;border-color:#0000001f;color:#000c}.drawing-toolbar--light .drawing-toolbar__mode--active{background:#f59e0b26;border-color:#f59e0b66;color:#b45309f2;box-shadow:0 0 0 1px #f59e0b33 inset,0 0 8px #f59e0b1f}@media(max-width:768px){.drawing-toolbar{top:auto;bottom:12px;right:12px;left:12px;max-width:100%}.drawing-toolbar__groups{flex-direction:row;flex-wrap:wrap}.drawing-toolbar__group{flex-direction:row}.drawing-toolbar__separator{width:1px;height:36px;margin:0 4px}.drawing-toolbar__modes{flex-direction:row;margin-left:4px}.drawing-toolbar__flyout{left:0;right:auto;top:auto;bottom:100%;margin-left:0;margin-bottom:4px}}.object-tree-panel{position:absolute;top:12px;left:12px;bottom:12px;z-index:100;background:#101218f5;border:1px solid rgba(255,255,255,.06);border-radius:4px;width:240px;min-width:240px;max-width:240px;box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;animation:panel-fade-in .2s ease}@keyframes panel-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.object-tree-panel--collapsed{width:40px;min-width:40px;max-width:40px}.object-tree-panel__header{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.object-tree-panel--collapsed .object-tree-panel__header{justify-content:center;padding:8px 4px}.object-tree-panel__collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffff73;font-size:12px;cursor:pointer;transition:all .12s ease}.object-tree-panel__collapse-btn:hover{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.object-tree-panel__collapse-icon{display:block;line-height:1}.object-tree-panel__title{flex:1;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#ffffffb3}.object-tree-panel__count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffff14;border-radius:10px;font-size:10px;font-weight:700;color:#fff9}.object-tree-panel__clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffff59;font-size:12px;cursor:pointer;transition:all .12s ease}.object-tree-panel__clear-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171e6}.object-tree-panel__list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.object-tree-panel__list::-webkit-scrollbar{width:6px}.object-tree-panel__list::-webkit-scrollbar-track{background:transparent}.object-tree-panel__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.object-tree-panel__list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.object-tree-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center;-webkit-user-select:none;user-select:none}.object-tree-panel__empty-icon{font-size:32px;color:#ffffff26}.object-tree-panel__empty-text{font-size:12px;font-weight:500;color:#fff6}.object-tree-panel__empty-hint{font-size:11px;color:#ffffff40}.object-tree-panel__item{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:2px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.object-tree-panel__item:hover{background:#ffffff0d;border-color:#ffffff1a}.object-tree-panel__item--selected{background:#3b82f61f;border-color:#3b82f64d}.object-tree-panel__item--selected:hover{background:#3b82f626;border-color:#3b82f666}.object-tree-panel__item--hidden{opacity:.5}.object-tree-panel__item--hidden:hover{opacity:.7}.object-tree-panel__item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px;color:#fff9;flex-shrink:0}.object-tree-panel__item--selected .object-tree-panel__item-icon{color:#93c5fde6}.object-tree-panel__item-label{flex:1;font-size:12px;font-weight:500;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-tree-panel__item--selected .object-tree-panel__item-label{color:#93c5fdf2}.object-tree-panel__item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity .12s ease}.object-tree-panel__item:hover .object-tree-panel__item-actions,.object-tree-panel__item--selected .object-tree-panel__item-actions{opacity:1}.object-tree-panel__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;color:#ffffff73;font-size:12px;cursor:pointer;transition:all .12s ease}.object-tree-panel__action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fffc}.object-tree-panel__action-btn--visibility.object-tree-panel__action-btn--hidden{color:#ef444499}.object-tree-panel__action-btn--visibility.object-tree-panel__action-btn--hidden:hover,.object-tree-panel__action-btn--delete:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171e6}.object-tree-panel--light{background:#fffffff5;border-color:#00000014;box-shadow:0 2px 8px #0000001f,0 0 0 1px #0000000a}.object-tree-panel--light .object-tree-panel__header{border-bottom-color:#00000014}.object-tree-panel--light .object-tree-panel__collapse-btn{color:#0000008c}.object-tree-panel--light .object-tree-panel__collapse-btn:hover{background:#0000000a;border-color:#0000001f;color:#000c}.object-tree-panel--light .object-tree-panel__title{color:#000000b3}.object-tree-panel--light .object-tree-panel__count{background:#00000014;color:#0009}.object-tree-panel--light .object-tree-panel__clear-btn{color:#00000059}.object-tree-panel--light .object-tree-panel__clear-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#dc2626e6}.object-tree-panel--light .object-tree-panel__empty-icon{color:#00000026}.object-tree-panel--light .object-tree-panel__empty-text{color:#0006}.object-tree-panel--light .object-tree-panel__empty-hint{color:#00000040}.object-tree-panel--light .object-tree-panel__item{color:#000000b3}.object-tree-panel--light .object-tree-panel__item:hover{background:#0000000a;border-color:#0000001f}.object-tree-panel--light .object-tree-panel__item--selected{background:#3b82f61f;border-color:#3b82f64d}.object-tree-panel--light .object-tree-panel__item--selected:hover{background:#3b82f626;border-color:#3b82f666}.object-tree-panel--light .object-tree-panel__item-icon{color:#0009}.object-tree-panel--light .object-tree-panel__item--selected .object-tree-panel__item-icon{color:#1d4ed8e6}.object-tree-panel--light .object-tree-panel__item-label{color:#000000b3}.object-tree-panel--light .object-tree-panel__item--selected .object-tree-panel__item-label{color:#1d4ed8f2}.object-tree-panel--light .object-tree-panel__action-btn{color:#00000073}.object-tree-panel--light .object-tree-panel__action-btn:hover{background:#0000000f;border-color:#00000026;color:#000c}.object-tree-panel--light .object-tree-panel__action-btn--delete:hover{background:#ef44441f;border-color:#ef44444d;color:#dc2626e6}@media(max-width:768px){.object-tree-panel{top:60px;left:0;bottom:0;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.object-tree-panel--collapsed{left:-200px}}.properties-panel{display:flex;flex-direction:column;width:280px;height:100%;background:#101218f5;border-left:1px solid rgba(75,85,99,.3);color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;-webkit-user-select:none;user-select:none;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.properties-panel--collapsed{width:40px}.properties-panel--empty{width:280px}.properties-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(75,85,99,.2);background:#1f293780;min-height:48px}.properties-panel__title{font-weight:600;font-size:13px;letter-spacing:.02em;color:#9ca3af;text-transform:uppercase}.properties-panel__collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease}.properties-panel__collapse-btn:hover{background:#6b72801a;color:#9ca3af}.properties-panel__collapse-btn:active{background:#6b728033}.properties-panel__collapse-btn svg{width:16px;height:16px;stroke-width:2}.properties-panel__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.properties-panel__content::-webkit-scrollbar{width:6px}.properties-panel__content::-webkit-scrollbar-track{background:#1f29374d}.properties-panel__content::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:3px}.properties-panel__content::-webkit-scrollbar-thumb:hover{background:#6b728080}.properties-panel__section{padding:12px 16px;border-bottom:1px solid rgba(75,85,99,.15)}.properties-panel__section:last-child{border-bottom:none}.properties-panel__section-title{margin:0 0 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.properties-panel__type-label{font-size:14px;font-weight:500;color:#e5e7eb;padding:4px 8px;background:#3b82f61a;border-left:2px solid #3b82f6;border-radius:3px}.properties-panel__field{margin-bottom:16px}.properties-panel__field:last-child{margin-bottom:0}.properties-panel__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;color:#9ca3af;font-weight:500}.properties-panel__value{font-weight:600;color:#3b82f6;font-size:11px}.properties-panel__color-picker{width:40px;height:32px;padding:2px;border:1px solid rgba(75,85,99,.3);border-radius:4px;background:#1f293780;cursor:pointer;transition:border-color .2s ease}.properties-panel__color-picker:hover{border-color:#6b728080}.properties-panel__color-picker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.properties-panel__color-picker--small{width:28px;height:28px}.properties-panel__color-input{flex:1;margin-left:8px;padding:6px 10px;background:#1f293780;border:1px solid rgba(75,85,99,.3);border-radius:4px;color:#e5e7eb;font-size:12px;font-family:monospace;transition:all .2s ease}.properties-panel__color-input:hover{border-color:#6b728080;background:#1f2937b3}.properties-panel__color-input:focus{outline:none;border-color:#3b82f6;background:#1f2937e6;box-shadow:0 0 0 2px #3b82f633}.properties-panel__field:has(.properties-panel__color-picker){display:flex;align-items:center;flex-direction:column}.properties-panel__field:has(.properties-panel__color-picker) .properties-panel__label{width:100%}.properties-panel__field:has(.properties-panel__color-picker) .properties-panel__color-picker,.properties-panel__field:has(.properties-panel__color-picker) .properties-panel__color-input{margin-bottom:0}.properties-panel__field:has(.properties-panel__color-picker)>div{display:flex;width:100%}.properties-panel__slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4b55634d;border-radius:2px;outline:none;cursor:pointer}.properties-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.properties-panel__slider::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.1);box-shadow:0 2px 6px #3b82f666}.properties-panel__slider::-webkit-slider-thumb:active{background:#2563eb;transform:scale(.95)}.properties-panel__slider::-moz-range-thumb{width:14px;height:14px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.properties-panel__slider::-moz-range-thumb:hover{background:#60a5fa;transform:scale(1.1);box-shadow:0 2px 6px #3b82f666}.properties-panel__slider::-moz-range-thumb:active{background:#2563eb;transform:scale(.95)}.properties-panel__select{width:100%;padding:8px 10px;background:#1f293780;border:1px solid rgba(75,85,99,.3);border-radius:4px;color:#e5e7eb;font-size:12px;cursor:pointer;transition:all .2s ease}.properties-panel__select:hover{border-color:#6b728080;background:#1f2937b3}.properties-panel__select:focus{outline:none;border-color:#3b82f6;background:#1f2937e6;box-shadow:0 0 0 2px #3b82f633}.properties-panel__select option{background:#1f2937;color:#e5e7eb}.properties-panel__textarea{width:100%;padding:8px 10px;background:#1f293780;border:1px solid rgba(75,85,99,.3);border-radius:4px;color:#e5e7eb;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:vertical;transition:all .2s ease}.properties-panel__textarea:hover{border-color:#6b728080;background:#1f2937b3}.properties-panel__textarea:focus{outline:none;border-color:#3b82f6;background:#1f2937e6;box-shadow:0 0 0 2px #3b82f633}.properties-panel__field--checkbox{margin-bottom:12px}.properties-panel__checkbox-label{display:flex;align-items:center;cursor:pointer;color:#e5e7eb;font-size:12px;transition:color .2s ease}.properties-panel__checkbox-label:hover{color:#f3f4f6}.properties-panel__checkbox{width:16px;height:16px;margin:0 8px 0 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1f293780;border:1px solid rgba(75,85,99,.3);border-radius:3px;position:relative;transition:all .2s ease}.properties-panel__checkbox:hover{border-color:#6b728080;background:#1f2937b3}.properties-panel__checkbox:checked{background:#3b82f6;border-color:#3b82f6}.properties-panel__checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.properties-panel__checkbox:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.properties-panel__fib-levels{display:flex;flex-direction:column;gap:8px}.properties-panel__fib-level{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#1f29374d;border-radius:4px}.properties-panel__fib-label{font-size:12px;color:#9ca3af;font-weight:500}.properties-panel__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.properties-panel__empty-icon{width:48px;height:48px;color:#4b5563;margin-bottom:16px;opacity:.5}.properties-panel__empty-text{margin:0;font-size:13px;color:#6b7280;line-height:1.5}@media(max-width:768px){.properties-panel{width:240px}.properties-panel--collapsed{width:0;border-left:none}.properties-panel--empty{width:240px}}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.properties-panel__content>.properties-panel__section{animation:fadeIn .3s ease}.properties-panel[data-theme=light]{background:#f9fafbf5;border-left-color:#e5e7ebcc;color:#1f2937}.properties-panel[data-theme=light] .properties-panel__header{background:#f3f4f6cc;border-bottom-color:#e5e7eb99}.properties-panel[data-theme=light] .properties-panel__title{color:#6b7280}.properties-panel[data-theme=light] .properties-panel__collapse-btn{color:#9ca3af}.properties-panel[data-theme=light] .properties-panel__collapse-btn:hover{background:#9ca3af1a;color:#6b7280}.properties-panel[data-theme=light] .properties-panel__section{border-bottom-color:#e5e7eb80}.properties-panel[data-theme=light] .properties-panel__label{color:#6b7280}.properties-panel[data-theme=light] .properties-panel__color-input,.properties-panel[data-theme=light] .properties-panel__select,.properties-panel[data-theme=light] .properties-panel__textarea{background:#fff;border-color:#d1d5db99;color:#1f2937}.properties-panel[data-theme=light] .properties-panel__slider{background:#d1d5db80}.properties-panel[data-theme=light] .properties-panel__checkbox{background:#fff;border-color:#d1d5db99}.properties-panel[data-theme=light] .properties-panel__empty-text{color:#9ca3af}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@petal-nexus/toolkit",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "Production-grade, themeable React components for financial data visualization",
   "author": "Petal",
   "license": "MIT",
@@ -124,12 +124,12 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/petal/toolkit.git"
+    "url": "https://github.com/Petal-Nexus-Inc/petal-toolkit.git"
   },
   "bugs": {
-    "url": "https://github.com/petal/toolkit/issues"
+    "url": "https://github.com/Petal-Nexus-Inc/petal-toolkit/issues"
   },
-  "homepage": "https://github.com/petal/toolkit#readme",
+  "homepage": "https://github.com/Petal-Nexus-Inc/petal-toolkit#readme",
   "publishConfig": {
     "access": "public"
   }