@powered-by-array/ui 1.108.0 → 1.110.0

package/dist/components/DragDrop/DragDropList/DragDropItem/DragDropItem.d.ts

@@ -0,0 +1,14 @@
+import type { DragDropItemProps } from "../DragDropList.types.js";
+/**
+ * A single reorderable row: the card surface, the grip handle, and the
+ * consumer-supplied content.
+ *
+ * The handle — not the row — carries `draggable`, so selecting text in the row
+ * body never starts a drag and Chrome sees the attribute at mousedown time
+ * (making the row draggable only on pointer-down races the browser and the drag
+ * never begins). Drag events bubble from the handle to the row, which owns the
+ * drop targeting. The handle is a real button, so keyboard users reorder with
+ * ArrowUp/ArrowDown and Home/End.
+ */
+export declare function DragDropItem({ label, position, count, isDragging, isDropTarget, disabled, onDragStart, onDragEnter, onDragEnd, onDrop, onMove, onMoveToEdge, children, }: DragDropItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DragDropItem.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropItem/DragDropItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DragDrop/DragDropList/DragDropItem/DragDropItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,2CA2EnB"}

package/dist/components/DragDrop/DragDropList/DragDropItem/DragDropItem.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { GripVertical } from "lucide-react";
+import { dragDropItemClasses } from "../DragDropList.variants.js";
+/**
+ * A single reorderable row: the card surface, the grip handle, and the
+ * consumer-supplied content.
+ *
+ * The handle — not the row — carries `draggable`, so selecting text in the row
+ * body never starts a drag and Chrome sees the attribute at mousedown time
+ * (making the row draggable only on pointer-down races the browser and the drag
+ * never begins). Drag events bubble from the handle to the row, which owns the
+ * drop targeting. The handle is a real button, so keyboard users reorder with
+ * ArrowUp/ArrowDown and Home/End.
+ */
+export function DragDropItem({ label, position, count, isDragging, isDropTarget, disabled, onDragStart, onDragEnter, onDragEnd, onDrop, onMove, onMoveToEdge, children, }) {
+    const rowRef = React.useRef(null);
+    function handleKeyDown(event) {
+        if (disabled)
+            return;
+        const actions = {
+            ArrowUp: () => onMove(-1),
+            ArrowDown: () => onMove(1),
+            Home: () => onMoveToEdge("first"),
+            End: () => onMoveToEdge("last"),
+        };
+        const action = actions[event.key];
+        if (!action)
+            return;
+        event.preventDefault();
+        action();
+    }
+    function handleDragStart(event) {
+        // Firefox refuses to start a drag without any transfer data.
+        event.dataTransfer.setData("text/plain", label);
+        event.dataTransfer.effectAllowed = "move";
+        // Drag the whole row, not just the handle glyph.
+        if (rowRef.current) {
+            event.dataTransfer.setDragImage(rowRef.current, 16, 16);
+        }
+        onDragStart();
+    }
+    return (_jsxs("li", { ref: rowRef, "data-slot": "drag-drop-item", "data-dragging": isDragging, className: dragDropItemClasses.root, onDragEnter: onDragEnter, onDragOver: (event) => {
+            event.preventDefault();
+            event.dataTransfer.dropEffect = "move";
+        }, onDragEnd: onDragEnd, onDrop: (event) => {
+            event.preventDefault();
+            onDrop();
+        }, children: [isDropTarget && !isDragging ? (_jsx("span", { "data-slot": "drag-drop-item-indicator", "aria-hidden": "true", className: dragDropItemClasses.dropIndicator })) : null, _jsx("button", { type: "button", "data-slot": "drag-drop-item-handle", className: dragDropItemClasses.handle, disabled: disabled, draggable: !disabled, "aria-label": `Reorder ${label}, position ${position} of ${count}`, "aria-roledescription": "Drag handle", onDragStart: handleDragStart, onKeyDown: handleKeyDown, children: _jsx(GripVertical, {}) }), _jsx("div", { "data-slot": "drag-drop-item-content", className: dragDropItemClasses.content, children: children })] }));
+}
+//# sourceMappingURL=DragDropItem.js.map

package/dist/components/DragDrop/DragDropList/DragDropItem/DragDropItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropItem.js","sourceRoot":"","sources":["../../../../../src/components/DragDrop/DragDropList/DragDropItem/DragDropItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGlE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,GACU;IAClB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEjD,SAAS,aAAa,CAAC,KAA6C;QAClE,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,OAAO,GAA+B;YAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACzB,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;YAC1B,IAAI,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC;YACjC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;SAChC,CAAC;QAEF,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,CAAC;IACX,CAAC;IAED,SAAS,eAAe,CAAC,KAAyC;QAChE,6DAA6D;QAC7D,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QAChD,KAAK,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;QAE1C,iDAAiD;QACjD,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1D,CAAC;QAED,WAAW,EAAE,CAAC;IAChB,CAAC;IAED,OAAO,CACL,cACE,GAAG,EAAE,MAAM,eACD,gBAAgB,mBACX,UAAU,EACzB,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;QACzC,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAM,EAAE,CAAC;QACX,CAAC,aAEA,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC7B,4BACY,0BAA0B,iBACxB,MAAM,EAClB,SAAS,EAAE,mBAAmB,CAAC,aAAa,GAC5C,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iBACE,IAAI,EAAC,QAAQ,eACH,uBAAuB,EACjC,SAAS,EAAE,mBAAmB,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,QAAQ,gBACR,WAAW,KAAK,cAAc,QAAQ,OAAO,KAAK,EAAE,0BAC3C,aAAa,EAClC,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,YAExB,KAAC,YAAY,KAAG,GACT,EACT,2BAAe,wBAAwB,EAAC,SAAS,EAAE,mBAAmB,CAAC,OAAO,YAC3E,QAAQ,GACL,IACH,CACN,CAAC;AACJ,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropItem/index.d.ts

@@ -0,0 +1,2 @@
+export { DragDropItem } from "./DragDropItem.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropItem/index.d.ts.map

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

package/dist/components/DragDrop/DragDropList/DragDropItem/index.js

@@ -0,0 +1,2 @@
+export { DragDropItem } from "./DragDropItem.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DragDrop/DragDropList/DragDropItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/DragDrop/DragDropList/DragDropItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropList.d.ts

@@ -0,0 +1,12 @@
+import type { DragDropListProps } from "./DragDropList.types.js";
+/**
+ * Reorderable list built on native HTML5 drag events — no drag-and-drop
+ * dependency. The list owns the row card and the grip handle; `children`
+ * renders each row's content (Figma node 5700:15127 pairs it with
+ * `QuestionItem`).
+ *
+ * State stays with the consumer: `DragDropList` never mutates `items`, it emits
+ * the reordered array through `onReorder`.
+ */
+export declare function DragDropList<TItem>({ items, getItemId, onReorder, children, getItemLabel, disabled, "aria-label": ariaLabel, }: DragDropListProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DragDropList.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,EAClC,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAwC1B"}

package/dist/components/DragDrop/DragDropList/DragDropList.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DragDropItem } from "./DragDropItem/index.js";
+import { useDragDropList } from "./hooks/useDragDropList.js";
+import { dragDropListClasses } from "./DragDropList.variants.js";
+/**
+ * Reorderable list built on native HTML5 drag events — no drag-and-drop
+ * dependency. The list owns the row card and the grip handle; `children`
+ * renders each row's content (Figma node 5700:15127 pairs it with
+ * `QuestionItem`).
+ *
+ * State stays with the consumer: `DragDropList` never mutates `items`, it emits
+ * the reordered array through `onReorder`.
+ */
+export function DragDropList({ items, getItemId, onReorder, children, getItemLabel, disabled, "aria-label": ariaLabel, }) {
+    const { draggingIndex, dropIndex, commit, handleDragStart, handleDragEnter, handleDragEnd, handleDrop, } = useDragDropList({ items, onReorder });
+    return (_jsx("ul", { "data-slot": "drag-drop-list", className: dragDropListClasses.root, "aria-label": ariaLabel, children: items.map((item, index) => (_jsx(DragDropItem, { label: getItemLabel?.(item, index) ?? `Item ${index + 1}`, position: index + 1, count: items.length, isDragging: draggingIndex === index, isDropTarget: dropIndex === index && draggingIndex !== null, disabled: disabled, onDragStart: () => handleDragStart(index), onDragEnter: () => handleDragEnter(index), onDragEnd: handleDragEnd, onDrop: () => handleDrop(index), onMove: (offset) => commit(index, index + offset), onMoveToEdge: (edge) => commit(index, edge === "first" ? 0 : items.length - 1), children: children(item, index) }, getItemId(item)))) }));
+}
+//# sourceMappingURL=DragDropList.js.map

package/dist/components/DragDrop/DragDropList/DragDropList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAQ,EAClC,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,GACE;IACzB,MAAM,EACJ,aAAa,EACb,SAAS,EACT,MAAM,EACN,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,GACX,GAAG,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAE1C,OAAO,CACL,0BACY,gBAAgB,EAC1B,SAAS,EAAE,mBAAmB,CAAC,IAAI,gBACvB,SAAS,YAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,YAAY,IAEX,KAAK,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,QAAQ,KAAK,GAAG,CAAC,EAAE,EACzD,QAAQ,EAAE,KAAK,GAAG,CAAC,EACnB,KAAK,EAAE,KAAK,CAAC,MAAM,EACnB,UAAU,EAAE,aAAa,KAAK,KAAK,EACnC,YAAY,EAAE,SAAS,KAAK,KAAK,IAAI,aAAa,KAAK,IAAI,EAC3D,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,EACjD,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CACrB,MAAM,CAAC,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,YAGvD,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAhBjB,SAAS,CAAC,IAAI,CAAC,CAiBP,CAChB,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropList.types.d.ts

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+/** Where an item moved from and to, both zero-based indices into the item array. */
+export type DragDropReorder = {
+    from: number;
+    to: number;
+};
+export type DragDropListProps<TItem> = {
+    /** The ordered items. `DragDropList` never mutates this — it emits `onReorder`. */
+    items: TItem[];
+    /** Stable identity for an item; used as the React key and the drag payload. */
+    getItemId: (item: TItem) => string;
+    /**
+     * Called with the reordered array (already applied) plus the indices that moved.
+     * The consumer owns the state and passes the new array back in as `items`.
+     */
+    onReorder: (items: TItem[], change: DragDropReorder) => void;
+    /** Renders the row content. The drag handle and row card are owned by the list. */
+    children: (item: TItem, index: number) => ReactNode;
+    /** Accessible name announced on the item's drag handle. Defaults to "Item <n>". */
+    getItemLabel?: (item: TItem, index: number) => string;
+    /** Renders every row non-draggable and disables the handles. */
+    disabled?: boolean;
+    /** Accessible name for the list itself. */
+    "aria-label"?: string;
+};
+export type DragDropItemProps = {
+    /** Accessible name for the handle, e.g. the question text. */
+    label: string;
+    /** Position of this row, used in the handle's screen-reader announcement. */
+    position: number;
+    /** Total row count, used in the handle's screen-reader announcement. */
+    count: number;
+    isDragging: boolean;
+    /** True while a dragged row hovers this one — draws the drop indicator. */
+    isDropTarget: boolean;
+    disabled?: boolean;
+    onDragStart: () => void;
+    onDragEnter: () => void;
+    onDragEnd: () => void;
+    onDrop: () => void;
+    /** Keyboard reordering: move this row by `offset` positions (negative = up). */
+    onMove: (offset: number) => void;
+    /** Keyboard reordering: send this row to the first or last position. */
+    onMoveToEdge: (edge: "first" | "last") => void;
+    children: ReactNode;
+};
+//# sourceMappingURL=DragDropList.types.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropList.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oFAAoF;AACpF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;IACrC,mFAAmF;IACnF,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,+EAA+E;IAC/E,SAAS,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACnC;;;OAGG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7D,mFAAmF;IACnF,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACpD,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,2EAA2E;IAC3E,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gFAAgF;IAChF,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,wEAAwE;IACxE,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropList.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DragDropList.types.js.map

package/dist/components/DragDrop/DragDropList/DragDropList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.types.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.types.ts"],"names":[],"mappings":""}

package/dist/components/DragDrop/DragDropList/DragDropList.utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns a new array with the item at `from` moved to `to`. Out-of-range or
+ * no-op moves return the original array so callers can skip emitting a change.
+ */
+export declare function moveItem<TItem>(items: TItem[], from: number, to: number): TItem[];
+/** Clamps `index` into the bounds of a list of `length` items. */
+export declare function clampIndex(index: number, length: number): number;
+//# sourceMappingURL=DragDropList.utils.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropList.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAC5B,KAAK,EAAE,KAAK,EAAE,EACd,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,KAAK,EAAE,CAgBT;AAED,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEhE"}

package/dist/components/DragDrop/DragDropList/DragDropList.utils.js

@@ -0,0 +1,22 @@
+/**
+ * Returns a new array with the item at `from` moved to `to`. Out-of-range or
+ * no-op moves return the original array so callers can skip emitting a change.
+ */
+export function moveItem(items, from, to) {
+    if (from === to ||
+        from < 0 ||
+        to < 0 ||
+        from >= items.length ||
+        to >= items.length) {
+        return items;
+    }
+    const next = [...items];
+    const [moved] = next.splice(from, 1);
+    next.splice(to, 0, moved);
+    return next;
+}
+/** Clamps `index` into the bounds of a list of `length` items. */
+export function clampIndex(index, length) {
+    return Math.min(Math.max(index, 0), Math.max(length - 1, 0));
+}
+//# sourceMappingURL=DragDropList.utils.js.map

package/dist/components/DragDrop/DragDropList/DragDropList.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.utils.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAc,EACd,IAAY,EACZ,EAAU;IAEV,IACE,IAAI,KAAK,EAAE;QACX,IAAI,GAAG,CAAC;QACR,EAAE,GAAG,CAAC;QACN,IAAI,IAAI,KAAK,CAAC,MAAM;QACpB,EAAE,IAAI,KAAK,CAAC,MAAM,EAClB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACxB,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IACrC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IAE1B,OAAO,IAAI,CAAC;AACd,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,UAAU,CAAC,KAAa,EAAE,MAAc;IACtD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropList.variants.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Style constants for `DragDropList` (Figma node 5700:15127). The row card owns
+ * the surface, radius and padding; the content it wraps is supplied by the
+ * consumer (typically `QuestionItem`).
+ */
+export declare const dragDropListClasses: {
+    readonly root: "flex w-full list-none flex-col gap-4 p-0";
+};
+export declare const dragDropItemClasses: {
+    readonly root: string;
+    readonly handle: string;
+    readonly content: "flex min-w-0 flex-1 items-start";
+    readonly dropIndicator: "pointer-events-none absolute inset-x-0 -top-2 h-0.5 rounded-full bg-[var(--color-semantic-drag-drop-drop-indicator)]";
+};
+//# sourceMappingURL=DragDropList.variants.d.ts.map

package/dist/components/DragDrop/DragDropList/DragDropList.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;CAEtB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;CAsBtB,CAAC"}

package/dist/components/DragDrop/DragDropList/DragDropList.variants.js

@@ -0,0 +1,31 @@
+/**
+ * Style constants for `DragDropList` (Figma node 5700:15127). The row card owns
+ * the surface, radius and padding; the content it wraps is supplied by the
+ * consumer (typically `QuestionItem`).
+ */
+export const dragDropListClasses = {
+    root: "flex w-full list-none flex-col gap-4 p-0",
+};
+export const dragDropItemClasses = {
+    root: [
+        "relative flex items-start gap-3 rounded-[10px] px-4 py-3",
+        "bg-[var(--color-semantic-drag-drop-item-bg)]",
+        "transition-colors",
+        "hover:bg-[var(--color-semantic-drag-drop-item-bg-hover)]",
+        "data-[dragging=true]:bg-[var(--color-semantic-drag-drop-item-bg-dragging)]",
+        "data-[dragging=true]:opacity-60",
+    ].join(" "),
+    handle: [
+        "flex h-6 shrink-0 cursor-grab items-center justify-center rounded-sm",
+        "text-[var(--color-semantic-drag-drop-handle-fg)]",
+        "transition-colors",
+        "hover:text-[var(--color-semantic-drag-drop-handle-fg-hover)]",
+        "focus-visible:ring-[var(--color-semantic-action-branded-focus)] focus-visible:ring-[3px] focus-visible:outline-none",
+        "active:cursor-grabbing",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+    ].join(" "),
+    content: "flex min-w-0 flex-1 items-start",
+    dropIndicator: "pointer-events-none absolute inset-x-0 -top-2 h-0.5 rounded-full bg-[var(--color-semantic-drag-drop-drop-indicator)]",
+};
+//# sourceMappingURL=DragDropList.variants.js.map

package/dist/components/DragDrop/DragDropList/DragDropList.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragDropList.variants.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/DragDropList.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,0CAA0C;CACxC,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE;QACJ,0DAA0D;QAC1D,8CAA8C;QAC9C,mBAAmB;QACnB,0DAA0D;QAC1D,4EAA4E;QAC5E,iCAAiC;KAClC,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,MAAM,EAAE;QACN,sEAAsE;QACtE,kDAAkD;QAClD,mBAAmB;QACnB,8DAA8D;QAC9D,qHAAqH;QACrH,wBAAwB;QACxB,iDAAiD;QACjD,mFAAmF;KACpF,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,OAAO,EAAE,iCAAiC;IAC1C,aAAa,EACX,sHAAsH;CAChH,CAAC"}

package/dist/components/DragDrop/DragDropList/hooks/useDragDropList.d.ts

@@ -0,0 +1,21 @@
+import type { DragDropReorder } from "../DragDropList.types.js";
+type UseDragDropListOptions<TItem> = {
+    items: TItem[];
+    onReorder: (items: TItem[], change: DragDropReorder) => void;
+};
+/**
+ * Tracks which row is being dragged and which row is currently under the
+ * pointer, and commits reorders (from pointer drop or from keyboard) through
+ * `onReorder`. The item array itself stays owned by the consumer.
+ */
+export declare function useDragDropList<TItem>({ items, onReorder, }: UseDragDropListOptions<TItem>): {
+    draggingIndex: number | null;
+    dropIndex: number | null;
+    commit: (from: number, to: number) => void;
+    handleDragStart: (index: number) => void;
+    handleDragEnter: (index: number) => void;
+    handleDragEnd: () => void;
+    handleDrop: (index: number) => void;
+};
+export {};
+//# sourceMappingURL=useDragDropList.d.ts.map

package/dist/components/DragDrop/DragDropList/hooks/useDragDropList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDropList.d.ts","sourceRoot":"","sources":["../../../../../src/components/DragDrop/DragDropList/hooks/useDragDropList.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,KAAK,sBAAsB,CAAC,KAAK,IAAI;IACnC,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,CAAC,KAAK,CAAC;;;mBASrB,MAAM,MAAM,MAAM;6BAUuB,MAAM;6BAMN,MAAM;;wBAW9C,MAAM;EAmBjB"}

package/dist/components/DragDrop/DragDropList/hooks/useDragDropList.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { clampIndex, moveItem } from "../DragDropList.utils.js";
+/**
+ * Tracks which row is being dragged and which row is currently under the
+ * pointer, and commits reorders (from pointer drop or from keyboard) through
+ * `onReorder`. The item array itself stays owned by the consumer.
+ */
+export function useDragDropList({ items, onReorder, }) {
+    const [draggingIndex, setDraggingIndex] = React.useState(null);
+    const [dropIndex, setDropIndex] = React.useState(null);
+    // Mirrors `draggingIndex` so `drop` can read it synchronously — a drop that
+    // lands in the same tick as `dragstart` would otherwise see stale state.
+    const draggingIndexRef = React.useRef(null);
+    const commit = React.useCallback((from, to) => {
+        const target = clampIndex(to, items.length);
+        const next = moveItem(items, from, target);
+        if (next !== items) {
+            onReorder(next, { from, to: target });
+        }
+    }, [items, onReorder]);
+    const handleDragStart = React.useCallback((index) => {
+        draggingIndexRef.current = index;
+        setDraggingIndex(index);
+        setDropIndex(index);
+    }, []);
+    const handleDragEnter = React.useCallback((index) => {
+        setDropIndex(index);
+    }, []);
+    const handleDragEnd = React.useCallback(() => {
+        draggingIndexRef.current = null;
+        setDraggingIndex(null);
+        setDropIndex(null);
+    }, []);
+    const handleDrop = React.useCallback((index) => {
+        const from = draggingIndexRef.current;
+        if (from !== null) {
+            commit(from, index);
+        }
+        handleDragEnd();
+    }, [commit, handleDragEnd]);
+    return {
+        draggingIndex,
+        dropIndex,
+        commit,
+        handleDragStart,
+        handleDragEnter,
+        handleDragEnd,
+        handleDrop,
+    };
+}
+//# sourceMappingURL=useDragDropList.js.map

package/dist/components/DragDrop/DragDropList/hooks/useDragDropList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDropList.js","sourceRoot":"","sources":["../../../../../src/components/DragDrop/DragDropList/hooks/useDragDropList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAQhE;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAQ,EACrC,KAAK,EACL,SAAS,GACqB;IAC9B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEtE,4EAA4E;IAC5E,yEAAyE;IACzE,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,IAAY,EAAE,EAAU,EAAE,EAAE;QAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,SAAS,CAAC,CACnB,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC1D,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC1D,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACtC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,aAAa,EAAE,CAAC;IAClB,CAAC,EACD,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,OAAO;QACL,aAAa;QACb,SAAS;QACT,MAAM;QACN,eAAe;QACf,eAAe;QACf,aAAa;QACb,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/components/DragDrop/DragDropList/index.d.ts

@@ -0,0 +1,4 @@
+export { DragDropList } from "./DragDropList.js";
+export { DragDropItem } from "./DragDropItem/index.js";
+export type { DragDropItemProps, DragDropListProps, DragDropReorder, } from "./DragDropList.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,yBAAyB,CAAC"}

