react-science 20.5.0 → 20.6.1

package/lib/components/table/reorder_rows/draggable_row_tr.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { attachClosestEdge, combine, draggable, dropTargetForElements, extractClosestEdge, pointerOutsideOfPreview, setCustomNativeDragPreview, } from '@zakodium/pdnd-esm';
+import { assert } from '@zakodium/utils';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { assert } from '../../utils/index.js';
 import { useFlashRowEffect } from '../flash_row/use_flash_row_effect.js';
 import { PreviewTable } from '../preview_table.js';
 import { useIsPreviewTable } from '../preview_table_context.js';

package/lib/components/table/reorder_rows/draggable_row_tr.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggable_row_tr.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/draggable_row_tr.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"draggable_row_tr.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/draggable_row_tr.tsx"],"names":[],"mappings":"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"}

package/lib/components/table/reorder_rows/use_drop_monitor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_drop_monitor.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAC3C,OAAO,EAAE,OAAO,QAsDjB"}
+{"version":3,"file":"use_drop_monitor.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAC3C,OAAO,EAAE,OAAO,QAsDjB"}

package/lib/components/table/reorder_rows/use_drop_monitor.js

@@ -1,6 +1,6 @@
 import { autoScrollForElements, combine, extractClosestEdge, monitorForElements, } from '@zakodium/pdnd-esm';
+import { assert } from '@zakodium/utils';
 import { useEffect } from 'react';
-import { assert } from '../../utils/index.js';
 import { useFlashedRowContext } from '../flash_row/flashed_row_context.js';
 import { isItemData } from './item_data.js';
 import { useItemOrder } from './item_order_context.js';

package/lib/components/table/reorder_rows/use_drop_monitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_drop_monitor.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAA2C,EAC3C,OAAgB;IAEhB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,eAAe,EAAE,8BAA8B,CAAC,CAAC;QAExD,SAAS,UAAU,CAAC,EAAE,MAAM,EAAkC;YAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,OAAO,CACZ,kBAAkB,CAAC;YACjB,UAAU,EAAE,UAAU;YACtB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,OAAO;gBACT,CAAC;gBAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;oBACvD,OAAO;gBACT,CAAC;gBAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CACpC,CAAC;gBACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;oBACzB,OAAO;gBACT,CAAC;gBAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;gBAE3D,WAAW,CAAC;oBACV,UAAU,EAAE,UAAU,CAAC,KAAK;oBAC5B,aAAa;oBACb,mBAAmB;iBACpB,CAAC,CAAC;gBACH,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;SACF,CAAC,EACF,qBAAqB,CAAC;YACpB,SAAS,EAAE,UAAU;YACrB,OAAO,EAAE,eAAe;SACzB,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"use_drop_monitor.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAA2C,EAC3C,OAAgB;IAEhB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,eAAe,EAAE,8BAA8B,CAAC,CAAC;QAExD,SAAS,UAAU,CAAC,EAAE,MAAM,EAAkC;YAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,OAAO,CACZ,kBAAkB,CAAC;YACjB,UAAU,EAAE,UAAU;YACtB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,OAAO;gBACT,CAAC;gBAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;oBACvD,OAAO;gBACT,CAAC;gBAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CACpC,CAAC;gBACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;oBACzB,OAAO;gBACT,CAAC;gBAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;gBAE3D,WAAW,CAAC;oBACV,UAAU,EAAE,UAAU,CAAC,KAAK;oBAC5B,aAAa;oBACb,mBAAmB;iBACpB,CAAC,CAAC;gBACH,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;SACF,CAAC,EACF,qBAAqB,CAAC;YACpB,SAAS,EAAE,UAAU;YACrB,OAAO,EAAE,eAAe;SACzB,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AACrE,CAAC"}

package/lib/components/utils/assert.d.ts

@@ -1,4 +1,17 @@
+/**
+ * @param x
+ * @deprecated Use `assertUnreachable` from `@zakodium/utils`
+ */
 export declare function assertUnreachable(x: never): never;
