@voxel51/voodo 0.0.22 → 0.0.23

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Descriptor } from '../../types';
+import { Descriptor, ZIndex } from '../../types';
 export declare enum SelectAnchor {
     Bottom = "bottom",
     BottomStart = "bottom start",
@@ -17,6 +17,7 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
         label: string;
         content?: ReactNode;
     }>[];
+    zIndex?: ZIndex;
     portal?: boolean;
     value?: string | string[];
 }
@@ -87,7 +88,8 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
  * @param onChange Callback triggered when selection state changes.
  *  The callback includes a list of selected option values.
  * @param options List of component descriptors which will be used to create {@link Option} child components.
- * @param portal If `true`, ensures a large z-index to supported layered components.
+ * @param zIndex Z-index level for the dropdown.
+ * @param portal If `true`, ensures a high z-index for layered components (equivalent to above-modal when zIndex is not set).
  * @param value List of values for selected options; this property allows for controlled selection.
  * @param props Additional HTML properties to apply to the component.
  */

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,UAAU,EAMX,MAAM,SAAS,CAAC;AAKjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmIlC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,MAAM,YAAY;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAoIlC,CAAC"}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,56 @@
+import { HTMLAttributes, JSX, ReactNode } from 'react';
+import { Orientation, ZIndex } from '../../types';
+export interface ToolbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children: ReactNode;
+    /** Layout direction for groups and actions. Default `Orientation.Column`. */
+    orientation?: Orientation;
+    /** Lock horizontal (x-axis) movement. Default `false`. */
+    lockX?: boolean;
+    /** Lock vertical (y-axis) movement. Default `false`. */
+    lockY?: boolean;
+    /** Initial pixel offset from the left edge of the parent container.*/
+    xOffset?: number;
+    /** Initial pixel offset from the top edge of the parent container.*/
+    yOffset?: number;
+    /** Stacking layer for the toolbar. Default `ZIndex.AboveModal`. */
+    zIndex?: ZIndex;
+    /** Whether the toolbar is rendered. Default `true`. */
+    visible?: boolean;
+}
+/**
+ * A generic floating, draggable toolbar.
+ *
+ * Completely abstract — knows nothing about segmentation, 3D, or any specific
+ * domain. Compose it with `ToolbarGroup` and `ToolbarAction` to build any
+ * tool palette.
+ *
+ * Double-clicking the drag handle collapses the toolbar to just the handle.
+ *
+ * @param props.children - Tool groups and actions to render inside the toolbar.
+ * @param props.orientation - Layout direction for groups and actions. Default `Orientation.Column`.
+ * @param props.lockX - Lock horizontal (x-axis) movement. Default `false`.
+ * @param props.lockY - Lock vertical (y-axis) movement. Default `false`.
+ * @param props.xOffset - Initial pixel offset from the left edge of the parent container. Default `20`.
+ * @param props.yOffset - Initial pixel offset from the top edge of the parent container. Default `20`.
+ * @param props.zIndex - Stacking layer for the toolbar. Default `ZIndex.AboveModal`.
+ * @param props.visible - Whether the toolbar is rendered. Default `true`.
+ * @param props - Any additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) are
+ *   forwarded to the root `div`. Internal `onPointerDown`, `onClick`, and `onKeyDown` handlers that
+ *   call `stopPropagation` are merged with any consumer-provided handlers.
+ *
+ * @example
+ * ```tsx
+ * <Toolbar orientation={Orientation.Column} xOffset={20} yOffset={100}>
+ *   <ToolbarGroup label="Tool">
+ *     <ToolbarAction active>
+ *       <BrushIcon />
+ *     </ToolbarAction>
+ *   </ToolbarGroup>
+ * </Toolbar>
+ * ```
+ */
+export declare const Toolbar: {
+    ({ children, orientation, lockX, lockY, xOffset, yOffset, zIndex, className, style, visible, onPointerDown, onClick, onKeyDown, ...props }: ToolbarProps): JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,cAAc,EACd,GAAG,EAEH,SAAS,EACV,MAAM,OAAO,CAAC;AAMf,OAAO,EAQL,WAAW,EAKX,MAAM,EAEP,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,OAAO;gJAejB,YAAY,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI;;CA8HnC,CAAC"}

package/dist/components/Toolbar/ToolbarAction.d.ts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
+export interface ToolbarActionProps extends Omit<ComponentPropsWithoutRef<"button">, "onClick"> {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent) => void;
+}
+/**
+ * A single clickable icon-button within a `Toolbar`.
+ *
+ * @param active Whether the action is currently active/selected.
+ * @param disabled Whether the action is disabled.
+ * @param title Native title attribute for a basic tooltip. Callers can wrap with any tooltip component they prefer.
+ * @param aria-label Accessible label for screen readers. Prefer this over `title` for a11y.
+ * @param className Optional additional classes to apply to the button.
+ * @param onClick Click handler.
+ * @param children Icon content rendered inside the button.
+ *
+ * @example
+ * ```tsx
+ * <ToolbarAction active={tool === "brush"} onClick={() => setTool("brush")} aria-label="Brush">
+ *   <BrushIcon />
+ * </ToolbarAction>
+ * ```
+ */
+export declare const ToolbarAction: import('react').ForwardRefExoticComponent<ToolbarActionProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ToolbarAction.d.ts.map

