@weasel-js/ui 0.5.0 → 0.6.0

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/ToolPalette/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../../chunks/ToolPalette-C8V-I-uX.js";
+export { n as ToolPalette, e as formatShortcut, t as formatShortcutParts };

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/components/Tooltip/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../chunks/Tooltip-Clgn4trm.js";
+export { t as Tooltip, e as TooltipTrigger };

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"}