+/**
+ * @param x
+ * @deprecated Use `assertNotNullish` from `@zakodium/utils`
+ */
 export declare function assertNotNull<T>(value: T | null | undefined): asserts value is Exclude<T, null | undefined>;
+/**
+ * @param value
+ * @param message
+ * @deprecated Use `assert` from `@zakodium/utils`
+ */
 export declare function assert(value: unknown, message?: string): asserts value;
 //# sourceMappingURL=assert.d.ts.map

package/lib/components/utils/assert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assert.d.ts","sourceRoot":"","sources":["../../../src/components/utils/assert.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAEjD;AAED,wBAAgB,aAAa,CAAC,CAAC,EAC7B,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAC1B,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,CAO/C;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAItE"}
+{"version":3,"file":"assert.d.ts","sourceRoot":"","sources":["../../../src/components/utils/assert.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAEjD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAC1B,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,CAO/C;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAItE"}

package/lib/components/utils/assert.js

@@ -1,6 +1,14 @@
+/**
+ * @param x
+ * @deprecated Use `assertUnreachable` from `@zakodium/utils`
+ */
 export function assertUnreachable(x) {
     throw new Error(`unreachable: ${String(x)}`);
 }
+/**
+ * @param x
+ * @deprecated Use `assertNotNullish` from `@zakodium/utils`
+ */
 export function assertNotNull(value) {
     if (value === null) {
         throw new Error('unexpected null value');
@@ -9,6 +17,11 @@ export function assertNotNull(value) {
         throw new Error('unexpected undefined value');
     }
 }
+/**
+ * @param value
+ * @param message
+ * @deprecated Use `assert` from `@zakodium/utils`
+ */
 export function assert(value, message) {
     if (!value) {
         throw new Error(`unreachable${message ? `: ${message}` : ''}`);

package/lib/components/utils/assert.js.map

@@ -1 +1 @@
-{"version":3,"file":"assert.js","sourceRoot":"","sources":["../../../src/components/utils/assert.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,CAAQ;IACxC,MAAM,IAAI,KAAK,CAAC,gBAAgB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAA2B;IAE3B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAChD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,OAAgB;IACrD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,cAAc,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;AACH,CAAC"}
+{"version":3,"file":"assert.js","sourceRoot":"","sources":["../../../src/components/utils/assert.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,CAAQ;IACxC,MAAM,IAAI,KAAK,CAAC,gBAAgB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAC3B,KAA2B;IAE3B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAChD,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,OAAgB;IACrD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,cAAc,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;AACH,CAAC"}

package/lib/components/utils/svg.js

@@ -1,4 +1,4 @@
-import { assert } from "./assert.js";
+import { assert } from '@zakodium/utils';
 /**
  * Export an SVG element to a string.
  *

package/lib/components/utils/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/components/utils/svg.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/components/utils/svg.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "20.5.0",
+  "version": "20.6.1",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -63,6 +63,7 @@
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.6",
     "@zakodium/pdnd-esm": "^1.1.0",
+    "@zakodium/utils": "^0.4.1",
     "d3-scale-chromatic": "^3.1.0",
     "react-d3-utils": "^3.1.2",
     "react-dropzone": "^17.0.0",

package/src/components/accordion/accordion_context_provider.tsx

@@ -1,8 +1,7 @@
+import { assert } from '@zakodium/utils';
 import type { ReactNode } from 'react';
 import { useMemo, useRef } from 'react';
 
-import { assert } from '../utils/index.js';
-
 import type { AccordionContextValue } from './accordion_context.js';
 import { accordionContext } from './accordion_context.js';
 import type { AccordionItemSetIsOpen } from './accordion_context_utils.js';

package/src/components/button/Button.tsx

@@ -42,25 +42,27 @@ const ButtonTag = styled(Tag)`
 
 interface InnerButtonProps {
   isIconButton: boolean;
+  isTagButton: boolean;
 }
 
 /*
   Setting the line-height makes sure that when passing regular text in icons instead of an svg, they are vertically centered
   max-width makes sure buttons with tag or hoverability indicator (both implying absolutely positioned elements) keep their intended width
-  When a button just has an icon, we override BP styles and remove the margin-right, because if it also has tag prop this is required to keep the layout correct.
+  When a button just has an icon with a tag, we override BP styles and remove the margin-right to keep the layout correct.
 */
-const buttonStyles = ({ isIconButton }: InnerButtonProps) => `
+const buttonStyles = ({ isIconButton, isTagButton }: InnerButtonProps) => `
   line-height: 1em;
   position: relative;
   max-width: ${isIconButton ? '30px' : 'none'};
 
   & .${Classes.ICON} {
-    ${isIconButton ? 'margin-right: 0px;' : ''}
+    ${isIconButton && isTagButton ? 'margin-right: 0px;' : ''}
   }
 `;
 
+const propsToIgnore = new Set(['isIconButton', 'isTagButton']);
 function shouldForwardButtonProp(propName: string) {
-  return propName !== 'isIconButton';
+  return !propsToIgnore.has(propName);
 }
 
 const TooltipAnchorButton = styled(AnchorButton, {
@@ -99,6 +101,7 @@ export function Button(props: ButtonProps) {
           {...targetProps}
           {...buttonProps}
           isIconButton={!children && !buttonProps.text}
+          isTagButton={Boolean(tag)}
         >
           {tag && (
             <ButtonTag round intent="success" {...tagProps}>

package/src/components/color-picker/index.ts

@@ -3,3 +3,8 @@ export * from './gradient_select/index.js';
 export * from './preview/ColorPreview.js';
 export * from './react-color/ColorPicker.js';
 export * from './palette.js';
+export {
+  assertColorFixed,
+  assertColorGradient,
+} from './preview/color_config.ts';
+export type { ColorConfig } from './preview/color_config.ts';

package/src/components/color-picker/preview/ColorPreview.tsx

@@ -1,12 +1,8 @@
-import { assertUnreachable } from '../../utils/assert.js';
-import type { GradientScaleName } from '../gradient_select/index.js';
+import { assertUnreachable } from '@zakodium/utils';
 
 import FixedColorPreview from './FixedColorPreview.js';
 import FixedGradientPreview from './FixedGradientPreview.js';
-
-export type ColorConfig =
-  | { kind: 'fixed'; color: string }
-  | { kind: 'fixedGradient'; gradient: GradientScaleName };
+import type { ColorConfig } from './color_config.ts';
 
 export interface ColorPreviewProps {
   color: ColorConfig;

package/src/components/color-picker/preview/color_config.ts

@@ -0,0 +1,29 @@
+import type { GradientScaleName } from '../gradient_select/index.ts';
+
+interface ColorConfigFixed {
+  kind: 'fixed';
+  color: string;
+}
+
+interface ColorConfigGradient {
+  kind: 'fixedGradient';
+  gradient: GradientScaleName;
+}
+
+export type ColorConfig = ColorConfigFixed | ColorConfigGradient;
+
+export function assertColorFixed(
+  color: ColorConfig,
+): asserts color is ColorConfigFixed {
+  if (color.kind !== 'fixed') {
+    throw new Error('Only fixed colors are supported');
+  }
+}
+
+export function assertColorGradient(
+  color: ColorConfig,
+): asserts color is ColorConfigGradient {
+  if (color.kind !== 'fixedGradient') {
+    throw new Error('Only fixed colors are supported');
+  }
+}

package/src/components/draggable/draggable.tsx

@@ -0,0 +1,127 @@
+import type { Intent } from '@blueprintjs/core';
+import { Classes, Utils } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+import { clamp } from '@zakodium/utils';
+import type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
+import { match } from 'ts-pattern';
+
+interface DraggableProps {
+  children: ReactNode;
+  value: number;
+  onChange: (_: number, value: string) => void;
+  onBlur: () => void;
+  step?: number;
+  min?: number;
+  max?: number;
+  intent: Intent;
+  majorStepSize?: number | null;
+  minorStepSize?: number | null;
+  className?: string;
+}
+
+const DraggableContainer = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  cursor: ew-resize;
+  height: 100%;
+  min-height: 30px;
+`;
+
+const DraggableLabel = styled.span`
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: 100%;
+  padding-left: 5px;
+  padding-right: 5px;
+`;
+
+export function Draggable(props: DraggableProps) {
+  const {
+    children,
+    value,
+    onChange,
+    onBlur,
+    step: stepSize = 1,
+    min,
+    max,
+    intent,
+    majorStepSize,
+    minorStepSize,
+    className,
+  } = props;
+
+  const draggedValueRef = useRef(value);
+  const onChangeRef = useRef(onChange);
+  const previousPositionRef = useRef<number>(0);
+  const isDraggingRef = useRef<boolean>(false);
+
+  useEffect(() => {
+    function handleMouseMove(event: MouseEvent) {
+      if (!isDraggingRef.current) return;
+
+      const diff = event.clientX - previousPositionRef.current;
+      previousPositionRef.current = event.clientX;
+
+      if (event.buttons === 1) {
+        const step = match(event)
+          .with({ shiftKey: true }, () => majorStepSize ?? stepSize)
+          .with({ altKey: true }, () => minorStepSize ?? stepSize)
+          .otherwise(() => stepSize);
+
+        const precision = Math.max(
+          Utils.countDecimalPlaces(draggedValueRef.current),
+          Utils.countDecimalPlaces(minorStepSize ?? stepSize),
+        );
+
+        const nextValue = toMaxPrecision(
+          draggedValueRef.current + diff * step,
+          precision,
+        );
+
+        draggedValueRef.current = clamp(nextValue, min, max);
+        onChangeRef.current(0, String(draggedValueRef.current));
+      }
+    }
+
+    function handleMouseUp() {
+      isDraggingRef.current = false;
+      onBlur();
+    }
+
+    window.addEventListener('mousemove', handleMouseMove);
+    window.addEventListener('mouseup', handleMouseUp);
+
+    return () => {
+      window.removeEventListener('mousemove', handleMouseMove);
+      window.removeEventListener('mouseup', handleMouseUp);
+    };
+  }, [majorStepSize, max, min, minorStepSize, onBlur, stepSize]);
+
+  const handleMouseDown = useCallback(
+    (event: ReactMouseEvent) => {
+      isDraggingRef.current = true;
+      previousPositionRef.current = event.clientX;
+      draggedValueRef.current = value;
+    },
+    [value],
+  );
+
+  return (
+    <DraggableContainer
+      onMouseDown={handleMouseDown}
+      className={`${className} ${Classes.TAG} ${Classes.MINIMAL} ${Classes.intentClass(intent)}`}
+    >
+      <DraggableLabel>{children}</DraggableLabel>
+    </DraggableContainer>
+  );
+}
+
+function toMaxPrecision(value: number, maxPrecision: number) {
+  const scaleFactor = 10 ** maxPrecision;
+  return Math.round(value * scaleFactor) / scaleFactor;
+}

package/src/components/form/components/input/draggable_numeric_input.tsx

@@ -0,0 +1,107 @@
+import type { Intent } from '@blueprintjs/core';
+import { NumericInput as BPNumericInput } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+
+import { Draggable as InputDraggable } from '../../../draggable/draggable.tsx';
+import { useFieldContext } from '../../context/use_ts_form.ts';
+import { getIntent } from '../../utils/use_intent.ts';
+import { FormGroup } from '../input_groups/index.ts';
+
+import type { NumericInputProps } from './numeric_input.tsx';
+
+interface DraggableNumericInputProps extends NumericInputProps {
+  draggableLabel: string;
+  draggableIntent?: Intent;
+  hideInput?: boolean;
+}
+
+const DraggableNumericInputContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+`;
+
+const Draggable = styled(InputDraggable)`
+  flex: 1;
+`;
+
+export function DraggableNumericInput(props: DraggableNumericInputProps) {
+  const {
+    label,
+    required,
+    helpText,
+    placeholder,
+    step,
+    min,
+    max,
+    layout,
+    fullWidth,
+    draggableLabel,
+    draggableIntent = 'success',
+    hideInput = false,
+    majorStepSize,
+    minorStepSize,
+    ...otherProps
+  } = props;
+
+  const field = useFieldContext<string>();
+  const error = field
+    .getMeta()
+    .errors.map((e) => e.message)
+    .at(0);
+
+  const intent = getIntent(error);
+
+  function onChange(_: number, valueAsString: string) {
+    return field.handleChange(valueAsString);
+  }
+
+  return (
+    <FormGroup
+      name={field.name}
+      label={label}
+      intent={intent}
+      required={required}
+      helpText={helpText}
+      layout={layout}
+      error={undefined}
+      fullWidth={fullWidth}
+      contentFullWidth
+    >
+      <DraggableNumericInputContainer>
+        {!hideInput && (
+          <BPNumericInput
+            {...otherProps}
+            id={field.name}
+            name={field.name}
+            stepSize={step}
+            min={min}
+            max={max}
+            majorStepSize={majorStepSize}
+            minorStepSize={minorStepSize}
+            value={field.state.value ?? ''}
+            onValueChange={onChange}
+            onBlur={field.handleBlur}
+            intent={intent}
+            placeholder={placeholder}
+            required={required}
+          />
+        )}
+
+        <Draggable
+          value={Number(field.state.value)}
+          onBlur={field.handleBlur}
+          onChange={onChange}
+          step={step}
+          min={min}
+          max={max}
+          majorStepSize={majorStepSize}
+          minorStepSize={minorStepSize}
+          intent={draggableIntent}
+        >
+          {draggableLabel}
+        </Draggable>
+      </DraggableNumericInputContainer>
+    </FormGroup>
+  );
+}

package/src/components/form/components/input/index.ts

@@ -11,3 +11,4 @@ export type {
 } from './select.js';
 export type { SubmitButton as _SubmitButton } from './submit_button.js';
 export type { Switch as _Switch } from './switch.js';
+export type { DraggableNumericInput as _DraggableNumericInput } from './draggable_numeric_input.js';

package/src/components/form/components/input/numeric_input.tsx

@@ -6,7 +6,8 @@ import { getIntent } from '../../utils/use_intent.js';
 import type { FormGroupInputProps } from '../input_groups/form_group.js';
 import { FormGroup } from '../input_groups/form_group.js';
 
-interface NumericInputProps extends FormGroupInputProps, BPNumericInputProps {
+export interface NumericInputProps
+  extends FormGroupInputProps, BPNumericInputProps {
   step?: number;
   min?: number;
   max?: number;

package/src/components/form/components/input_groups/form_group.tsx

@@ -16,7 +16,7 @@ const FormContainer = styled.div<{
   display: grid;
   margin: 0;
   grid-template-columns: ${(props) =>
-    props.layout === 'inline' ? '[label] 30% [input] 70%' : '1fr'};
+    props.layout === 'inline' ? '[label] 3fr [input] 7fr' : '1fr'};
   gap: 5px 20px;
   grid-template-rows: ${(props) =>
     props.layout === 'inline' ? 'auto auto' : 'auto'};
@@ -29,6 +29,7 @@ const RequiredSpan = styled.span`
 const ContainerElement = styled.div<{
   height?: number | 'auto';
   fullWidth?: boolean;
+  contentFullWidth?: boolean;
   layout?: Layout;
 }>`
   display: inline-block;
@@ -40,7 +41,7 @@ const ContainerElement = styled.div<{
         : '1 / -1'};
   height: ${(props) =>
     props.height === 'auto' ? props.height : `${props.height}px`};
-  width: fit-content;
+  width: ${(props) => (props.contentFullWidth ? '100%' : 'fit-content')};
   min-width: 180px;
 `;
 
@@ -85,6 +86,7 @@ interface FormGroupProps {
   error?: string;
   layout?: Layout;
   fullWidth?: boolean;
+  contentFullWidth?: boolean;
 }
 
 export function FormGroup(props: FormGroupProps) {
@@ -98,6 +100,7 @@ export function FormGroup(props: FormGroupProps) {
     error,
     layout,
     fullWidth = false,
+    contentFullWidth = false,
   } = props;
 
   const { layout: formLayout } = useFormContext();
@@ -122,7 +125,11 @@ export function FormGroup(props: FormGroupProps) {
           )}
         </Label>
       )}
-      <ContainerElement fullWidth={fullWidth} layout={layout || formLayout}>
+      <ContainerElement
+        fullWidth={fullWidth}
+        layout={layout || formLayout}
+        contentFullWidth={contentFullWidth}
+      >
         {children}
 
         <ErrorAndHelpText>

package/src/components/form/context/use_ts_form.ts

@@ -2,6 +2,7 @@ import { createFormHook, createFormHookContexts } from '@tanstack/react-form';
 
 import { Checkbox } from '../components/input/checkbox.js';
 import { ColorPicker } from '../components/input/color_picker.tsx';
+import { DraggableNumericInput } from '../components/input/draggable_numeric_input.js';
 import { Input } from '../components/input/input.js';
 import { NumericInput } from '../components/input/numeric_input.js';
 import { RadioGroup } from '../components/input/radio_group.js';
@@ -37,6 +38,7 @@ const { useAppForm, withForm, withFieldGroup } = createFormHook({
     Switch,
     ColorPicker,
     RadioGroup,
+    DraggableNumericInput,
   },
 });
 

package/src/components/table/reorder_rows/draggable_row_tr.tsx

@@ -9,10 +9,10 @@ import {
   pointerOutsideOfPreview,
   setCustomNativeDragPreview,
 } from '@zakodium/pdnd-esm';
+import { assert } from '@zakodium/utils';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 
-import { assert } from '../../utils/index.js';
 import { useFlashRowEffect } from '../flash_row/use_flash_row_effect.js';
 import { PreviewTable } from '../preview_table.js';
 import { useIsPreviewTable } from '../preview_table_context.js';

package/src/components/table/reorder_rows/use_drop_monitor.ts

@@ -5,10 +5,10 @@ import {
   extractClosestEdge,
   monitorForElements,
 } from '@zakodium/pdnd-esm';
+import { assert } from '@zakodium/utils';
 import type { RefObject } from 'react';
 import { useEffect } from 'react';
 
-import { assert } from '../../utils/index.js';
 import { useFlashedRowContext } from '../flash_row/flashed_row_context.js';
 
 import { isItemData } from './item_data.js';

package/src/components/utils/assert.ts

@@ -1,7 +1,15 @@
+/**
+ * @param x
+ * @deprecated Use `assertUnreachable` from `@zakodium/utils`
+ */
 export function assertUnreachable(x: never): never {
   throw new Error(`unreachable: ${String(x)}`);
 }
 
+/**
+ * @param x
+ * @deprecated Use `assertNotNullish` from `@zakodium/utils`
+ */
 export function assertNotNull<T>(
   value: T | null | undefined,
 ): asserts value is Exclude<T, null | undefined> {
@@ -13,6 +21,11 @@ export function assertNotNull<T>(
   }
 }
 
+/**
+ * @param value
+ * @param message
+ * @deprecated Use `assert` from `@zakodium/utils`
+ */
 export function assert(value: unknown, message?: string): asserts value {
   if (!value) {
     throw new Error(`unreachable${message ? `: ${message}` : ''}`);

package/src/components/utils/svg.ts

@@ -1,4 +1,4 @@
-import { assert } from './assert.ts';
+import { assert } from '@zakodium/utils';
 
 export interface ExportSVGOptions {
   /**