package/dist/components/DragDrop/DragDropList/index.js

@@ -0,0 +1,3 @@
+export { DragDropList } from "./DragDropList.js";
+export { DragDropItem } from "./DragDropItem/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DragDrop/DragDropList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/DragDropList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DragDrop/QuestionItem/QuestionItem.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionItemProps } from "./QuestionItem.types.js";
+/**
+ * A screening question row: numbered badge, the question, the target response,
+ * and an optional remove control (Figma node 5700:15138). Designed to be the
+ * content of a `DragDropList` row, which supplies the card surface and the grip
+ * handle — but it renders standalone too.
+ */
+export declare function QuestionItem({ index, question, targetResponse, onRemove, }: QuestionItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuestionItem.d.ts.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEjE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,2CA+CnB"}

package/dist/components/DragDrop/QuestionItem/QuestionItem.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { questionItemClasses } from "./QuestionItem.variants.js";
+/**
+ * A screening question row: numbered badge, the question, the target response,
+ * and an optional remove control (Figma node 5700:15138). Designed to be the
+ * content of a `DragDropList` row, which supplies the card surface and the grip
+ * handle — but it renders standalone too.
+ */
+export function QuestionItem({ index, question, targetResponse, onRemove, }) {
+    const number = index + 1;
+    return (_jsxs("div", { "data-slot": "question-item", className: questionItemClasses.root, children: [_jsx("span", { "data-slot": "question-item-badge", className: questionItemClasses.badge, children: number }), _jsxs("div", { "data-slot": "question-item-body", className: questionItemClasses.body, children: [_jsx("p", { "data-slot": "question-item-question", className: questionItemClasses.question, children: question }), _jsxs("p", { "data-slot": "question-item-target", className: questionItemClasses.targetLabel, children: ["Target Response: ", _jsx("span", { className: questionItemClasses.targetValue, children: targetResponse })] })] }), onRemove ? (_jsx("button", { type: "button", "data-slot": "question-item-remove", className: questionItemClasses.remove, "aria-label": `Remove question ${number}`, onClick: onRemove, children: _jsx(X, {}) })) : null] }));
+}
+//# sourceMappingURL=QuestionItem.js.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGjE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,GACU;IAClB,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;IAEzB,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,mBAAmB,CAAC,IAAI,aAEnC,4BACY,qBAAqB,EAC/B,SAAS,EAAE,mBAAmB,CAAC,KAAK,YAEnC,MAAM,GACF,EACP,4BACY,oBAAoB,EAC9B,SAAS,EAAE,mBAAmB,CAAC,IAAI,aAEnC,yBACY,wBAAwB,EAClC,SAAS,EAAE,mBAAmB,CAAC,QAAQ,YAEtC,QAAQ,GACP,EACJ,0BACY,sBAAsB,EAChC,SAAS,EAAE,mBAAmB,CAAC,WAAW,aAEzC,mBAAmB,EACpB,eAAM,SAAS,EAAE,mBAAmB,CAAC,WAAW,YAC7C,cAAc,GACV,IACL,IACA,EACL,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,eACH,sBAAsB,EAChC,SAAS,EAAE,mBAAmB,CAAC,MAAM,gBACzB,mBAAmB,MAAM,EAAE,EACvC,OAAO,EAAE,QAAQ,YAEjB,KAAC,CAAC,KAAG,GACE,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/DragDrop/QuestionItem/QuestionItem.types.d.ts

@@ -0,0 +1,14 @@
+export type QuestionItemProps = {
+    /**
+     * Zero-based position in the list. The numbered badge is derived from it
+     * (`index + 1`) — never pass the display number directly.
+     */
+    index: number;
+    /** The screening question shown to the candidate. */
+    question: string;
+    /** The answer the recruiter is screening for, e.g. "Yes" or "A specific date". */
+    targetResponse: string;
+    /** Omit to render the row without a remove control. */
+    onRemove?: () => void;
+};
+//# sourceMappingURL=QuestionItem.types.d.ts.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,kFAAkF;IAClF,cAAc,EAAE,MAAM,CAAC;IACvB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC"}

package/dist/components/DragDrop/QuestionItem/QuestionItem.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=QuestionItem.types.js.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.types.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.types.ts"],"names":[],"mappings":""}

package/dist/components/DragDrop/QuestionItem/QuestionItem.variants.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Style constants for `QuestionItem` (Figma node 5700:15138). The row
+ * surface, radius and grip handle belong to `DragDropList`; this component owns
+ * the numbered badge, the question copy and the remove control.
+ */
+export declare const questionItemClasses: {
+    readonly root: "flex min-w-0 flex-1 items-start gap-3";
+    readonly badge: string;
+    readonly body: "flex min-w-0 flex-1 flex-col gap-3";
+    readonly question: "text-sm leading-[1.45] font-medium break-words text-[var(--color-semantic-question-item-question-fg)]";
+    readonly targetLabel: "text-xs font-normal text-[var(--color-semantic-question-item-target-label-fg)]";
+    readonly targetValue: "text-xs font-semibold text-[var(--color-semantic-question-item-target-value-fg)]";
+    readonly remove: string;
+};
+//# sourceMappingURL=QuestionItem.variants.d.ts.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;CAuBtB,CAAC"}

package/dist/components/DragDrop/QuestionItem/QuestionItem.variants.js

@@ -0,0 +1,27 @@
+/**
+ * Style constants for `QuestionItem` (Figma node 5700:15138). The row
+ * surface, radius and grip handle belong to `DragDropList`; this component owns
+ * the numbered badge, the question copy and the remove control.
+ */
+export const questionItemClasses = {
+    root: "flex min-w-0 flex-1 items-start gap-3",
+    badge: [
+        "flex size-6 shrink-0 items-center justify-center rounded-full",
+        "bg-[var(--color-semantic-question-item-badge-bg)]",
+        "text-[11px] font-medium",
+        "text-[var(--color-semantic-question-item-badge-fg)]",
+    ].join(" "),
+    body: "flex min-w-0 flex-1 flex-col gap-3",
+    question: "text-sm leading-[1.45] font-medium break-words text-[var(--color-semantic-question-item-question-fg)]",
+    targetLabel: "text-xs font-normal text-[var(--color-semantic-question-item-target-label-fg)]",
+    targetValue: "text-xs font-semibold text-[var(--color-semantic-question-item-target-value-fg)]",
+    remove: [
+        "flex size-5 shrink-0 items-center justify-center rounded-sm",
+        "text-[var(--color-semantic-question-item-remove-fg)]",
+        "transition-colors",
+        "hover:text-[var(--color-semantic-question-item-remove-fg-hover)]",
+        "focus-visible:ring-[var(--color-semantic-action-branded-focus)] focus-visible:ring-[3px] focus-visible:outline-none",
+        "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-3.5 [&_svg]:shrink-0",
+    ].join(" "),
+};
+//# sourceMappingURL=QuestionItem.variants.js.map

package/dist/components/DragDrop/QuestionItem/QuestionItem.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionItem.variants.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/QuestionItem.variants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,uCAAuC;IAC7C,KAAK,EAAE;QACL,+DAA+D;QAC/D,mDAAmD;QACnD,yBAAyB;QACzB,qDAAqD;KACtD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,IAAI,EAAE,oCAAoC;IAC1C,QAAQ,EACN,uGAAuG;IACzG,WAAW,EACT,gFAAgF;IAClF,WAAW,EACT,kFAAkF;IACpF,MAAM,EAAE;QACN,6DAA6D;QAC7D,sDAAsD;QACtD,mBAAmB;QACnB,kEAAkE;QAClE,qHAAqH;QACrH,qFAAqF;KACtF,CAAC,IAAI,CAAC,GAAG,CAAC;CACH,CAAC"}

package/dist/components/DragDrop/QuestionItem/index.d.ts

@@ -0,0 +1,3 @@
+export { QuestionItem } from "./QuestionItem.js";
+export type { QuestionItemProps } from "./QuestionItem.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DragDrop/QuestionItem/index.js

@@ -0,0 +1,2 @@
+export { QuestionItem } from "./QuestionItem.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DragDrop/QuestionItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DragDrop/QuestionItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { DragDropItem, DragDropList } from "./DragDropList/index.js";
+export type { DragDropItemProps, DragDropListProps, DragDropReorder, } from "./DragDropList/index.js";
+export { QuestionItem } from "./QuestionItem/index.js";
+export type { QuestionItemProps } from "./QuestionItem/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DragDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/DragDrop/index.js

@@ -0,0 +1,3 @@
+export { DragDropItem, DragDropList } from "./DragDropList/index.js";
+export { QuestionItem } from "./QuestionItem/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/DragDrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DragDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMrE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/Sidebar/Sidebar.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const SIDEBAR_WIDTH_DEFAULT_PX = 240;
+export declare const SIDEBAR_WIDTH_COLLAPSED_PX = 60;
+export declare const SIDEBAR_WIDTH_MIN_PX = 240;
+export declare const SIDEBAR_WIDTH_MAX_PX = 400;
+export declare function clampSidebarWidthPx(px: number): number;
+//# sourceMappingURL=Sidebar.constants.d.ts.map

package/dist/components/Sidebar/Sidebar.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,oBAAoB,MAA2B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/components/Sidebar/Sidebar.constants.js

@@ -0,0 +1,8 @@
+export const SIDEBAR_WIDTH_DEFAULT_PX = 240;
+export const SIDEBAR_WIDTH_COLLAPSED_PX = 60;
+export const SIDEBAR_WIDTH_MIN_PX = SIDEBAR_WIDTH_DEFAULT_PX;
+export const SIDEBAR_WIDTH_MAX_PX = 400;
+export function clampSidebarWidthPx(px) {
+    return Math.min(Math.max(px, SIDEBAR_WIDTH_MIN_PX), SIDEBAR_WIDTH_MAX_PX);
+}
+//# sourceMappingURL=Sidebar.constants.js.map

package/dist/components/Sidebar/Sidebar.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.constants.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,MAAM,CAAC,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAC7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,MAAM,UAAU,mBAAmB,CAAC,EAAU;IAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,oBAAoB,CAAC,EAAE,oBAAoB,CAAC,CAAC;AAC5E,CAAC"}

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { SidebarContextValue, SidebarGroupLabelProps, SidebarMenuButtonProps, SidebarMenuSubButtonProps, SidebarProps } from "./Sidebar.types.js";
 export declare const SidebarContext: React.Context<SidebarContextValue | null>;
-export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ side, variant, collapsible, className, style, children, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarGroupLabel({ className, asChild, ...props }: SidebarGroupLabelProps): import("react/jsx-runtime").JSX.Element;