package/dist/components/Toolbar/ToolbarAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarAction.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/ToolbarAction.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAEL,wBAAwB,EAExB,SAAS,EACT,UAAU,EACX,MAAM,OAAO,CAAC;AAef,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,wBAAwB,CAAC,QAAQ,CAAC,EAClC,SAAS,CACV;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AA6BD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,kHAmCzB,CAAC"}

package/dist/components/Toolbar/ToolbarGroup.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, JSX, ReactNode } from 'react';
+export interface ToolbarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    children: ReactNode;
+}
+/**
+ * A group of `ToolbarAction` items within a `Toolbar`.
+ *
+ * Reads orientation from `OrientationContext` — no need to pass it explicitly.
+ * A divider is automatically rendered after each group; the last group's divider is hidden.
+ *
+ * @param children `ToolbarAction` items to render within the group.
+ * @param props Additional `HTMLDivElement` attributes (e.g. `data-testid`, `aria-label`) forwarded to the root element.
+ *
+ * @example
+ * ```tsx
+ * <ToolbarGroup aria-label="Draw">
+ *   <ToolbarAction active={tool === "brush"} onClick={() => setTool("brush")}>
+ *     <BrushIcon />
+ *   </ToolbarAction>
+ * </ToolbarGroup>
+ * ```
+ */
+export declare const ToolbarGroup: {
+    ({ children, className, ...props }: ToolbarGroupProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ToolbarGroup.d.ts.map

package/dist/components/Toolbar/ToolbarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;wCAItB,iBAAiB,GAAG,GAAG,CAAC,OAAO;;CA4BjC,CAAC"}

package/dist/components/Toolbar/context.d.ts

@@ -0,0 +1,4 @@
+import { Orientation } from '../../types';
+export declare const OrientationContext: import('react').Context<Orientation>;
+export declare const useOrientationContext: () => Orientation;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/Toolbar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,kBAAkB,sCAE9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAO,WACT,CAAC"}

package/dist/components/Toolbar/index.d.ts

@@ -0,0 +1,4 @@
+export { Toolbar, type ToolbarProps } from './Toolbar';
+export { ToolbarAction, type ToolbarActionProps } from './ToolbarAction';
+export { ToolbarGroup, type ToolbarGroupProps } from './ToolbarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -5,7 +5,7 @@ export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "cont
     anchor?: TooltipAnchor;
     content: ReactNode;
     portal?: boolean;
-    /** Elevation / drop shadow. Use Shadow.Xs through Shadow.Xl. */
+    /** Drop shadow. Use Shadow.Xs through Shadow.Xl. */
     shadow?: Shadow;
 }
 /**

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,MAAM,EAAyC,MAAM,EAAE,MAAM,SAAS,CAAC;AAGhF,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4CpC,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIhE,OAAO,EACL,MAAM,EAIN,MAAM,EAGP,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,aAAa,GAAG,OAAO,CACjC,MAAM,EACN,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CACxD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4CpC,CAAC"}

package/dist/components/index.d.ts

@@ -29,6 +29,7 @@ export * from './Toast';
 export * from './ToastContainer';
 export * from './Toggle';
 export * from './ToggleSwitch';
+export * from './Toolbar';
 export * from './Tooltip';
 export * from './UnsetHint';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}