@weasel-js/ui 0.5.0 → 0.5.1

package/dist/components/ToolButton/ToolButton.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+export interface ToolButtonProps {
+    /** Icon node (typically an SVG component). */
+    icon: ReactNode;
+    /** Human-readable label shown under the icon. */
+    label: string;
+    /** Optional shortcut hint (e.g. "V" or "⌘Z"). */
+    shortcut?: string;
+    /** Selected/active state — toggles the active visual treatment. */
+    active?: boolean;
+    /** Disabled state — passes through to the underlying button. */
+    disabled?: boolean;
+    /**
+     * When true, sets `aria-disabled="true"` on the button without using the
+     * native `disabled` attribute. This keeps the button focusable and reachable
+     * by keyboard (roving-tabindex still applies) while marking it as ineligible
+     * to screen readers. The caller is responsible for making `onClick` a no-op.
+     */
+    ariaDisabled?: boolean;
+    /**
+     * Whether this button is the currently tabbable member of its toolbar.
+     * Toolbars use roving tabindex: exactly one button has `tabIndex=0` at
+     * a time; the rest are `-1`. Caller manages which.
+     */
+    tabbable?: boolean;
+    /** Click handler. */
+    onClick(): void;
+    /**
+     * Tooltip content. Defaults to `label` (plus `shortcut` if provided).
+     */
+    title?: string;
+    /** Additional class for the root button. */
+    className?: string;
+}
+/**
+ * Generic icon-+-label toolbar button — building block for `ToolPalette`
+ * and similar surfaces. Headless about layout direction (parent group
+ * supplies flex direction via `ToolGroup`). Theme via `--wzl-*` tokens.
+ */
+export declare function ToolButton(props: ToolButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/ToolButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,IAAI,EAAE,SAAS,CAAC;IAChB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,IAAI,IAAI,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAwBhD"}

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

@@ -0,0 +1,3 @@
+export { ToolButton } from './ToolButton';
+export type { ToolButtonProps } from './ToolButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToolButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/ToolGroup/ToolGroup.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export interface ToolGroupProps {
+    children: ReactNode;
+    /**
+     * Lays children along an axis. `'vertical'` (default) stacks them in
+     * a column; `'horizontal'` lays them in a row. Independent of the
+     * parent toolbar's own orientation.
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Optional `data-group` attribute — useful for parents that want to
+     * select the group from CSS or tests by name.
+     */
+    groupKey?: string;
+    /** Accessible name for the group (rendered as `aria-label`). */
+    ariaLabel?: string;
+    className?: string;
+}
+/**
+ * Generic toolbar group — a `role="group"` flex container that arranges
+ * `<ToolButton>`s (or any children) along a chosen axis. No visual chrome
+ * beyond layout; theming lives on the buttons.
+ */
+export declare function ToolGroup(props: ToolGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToolGroup/ToolGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAS9C"}

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

@@ -0,0 +1,3 @@
+export { ToolGroup } from './ToolGroup';
+export type { ToolGroupProps } from './ToolGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToolGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ToolPalette/ToolPalette.d.ts

@@ -0,0 +1,27 @@
+import type { ToolsApi } from '@weasel-js/core';
+import { type ModeRegistry } from '@weasel-js/modes';
+import { type ShortcutInput } from './formatShortcut';
+export interface ToolPaletteProps {
+    tools: ToolsApi;
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+    /** Derive the keyboard shortcut for a tool button from the action registry.
+     *  Called with the tool's id; return `undefined` to suppress a chip. When
+     *  omitted, falls back to `tool.keybinding` (legacy path). */
+    lookupShortcut?: (toolId: string) => ShortcutInput | undefined;
+    /**
+     * Optional mode registry. When provided, tools whose `capabilities` do not
+     * match the current mode are rendered greyed-out, aria-disabled, and their
+     * onClick is suppressed. When omitted, all tools are treated as eligible
+     * (preserves existing behaviour in consumers that haven't wired a registry).
+     */
+    modeRegistry?: ModeRegistry;
+    /**
+     * Presentation-group display order. Groups not listed keep their registry
+     * insertion order after the listed ones; `misc` always renders last.
+     * Defaults to `['select', 'shape', 'draw', 'type', 'view']`.
+     */
+    groupOrder?: readonly string[];
+}
+export declare function ToolPalette(props: ToolPaletteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolPalette.d.ts","sourceRoot":"","sources":["../../../src/components/ToolPalette/ToolPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAW,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAInE,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA8CtE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;kEAE8D;IAC9D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC/D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgGlD"}

package/dist/components/ToolPalette/formatShortcut.d.ts

@@ -0,0 +1,17 @@
+export interface ShortcutInput {
+    key: string | readonly string[];
+    mod?: boolean;
+    alt?: boolean;
+    shift?: boolean | 'optional';
+}
+/** Format a shortcut as an array of display chips, one per key — modifier
+ *  icons (⌘, ↑, ⌥) followed by the key glyph. UIs that want a boxed
+ *  per-key look render each chip in its own element. `shift: 'optional'` is
+ *  treated as falsy. */
+export declare function formatShortcutParts(b: ShortcutInput | undefined): readonly string[] | undefined;
+/** Format a shortcut as a single display string. Order: mod, shift, alt,
+ *  key. Returns `undefined` for `undefined` input so callers can `??` a
+ *  fallback. When `key` is an array, the first element is used. `shift: 'optional'`
+ *  is treated as falsy. */
+export declare function formatShortcut(b: ShortcutInput | undefined): string | undefined;
+//# sourceMappingURL=formatShortcut.d.ts.map

package/dist/components/ToolPalette/formatShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/ToolPalette/formatShortcut.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAChC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC9B;AAED;;;wBAGwB;AACxB,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAS/F;AAED;;;2BAG2B;AAC3B,wBAAgB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAG/E"}

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

@@ -0,0 +1,4 @@
+export { ToolPalette } from './ToolPalette';
+export type { ToolPaletteProps } from './ToolPalette';
+export { formatShortcut, formatShortcutParts } from './formatShortcut';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToolPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import { type TooltipProps as RACTooltipProps, type TooltipTriggerComponentProps } from 'react-aria-components';
+export type TooltipTriggerProps = TooltipTriggerComponentProps;
+/**
+ * TooltipTrigger with kit defaults: ~600 ms open delay, instant close.
+ * Wrap a focusable trigger plus a `<Tooltip>`. Non-RAC triggers (plain
+ * `<button>` etc.) must be wrapped in `<Focusable>` from
+ * react-aria-components so hover/focus props reach the DOM node.
+ *
+ * Caveat: while a tooltip is open, react-aria captures the first Escape
+ * keydown (document-level, capture phase) to dismiss it — app-level
+ * Escape handlers (deselect, cancel gesture) see only the second press.
+ */
+export declare function TooltipTrigger(props: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export type TooltipProps = Omit<RACTooltipProps, 'children' | 'className'> & {
+    children?: ReactNode;
+    className?: string;
+};
+/**
+ * Tooltip bubble with an arrow pointing at the trigger. Non-interactive
+ * content only (ARIA tooltip semantics). Use inside `<TooltipTrigger>`.
+ */
+export declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,YAAY,IAAI,eAAe,EACpC,KAAK,4BAA4B,EAClC,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,CAAC;AAE/D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAGxD;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAiB1C"}

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

@@ -0,0 +1,3 @@
+export { Tooltip, TooltipTrigger } from './Tooltip';
+export type { TooltipProps, TooltipTriggerProps } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC"}

package/dist/dlog.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Namespaced, opt-in console tracing. Off by default; production builds
+ * may strip the calls entirely depending on the bundler.
+ *
+ * Enable in the browser:
+ *
+ *   localStorage.setItem('weasel.debug', '*')               // all namespaces
+ *   localStorage.setItem('weasel.debug', 'curve-editor')    // just curve editor
+ *   localStorage.setItem('weasel.debug', 'curve-editor,layer-stack')
+ *
+ * Each component picks a stable namespace and calls `dlog(namespace, ...)`.
+ * Useful for tracing pointer/event flows that are hard to capture
+ * post-hoc (drag handlers, gesture sequences, selection mutations).
+ *
+ * The flag is read once and cached for the page session — reload to
+ * pick up changes. Cheap hot-path checks (one nullish-coalesce + Set
+ * lookup) so leaving calls in place is fine.
+ *
+ * Mirrors `src/debug/flag.ts` in the kit. Two impls live here because
+ * weasel-ui doesn't depend on the kit, but both read the same
+ * localStorage keys so behavior is uniform. See the kit copy for the
+ * canonical list of kit-level namespaces.
+ *
+ * Known weasel-ui namespaces:
+ *   - plot2d        — Plot2D mount / unmount
+ *   - curve-editor  — CurveEditor pointer flow
+ */
+/** True when `namespace` (or `*`) is enabled. */
+export declare function isDebugEnabled(namespace: string): boolean;
+/** Conditional `console.debug` — no-op unless `namespace` (or `*`) is enabled.
+ *  Each call is prefixed with `[namespace]` so the source is searchable. */
+export declare function dlog(namespace: string, ...args: unknown[]): void;
+//# sourceMappingURL=dlog.d.ts.map

package/dist/dlog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dlog.d.ts","sourceRoot":"","sources":["../src/dlog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAgCH,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAGzD;AAED;4EAC4E;AAC5E,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAIhE"}

package/dist/format/number.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Display-formatter for numbers. Use this anywhere a number is shown to
+ * a user. The whole point: negative values get prefixed with the real
+ * MINUS SIGN (U+2212) instead of the ASCII HYPHEN-MINUS (U+002D) that
+ * `toLocaleString` and template literals produce by default.
+ *
+ * U+2212 is the same visual width as `+` and reads as a sign rather
+ * than a hyphen — columns of signed numbers align cleanly and the
+ * glyph doesn't get confused with a bullet or list dash.
+ */
+export declare const MINUS_SIGN = "\u2212";
+export declare function formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
+//# sourceMappingURL=number.d.ts.map

package/dist/format/number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/format/number.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,WAAM,CAAC;AAE9B,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAKtF"}

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+export { dlog, isDebugEnabled } from './dlog';
+export * from './components/ActionBar';
+export * from './components/Badge';
+export * from './components/Button';
+export * from './components/DataGrid';
+export * from './components/Keycaps';
+export * from './components/Slider';
+export * from './components/ToggleBar';
+export * from './components/OptionsBar';
+export * from './components/ActionsBar';
+export * from './components/Powerline';
+export * from './components/Prefs';
+export * from './components/SelectionPanel';
+export * from './components/Sidebar';
+export * from './components/SidebarPanel';
+export * from './components/ToolButton';
+export * from './components/ToolGroup';
+export * from './components/ToolPalette';
+export * from './components/Field';
+export * from './components/Input';
+export * from './components/Checkbox';
+export * from './components/Switch';
+export * from './components/Tabs';
+export * from './components/RadioGroup';
+export * from './components/NumberField';
+export * from './components/Select';
+export * from './components/ComboBox';
+export * from './components/RangeSlider';
+export * from './components/Dialog';
+export * from './components/Tooltip';
+export * from './components/Callout';
+export * from './components/Toast';
+export * from './components/Plot2D';
+export * from './components/CurveEditor';
+export * from './components/PointPlotter';
+export * from './components/ColorField';
+export { paintGradientTrack } from './paintGradientTrack';
+export type { GradientTrackOpts } from './paintGradientTrack';
+export { oklchToHex, chromaAt } from './color/oklch';
+export type { ChromaCurve, ChromaCurvePoint } from './color/oklch';
+export { useReorderDragList } from './useReorderDragList';
+export { formatNumber, MINUS_SIGN } from './format/number';
+export type { LayerListItem, UseReorderDragListOptions, ReorderDragState, ReorderDragHandlers, } from './useReorderDragList';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

package/dist/paintGradientTrack.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { TrackCtx } from './components/Slider';
+export type GradientTrackOpts = {
+    gradient: (t: number) => string;
+    samples?: number;
+    activeRange?: [number, number];
+    hatch?: {
+        angleDeg?: number;
+        stripe?: number;
+        gap?: number;
+        dim?: number;
+    };
+};
+export declare function paintGradientTrack(opts: GradientTrackOpts): (ctx: TrackCtx) => ReactNode;
+//# sourceMappingURL=paintGradientTrack.d.ts.map

package/dist/paintGradientTrack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paintGradientTrack.d.ts","sourceRoot":"","sources":["../src/paintGradientTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAuCxF"}

package/dist/useReorderDragList.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode, PointerEvent as ReactPointerEvent, RefCallback } from 'react';
+export interface LayerListItem {
+    id: string;
+    label: ReactNode;
+    /** Locked rows cannot be dragged, cannot be crossed by drops, and
+     *  never combine with other rows in a multi-selection. */
+    locked?: boolean;
+    /** Optional color swatch rendered before the label. Any CSS color string. */
+    swatch?: string;
+}
+export interface UseReorderDragListOptions {
+    items: LayerListItem[];
+    selectedIds: string[];
+    onReorder(ids: string[], targetIndex: number): void;
+    /** Pointer-move distance (px) before pending drag engages. Default 4. */
+    threshold?: number;
+}
+export interface ReorderDragState {
+    draggedIds: string[] | null;
+    targetIndex: number | null;
+}
+export interface ReorderDragHandlers {
+    rowProps(id: string, index: number): {
+        onPointerDown(e: ReactPointerEvent): void;
+    };
+    containerProps: {
+        ref: RefCallback<HTMLElement>;
+        onPointerMove(e: ReactPointerEvent): void;
+        onPointerUp(e: ReactPointerEvent): void;
+        onPointerCancel(e: ReactPointerEvent): void;
+    };
+    state: ReorderDragState;
+}
+export declare function useReorderDragList(opts: UseReorderDragListOptions): ReorderDragHandlers;
+//# sourceMappingURL=useReorderDragList.d.ts.map

package/dist/useReorderDragList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvF,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;QAC9B,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;QAC1C,WAAW,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;QACxC,eAAe,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAeD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CAqIvF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -19,7 +19,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/modes": "0.5.0",
+    "@weasel-js/modes": "0.5.1",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {