@rebasepro/ui 0.24.0 → 0.24.1-canary.gcb918fc

package/dist/components/VirtualTable/fields/VirtualTableDateField.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableDateField.es.js","names":[],"sources":["../../../../src/components/VirtualTable/fields/VirtualTableDateField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cls } from \"../../../util\";\nimport { focusedDisabled } from \"../../../styles\";\nimport { DateTimeField, type DateTimeFieldMode } from \"../../DateTimeField\";\n\nexport function VirtualTableDateField(props: {\n    name?: string;\n    error?: Error;\n    mode?: DateTimeFieldMode;\n    timezone?: string;\n    internalValue: Date | undefined | null;\n    updateValue: (newValue: (Date | null)) => void;\n    focused: boolean;\n    disabled: boolean;\n    small?: boolean;\n    locale?: string;\n    /**\n     * Whether the field draws its own calendar button. A table that draws its\n     * own opener for the cell turns it off, and the value then sits flush with\n     * the text of the cells beside it rather than indented like a form field.\n     */\n    pickerButton?: boolean;\n    /** The native input, for a caller that opens the picker itself (`showPicker()`). */\n    inputRef?: React.Ref<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n}) {\n    const { name, disabled, error, mode, timezone, internalValue, updateValue, small = false, locale, pickerButton = true, inputRef } = props;\n\n    // An empty date input still paints its mask — `dd/mm/yyyy, --:--` — so a\n    // column with gaps in it read as a column of placeholders, one per row.\n    // The mask is only useful once someone is typing into it.\n    const [focused, setFocused] = useState(false);\n    const focusedRef = useRef(false);\n\n    // A typed date is written once it is complete, not once per keystroke:\n    // the input reports each one, and retyping a year passes through 0002,\n    // 0020 and 0202 on its way to 2026. While the field has the focus a change\n    // waits for the typing to pause — and a year of fewer than four digits for\n    // more typing — and leaving the field writes what it holds. A date picked\n    // with the field unfocused is written at once.\n    const [draft, setDraft] = useState<{ value: Date | null } | null>(null);\n    const draftRef = useRef<{ value: Date | null } | null>(null);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const updateValueRef = useRef(updateValue);\n    useEffect(() => {\n        updateValueRef.current = updateValue;\n    }, [updateValue]);\n\n    const commit = useCallback(() => {\n        clearTimeout(timerRef.current);\n        const pending = draftRef.current;\n        if (!pending) return;\n        draftRef.current = null;\n        setDraft(null);\n        updateValueRef.current(pending.value);\n    }, []);\n\n    const onDateChange = (dateValue: Date | null) => {\n        const pending = { value: dateValue ?? null };\n        draftRef.current = pending;\n        setDraft(pending);\n        clearTimeout(timerRef.current);\n        if (!focusedRef.current) {\n            commit();\n        } else if (!pending.value || pending.value.getFullYear() >= 1000) {\n            timerRef.current = setTimeout(commit, 400);\n        }\n    };\n\n    useEffect(() => () => {\n        clearTimeout(timerRef.current);\n        if (draftRef.current) updateValueRef.current(draftRef.current.value);\n    }, []);\n\n    const shownValue = draft ? draft.value : internalValue;\n    const empty = !shownValue;\n\n    return (\n        <div className={\"w-full h-full flex items-center\"}\n            onFocus={() => {\n                focusedRef.current = true;\n                setFocused(true);\n            }}\n            onBlur={() => {\n                focusedRef.current = false;\n                setFocused(false);\n                commit();\n            }}>\n            <DateTimeField\n                value={shownValue ?? undefined}\n                onChange={onDateChange}\n                // Same omission as `VirtualTableInput`: destructured and forwarded\n                // nowhere, so a disabled date cell was still editable. `error` went\n                // the same way — it drives `DateTimeField`'s invalid styling, and a\n                // prop a caller passes should reach something rather than sit in a\n                // destructure.\n                disabled={disabled}\n                error={Boolean(error)}\n                // Third prop this component declared and dropped. A table cell\n                // draws no visible label — the column header is the only thing\n                // naming it, and a header is not an accessible name for the input\n                // underneath — so without this every date cell reads as an unnamed\n                // \"date entry\" to a screen reader, one per row per date column.\n                aria-label={name}\n                invisible={true}\n                pickerButton={pickerButton}\n                inputRef={inputRef}\n                // Without this the field falls back to DateTimeField's own default of\n                // `size=\"large\"` (min-h-64px), which overflows a table cell and makes\n                // the value collide with the cell border.\n                size={small ? \"small\" : \"medium\"}\n                inputClassName={cls(\"w-full h-full\",\n                    focusedDisabled,\n                    !pickerButton && \"px-0\",\n                    empty && !focused && \"text-transparent\")}\n                className={cls(\"w-full h-full\", focusedDisabled)}\n                mode={mode}\n                timezone={timezone}\n                locale={locale}\n            />\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,sBAAsB,OAoBnC;CACC,MAAM,EAAE,MAAM,UAAU,OAAO,MAAM,UAAU,eAAe,aAAa,QAAQ,OAAO,QAAQ,eAAe,MAAM,aAAa;CAKpI,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,aAAa,OAAO,KAAK;CAQ/B,MAAM,CAAC,OAAO,YAAY,SAAwC,IAAI;CACtE,MAAM,WAAW,OAAsC,IAAI;CAC3D,MAAM,WAAW,OAAkD,KAAA,CAAS;CAC5E,MAAM,iBAAiB,OAAO,WAAW;CACzC,gBAAgB;EACZ,eAAe,UAAU;CAC7B,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,SAAS,kBAAkB;EAC7B,aAAa,SAAS,OAAO;EAC7B,MAAM,UAAU,SAAS;EACzB,IAAI,CAAC,SAAS;EACd,SAAS,UAAU;EACnB,SAAS,IAAI;EACb,eAAe,QAAQ,QAAQ,KAAK;CACxC,GAAG,CAAC,CAAC;CAEL,MAAM,gBAAgB,cAA2B;EAC7C,MAAM,UAAU,EAAE,OAAO,aAAa,KAAK;EAC3C,SAAS,UAAU;EACnB,SAAS,OAAO;EAChB,aAAa,SAAS,OAAO;EAC7B,IAAI,CAAC,WAAW,SACZ,OAAO;OACJ,IAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,YAAY,KAAK,KACxD,SAAS,UAAU,WAAW,QAAQ,GAAG;CAEjD;CAEA,sBAAsB;EAClB,aAAa,SAAS,OAAO;EAC7B,IAAI,SAAS,SAAS,eAAe,QAAQ,SAAS,QAAQ,KAAK;CACvE,GAAG,CAAC,CAAC;CAEL,MAAM,aAAa,QAAQ,MAAM,QAAQ;CAGzC,OACI,oBAAC,OAAD;EAAK,WAAW;EACZ,eAAe;GACX,WAAW,UAAU;GACrB,WAAW,IAAI;EACnB;EACA,cAAc;GACV,WAAW,UAAU;GACrB,WAAW,KAAK;GAChB,OAAO;EACX;YACA,oBAAC,eAAD;GACI,OAAO,cAAc,KAAA;GACrB,UAAU;GAMA;GACV,OAAO,QAAQ,KAAK;GAMpB,cAAY;GACZ,WAAW;GACG;GACJ;GAIV,MAAM,QAAQ,UAAU;GACxB,gBAAgB,IAAI,iBAChB,iBACA,CAAC,gBAAgB,QACjB,CAvCD,cAuCU,CAAC,WAAW,kBAAkB;GAC3C,WAAW,IAAI,iBAAiB,eAAe;GACzC;GACI;GACF;EACX,CAAA;CACA,CAAA;AAEb"}

package/dist/components/VirtualTable/fields/VirtualTableInput.es.js

@@ -0,0 +1,73 @@
+import { focusedDisabled } from "../../../styles.es.js";
+import { useDebouncedCallback } from "../../../hooks/useDebouncedCallback.es.js";
+import { TextareaAutosize } from "../../TextareaAutosize.es.js";
+import React, { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VirtualTable/fields/VirtualTableInput.tsx
+function VirtualTableInput(props) {
+	const ref = React.useRef(null);
+	const { disabled, value, multiline = false, updateValue, focused } = props;
+	const prevValue = useRef(value);
+	const [internalValue, setInternalValue] = useState(value);
+	const focusedState = useRef(false);
+	useEffect(() => {
+		if (prevValue.current !== value && value !== internalValue) setInternalValue(value);
+		prevValue.current = value;
+	}, [value]);
+	const doUpdate = React.useCallback(() => {
+		if (!value && !internalValue) return;
+		if (internalValue !== value && internalValue !== prevValue.current) {
+			prevValue.current = internalValue;
+			updateValue(internalValue);
+		}
+	}, [
+		internalValue,
+		updateValue,
+		value
+	]);
+	useDebouncedCallback(internalValue, doUpdate, !focused, 400);
+	useEffect(() => {
+		if (ref.current && focused && !focusedState.current) {
+			focusedState.current = true;
+			ref.current.focus({ preventScroll: true });
+			ref.current.selectionStart = ref.current.value.length;
+			ref.current.selectionEnd = ref.current.value.length;
+		} else focusedState.current = focused;
+	}, [focused, ref]);
+	return /* @__PURE__ */ jsx(TextareaAutosize, {
+		className: focusedDisabled,
+		ref,
+		disabled,
+		readOnly: disabled,
+		style: {
+			padding: 0,
+			margin: 0,
+			width: "100%",
+			color: "unset",
+			fontWeight: "unset",
+			fontSize: "unset",
+			fontFamily: "unset",
+			background: "unset",
+			border: "unset",
+			resize: "none",
+			outline: "none"
+		},
+		value: internalValue ?? "",
+		onChange: (evt) => {
+			const newValue = evt.target.value;
+			if (multiline || !newValue.endsWith("\n")) setInternalValue(newValue);
+		},
+		onFocus: () => {
+			focusedState.current = true;
+		},
+		onBlur: () => {
+			focusedState.current = false;
+			doUpdate();
+			if (props.onBlur) props.onBlur();
+		}
+	});
+}
+//#endregion
+export { VirtualTableInput };
+
+//# sourceMappingURL=VirtualTableInput.es.js.map

package/dist/components/VirtualTable/fields/VirtualTableInput.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableInput.es.js","names":[],"sources":["../../../../src/components/VirtualTable/fields/VirtualTableInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { useDebouncedCallback } from \"../../../hooks/useDebouncedCallback\";\nimport { focusedDisabled } from \"../../../styles\";\nimport { TextareaAutosize } from \"../../TextareaAutosize\";\n\nexport function VirtualTableInput(props: {\n    error?: Error;\n    value: string;\n    multiline?: boolean;\n    focused: boolean;\n    disabled: boolean;\n    updateValue: (newValue: (string | null)) => void;\n    onBlur?: () => void;\n}) {\n    const ref = React.useRef<HTMLTextAreaElement>(null);\n    const { disabled, value, multiline = false, updateValue, focused } = props;\n    const prevValue = useRef<string | null>(value);\n    const [internalValue, setInternalValue] = useState<typeof value>(value);\n    const focusedState = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (prevValue.current !== value && value !== internalValue)\n            setInternalValue(value);\n        prevValue.current = value;\n    }, [value]);\n\n    const doUpdate = React.useCallback(() => {\n        const emptyInitialValue = !value;\n        if (emptyInitialValue && !internalValue) return;\n        if (internalValue !== value && internalValue !== prevValue.current) {\n            prevValue.current = internalValue;\n            updateValue(internalValue);\n        }\n    }, [internalValue, updateValue, value]);\n\n    useDebouncedCallback(internalValue, doUpdate, !focused, 400);\n\n    useEffect(() => {\n        if (ref.current && focused && !focusedState.current) {\n            focusedState.current = true;\n            ref.current.focus({ preventScroll: true });\n            ref.current.selectionStart = ref.current.value.length;\n            ref.current.selectionEnd = ref.current.value.length;\n        } else {\n            focusedState.current = focused;\n        }\n    }, [focused, ref]);\n\n    return (\n        <TextareaAutosize\n            className={focusedDisabled}\n            ref={ref}\n            // Destructured above and passed to nothing, so a property carrying\n            // `admin: { disabled: true }` stayed typeable in the table and the\n            // debounced write fired on blur. `readOnly` as well as `disabled`:\n            // a disabled textarea is skipped by keyboard navigation, and a cell\n            // you cannot tab through is worse than one you cannot edit.\n            disabled={disabled}\n            readOnly={disabled}\n            style={{\n                padding: 0,\n                margin: 0,\n                width: \"100%\",\n                color: \"unset\",\n                fontWeight: \"unset\",\n                fontSize: \"unset\",\n                fontFamily: \"unset\",\n                background: \"unset\",\n                border: \"unset\",\n                resize: \"none\",\n                outline: \"none\"\n            }}\n            value={internalValue ?? \"\"}\n            onChange={(evt) => {\n                const newValue = evt.target.value as string;\n                if (multiline || !newValue.endsWith(\"\\n\"))\n                    setInternalValue(newValue);\n            }}\n            onFocus={() => {\n                focusedState.current = true;\n            }}\n            onBlur={() => {\n                focusedState.current = false;\n                doUpdate();\n                if (props.onBlur) props.onBlur();\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,kBAAkB,OAQ/B;CACC,MAAM,MAAM,MAAM,OAA4B,IAAI;CAClD,MAAM,EAAE,UAAU,OAAO,YAAY,OAAO,aAAa,YAAY;CACrE,MAAM,YAAY,OAAsB,KAAK;CAC7C,MAAM,CAAC,eAAe,oBAAoB,SAAuB,KAAK;CACtE,MAAM,eAAe,OAAgB,KAAK;CAE1C,gBAAgB;EACZ,IAAI,UAAU,YAAY,SAAS,UAAU,eACzC,iBAAiB,KAAK;EAC1B,UAAU,UAAU;CACxB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,WAAW,MAAM,kBAAkB;EAErC,IAAI,CADuB,SACF,CAAC,eAAe;EACzC,IAAI,kBAAkB,SAAS,kBAAkB,UAAU,SAAS;GAChE,UAAU,UAAU;GACpB,YAAY,aAAa;EAC7B;CACJ,GAAG;EAAC;EAAe;EAAa;CAAK,CAAC;CAEtC,qBAAqB,eAAe,UAAU,CAAC,SAAS,GAAG;CAE3D,gBAAgB;EACZ,IAAI,IAAI,WAAW,WAAW,CAAC,aAAa,SAAS;GACjD,aAAa,UAAU;GACvB,IAAI,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;GACzC,IAAI,QAAQ,iBAAiB,IAAI,QAAQ,MAAM;GAC/C,IAAI,QAAQ,eAAe,IAAI,QAAQ,MAAM;EACjD,OACI,aAAa,UAAU;CAE/B,GAAG,CAAC,SAAS,GAAG,CAAC;CAEjB,OACI,oBAAC,kBAAD;EACI,WAAW;EACN;EAMK;EACV,UAAU;EACV,OAAO;GACH,SAAS;GACT,QAAQ;GACR,OAAO;GACP,OAAO;GACP,YAAY;GACZ,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,SAAS;EACb;EACA,OAAO,iBAAiB;EACxB,WAAW,QAAQ;GACf,MAAM,WAAW,IAAI,OAAO;GAC5B,IAAI,aAAa,CAAC,SAAS,SAAS,IAAI,GACpC,iBAAiB,QAAQ;EACjC;EACA,eAAe;GACX,aAAa,UAAU;EAC3B;EACA,cAAc;GACV,aAAa,UAAU;GACvB,SAAS;GACT,IAAI,MAAM,QAAQ,MAAM,OAAO;EACnC;CACH,CAAA;AAET"}

package/dist/components/VirtualTable/fields/VirtualTableNumberInput.es.js

@@ -0,0 +1,47 @@
+import { focusedDisabled } from "../../../styles.es.js";
+import { cls } from "../../../util/cls.es.js";
+import { useDebouncedCallback } from "../../../hooks/useDebouncedCallback.es.js";
+import React, { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VirtualTable/fields/VirtualTableNumberInput.tsx
+function VirtualTableNumberInput(props) {
+	const { align = "left", value, updateValue, focused, disabled } = props;
+	const propStringValue = typeof value === "number" ? value.toString() : "";
+	const [internalValue, setInternalValue] = useState(propStringValue);
+	const prevValue = useRef(value);
+	useEffect(() => {
+		if (prevValue.current !== value && String(value) !== internalValue) setInternalValue(value !== void 0 && value !== null ? value.toString() : null);
+		prevValue.current = value;
+	}, [value]);
+	useDebouncedCallback(internalValue, React.useCallback(() => {
+		if (internalValue !== propStringValue) if (internalValue !== void 0 && internalValue !== null) {
+			const numberValue = parseFloat(internalValue);
+			if (isNaN(numberValue)) return;
+			updateValue(numberValue);
+		} else updateValue(null);
+	}, [internalValue, value]), !focused, 400);
+	useEffect(() => {
+		if (!focused && propStringValue !== internalValue) setInternalValue(value !== void 0 && value !== null ? value.toString() : null);
+	}, [value, focused]);
+	const inputRef = React.useRef(null);
+	useEffect(() => {
+		if (inputRef.current && focused) inputRef.current.focus({ preventScroll: true });
+	}, [focused, inputRef]);
+	const regexp = /^-?[0-9]+[,.]?[0-9]*$/;
+	return /* @__PURE__ */ jsx("input", {
+		ref: inputRef,
+		disabled,
+		className: cls("w-full p-0 m-0 bg-transparent border-none outline-none font-mono tabular-nums", focusedDisabled),
+		style: { textAlign: align },
+		value: internalValue ?? "",
+		onChange: (evt) => {
+			const newValue = evt.target.value.replace(",", ".");
+			if (newValue.length === 0) setInternalValue(null);
+			if (regexp.test(newValue) || newValue.startsWith("-")) setInternalValue(newValue);
+		}
+	});
+}
+//#endregion
+export { VirtualTableNumberInput };
+
+//# sourceMappingURL=VirtualTableNumberInput.es.js.map

package/dist/components/VirtualTable/fields/VirtualTableNumberInput.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableNumberInput.es.js","names":[],"sources":["../../../../src/components/VirtualTable/fields/VirtualTableNumberInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { useDebouncedCallback } from \"../../../hooks/useDebouncedCallback\";\nimport { cls } from \"../../../util\";\nimport { focusedDisabled } from \"../../../styles\";\n\nexport function VirtualTableNumberInput(props: {\n    error?: Error;\n    value: number;\n    align?: \"right\" | \"left\" | \"center\";\n    updateValue: (newValue: (number | null)) => void;\n    focused: boolean;\n    disabled: boolean;\n}) {\n    const { align = \"left\", value, updateValue, focused, disabled } = props;\n    // Not `value && …`: 0 is a value, and it used to render as an empty cell.\n    const propStringValue = typeof value === \"number\" ? value.toString() : \"\";\n    const [internalValue, setInternalValue] = useState<string | null>(propStringValue);\n    const prevValue = useRef<number | null>(value);\n\n    useEffect(() => {\n        if (prevValue.current !== value && String(value) !== internalValue)\n            setInternalValue(value !== undefined && value !== null ? value.toString() : null);\n        prevValue.current = value;\n    }, [value]);\n\n    const doUpdate = React.useCallback(() => {\n        if (internalValue !== propStringValue) {\n            if (internalValue !== undefined && internalValue !== null) {\n                const numberValue = parseFloat(internalValue);\n                if (isNaN(numberValue)) return;\n                updateValue(numberValue);\n            } else {\n                updateValue(null);\n            }\n        }\n    }, [internalValue, value]);\n\n    useDebouncedCallback(internalValue, doUpdate, !focused, 400);\n\n    useEffect(() => {\n        if (!focused && propStringValue !== internalValue)\n            setInternalValue(value !== undefined && value !== null ? value.toString() : null);\n    }, [value, focused]);\n\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (inputRef.current && focused) {\n            inputRef.current.focus({ preventScroll: true });\n        }\n    }, [focused, inputRef]);\n\n    const regexp = /^-?[0-9]+[,.]?[0-9]*$/;\n\n    // A bare input, not a `TextField`: the cell frames it, and a field's box\n    // is taller than a row's line, so the value jumped as the cell was\n    // selected. The number at rest is a line of mono, tabular figures in the\n    // cell's type; this is that same line, so selecting the cell moves nothing.\n    return (\n        <input\n            ref={inputRef}\n            disabled={disabled}\n            className={cls(\"w-full p-0 m-0 bg-transparent border-none outline-none font-mono tabular-nums\", focusedDisabled)}\n            style={{ textAlign: align }}\n            value={internalValue ?? \"\"}\n            onChange={(evt) => {\n                const newValue = evt.target.value.replace(\",\", \".\");\n                if (newValue.length === 0) setInternalValue(null);\n                if (regexp.test(newValue) || newValue.startsWith(\"-\")) setInternalValue(newValue);\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,wBAAwB,OAOrC;CACC,MAAM,EAAE,QAAQ,QAAQ,OAAO,aAAa,SAAS,aAAa;CAElE,MAAM,kBAAkB,OAAO,UAAU,WAAW,MAAM,SAAS,IAAI;CACvE,MAAM,CAAC,eAAe,oBAAoB,SAAwB,eAAe;CACjF,MAAM,YAAY,OAAsB,KAAK;CAE7C,gBAAgB;EACZ,IAAI,UAAU,YAAY,SAAS,OAAO,KAAK,MAAM,eACjD,iBAAiB,UAAU,KAAA,KAAa,UAAU,OAAO,MAAM,SAAS,IAAI,IAAI;EACpF,UAAU,UAAU;CACxB,GAAG,CAAC,KAAK,CAAC;CAcV,qBAAqB,eAZJ,MAAM,kBAAkB;EACrC,IAAI,kBAAkB,iBAClB,IAAI,kBAAkB,KAAA,KAAa,kBAAkB,MAAM;GACvD,MAAM,cAAc,WAAW,aAAa;GAC5C,IAAI,MAAM,WAAW,GAAG;GACxB,YAAY,WAAW;EAC3B,OACI,YAAY,IAAI;CAG5B,GAAG,CAAC,eAAe,KAAK,CAEY,GAAU,CAAC,SAAS,GAAG;CAE3D,gBAAgB;EACZ,IAAI,CAAC,WAAW,oBAAoB,eAChC,iBAAiB,UAAU,KAAA,KAAa,UAAU,OAAO,MAAM,SAAS,IAAI,IAAI;CACxF,GAAG,CAAC,OAAO,OAAO,CAAC;CAEnB,MAAM,WAAW,MAAM,OAAyB,IAAI;CAEpD,gBAAgB;EACZ,IAAI,SAAS,WAAW,SACpB,SAAS,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAEtD,GAAG,CAAC,SAAS,QAAQ,CAAC;CAEtB,MAAM,SAAS;CAMf,OACI,oBAAC,SAAD;EACI,KAAK;EACK;EACV,WAAW,IAAI,iFAAiF,eAAe;EAC/G,OAAO,EAAE,WAAW,MAAM;EAC1B,OAAO,iBAAiB;EACxB,WAAW,QAAQ;GACf,MAAM,WAAW,IAAI,OAAO,MAAM,QAAQ,KAAK,GAAG;GAClD,IAAI,SAAS,WAAW,GAAG,iBAAiB,IAAI;GAChD,IAAI,OAAO,KAAK,QAAQ,KAAK,SAAS,WAAW,GAAG,GAAG,iBAAiB,QAAQ;EACpF;CACH,CAAA;AAET"}

package/dist/components/VirtualTable/fields/VirtualTableSelect.es.js

@@ -0,0 +1,83 @@
+import { Chip } from "../../Chip.es.js";
+import { MultiSelect, MultiSelectItem } from "../../MultiSelect.es.js";
+import { Select, SelectItem } from "../../Select.es.js";
+import { useCallback, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VirtualTable/fields/VirtualTableSelect.tsx
+function VirtualTableSelect(props) {
+	const { options, value, disabled, small = false, focused, updateValue, multiple = false } = props;
+	const validValue = Array.isArray(value) && multiple || !Array.isArray(value) && !multiple;
+	const ref = useRef(null);
+	useEffect(() => {
+		if (ref.current && focused) ref.current?.focus({ preventScroll: true });
+	}, [focused, ref]);
+	const onChange = useCallback((updatedValue) => {
+		if (multiple) {
+			const isNumber = options.some((o) => typeof o.value === "number");
+			const newValue = updatedValue.map((v) => {
+				return typeof options.find((o) => String(o.value) === v)?.value === "number" ? parseFloat(v) : v;
+			});
+			if (isNumber) updateValue(newValue);
+			else updateValue(newValue);
+		} else {
+			const opt = options.find((o) => String(o.value) === updatedValue);
+			updateValue(typeof opt?.value === "number" ? parseFloat(updatedValue) : updatedValue || null);
+		}
+	}, [
+		multiple,
+		updateValue,
+		options
+	]);
+	const renderValue = (val) => {
+		const option = options.find((o) => o.value === val);
+		return /* @__PURE__ */ jsx(Chip, {
+			size: small ? "small" : "medium",
+			children: option ? option.label : String(val)
+		});
+	};
+	const handleOpenChange = useCallback((open) => {
+		if (!open && ref.current) setTimeout(() => {
+			ref.current?.focus({ preventScroll: true });
+		}, 0);
+	}, []);
+	return multiple ? /* @__PURE__ */ jsx(MultiSelect, {
+		inputRef: ref,
+		className: "w-full h-full p-0 bg-transparent outline-none",
+		disabled,
+		includeClear: false,
+		useChips: false,
+		value: validValue ? value.map((v) => String(v)) : [],
+		onValueChange: onChange,
+		onOpenChange: handleOpenChange,
+		children: options.map((opt) => /* @__PURE__ */ jsx(MultiSelectItem, {
+			value: String(opt.value),
+			children: /* @__PURE__ */ jsx(Chip, {
+				size: small ? "small" : "medium",
+				children: opt.label
+			})
+		}, String(opt.value)))
+	}) : /* @__PURE__ */ jsx(Select, {
+		inputRef: ref,
+		fullWidth: true,
+		className: "w-full h-full p-0 bg-transparent outline-none [&_button]:ring-0 [&_button]:ring-offset-0",
+		inputClassName: "ring-0 ring-offset-0 focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-offset-0",
+		position: "item-aligned",
+		disabled,
+		padding: false,
+		value: validValue ? String(value) : "",
+		onValueChange: onChange,
+		onOpenChange: handleOpenChange,
+		renderValue,
+		children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
+			value: String(opt.value),
+			children: /* @__PURE__ */ jsx(Chip, {
+				size: small ? "small" : "medium",
+				children: opt.label
+			})
+		}, String(opt.value)))
+	});
+}
+//#endregion
+export { VirtualTableSelect };
+
+//# sourceMappingURL=VirtualTableSelect.es.js.map

package/dist/components/VirtualTable/fields/VirtualTableSelect.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableSelect.es.js","names":[],"sources":["../../../../src/components/VirtualTable/fields/VirtualTableSelect.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Select, SelectItem } from \"../../Select\";\nimport { MultiSelect, MultiSelectItem } from \"../../MultiSelect\";\nimport { Chip } from \"../../Chip\";\n\nexport interface VirtualTableSelectOption {\n    value: string | number;\n    label: string;\n    color?: string;\n}\n\nexport function VirtualTableSelect(props: {\n    options: VirtualTableSelectOption[];\n    error?: Error;\n    multiple?: boolean;\n    disabled: boolean;\n    small?: boolean;\n    value: string | number | string[] | number[] | undefined;\n    updateValue: (newValue: (string | number | string[] | number[] | null)) => void;\n    focused: boolean;\n    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n}) {\n    const { options, value, disabled, small = false, focused, updateValue, multiple = false } = props;\n    const validValue = (Array.isArray(value) && multiple) || (!Array.isArray(value) && !multiple);\n    const ref = useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n        if (ref.current && focused) {\n            ref.current?.focus({ preventScroll: true });\n        }\n    }, [focused, ref]);\n\n    const onChange = useCallback((updatedValue: string | string[]) => {\n        if (multiple) {\n            const isNumber = options.some(o => typeof o.value === \"number\");\n            const newValue = (updatedValue as string[]).map((v) => {\n                const opt = options.find(o => String(o.value) === v);\n                return typeof opt?.value === \"number\" ? parseFloat(v) : v;\n            });\n            if (isNumber) {\n                updateValue(newValue as number[]);\n            } else {\n                updateValue(newValue as string[]);\n            }\n        } else {\n            const opt = options.find(o => String(o.value) === updatedValue);\n            updateValue(typeof opt?.value === \"number\" ? parseFloat(updatedValue as string) : (updatedValue as string || null));\n        }\n    }, [multiple, updateValue, options]);\n\n    const renderValue = (val?: string | number) => {\n        const option = options.find(o => o.value === val);\n        return (\n            <Chip size={small ? \"small\" : \"medium\"}>\n                {option ? option.label : String(val)}\n            </Chip>\n        );\n    };\n\n    const handleOpenChange = useCallback((open: boolean) => {\n        if (!open && ref.current) {\n            setTimeout(() => {\n                ref.current?.focus({ preventScroll: true });\n            }, 0);\n        }\n    }, []);\n\n    return multiple ? (\n        <MultiSelect\n            inputRef={ref}\n            className=\"w-full h-full p-0 bg-transparent outline-none\"\n            disabled={disabled}\n            includeClear={false}\n            useChips={false}\n            value={validValue ? (value as (string | number)[]).map(v => String(v)) : []}\n            onValueChange={onChange}\n            onOpenChange={handleOpenChange}\n        >\n            {options.map((opt) => (\n                <MultiSelectItem key={String(opt.value)} value={String(opt.value)}>\n                    <Chip size={small ? \"small\" : \"medium\"}>{opt.label}</Chip>\n                </MultiSelectItem>\n            ))}\n        </MultiSelect>\n    ) : (\n        <Select\n            inputRef={ref}\n            fullWidth\n            className=\"w-full h-full p-0 bg-transparent outline-none [&_button]:ring-0 [&_button]:ring-offset-0\"\n            inputClassName=\"ring-0 ring-offset-0 focus:ring-0 focus-visible:ring-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-offset-0\"\n            position={\"item-aligned\"}\n            disabled={disabled}\n            padding={false}\n            value={validValue ? String(value) : \"\"}\n            onValueChange={onChange}\n            onOpenChange={handleOpenChange}\n            renderValue={renderValue}\n        >\n            {options.map((opt) => (\n                <SelectItem key={String(opt.value)} value={String(opt.value)}>\n                    <Chip size={small ? \"small\" : \"medium\"}>{opt.label}</Chip>\n                </SelectItem>\n            ))}\n        </Select>\n    );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,mBAAmB,OAUhC;CACC,MAAM,EAAE,SAAS,OAAO,UAAU,QAAQ,OAAO,SAAS,aAAa,WAAW,UAAU;CAC5F,MAAM,aAAc,MAAM,QAAQ,KAAK,KAAK,YAAc,CAAC,MAAM,QAAQ,KAAK,KAAK,CAAC;CACpF,MAAM,MAAM,OAA0B,IAAI;CAE1C,gBAAgB;EACZ,IAAI,IAAI,WAAW,SACf,IAAI,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC;CAElD,GAAG,CAAC,SAAS,GAAG,CAAC;CAEjB,MAAM,WAAW,aAAa,iBAAoC;EAC9D,IAAI,UAAU;GACV,MAAM,WAAW,QAAQ,MAAK,MAAK,OAAO,EAAE,UAAU,QAAQ;GAC9D,MAAM,WAAY,aAA0B,KAAK,MAAM;IAEnD,OAAO,OADK,QAAQ,MAAK,MAAK,OAAO,EAAE,KAAK,MAAM,CACpC,CAAA,EAAK,UAAU,WAAW,WAAW,CAAC,IAAI;GAC5D,CAAC;GACD,IAAI,UACA,YAAY,QAAoB;QAEhC,YAAY,QAAoB;EAExC,OAAO;GACH,MAAM,MAAM,QAAQ,MAAK,MAAK,OAAO,EAAE,KAAK,MAAM,YAAY;GAC9D,YAAY,OAAO,KAAK,UAAU,WAAW,WAAW,YAAsB,IAAK,gBAA0B,IAAK;EACtH;CACJ,GAAG;EAAC;EAAU;EAAa;CAAO,CAAC;CAEnC,MAAM,eAAe,QAA0B;EAC3C,MAAM,SAAS,QAAQ,MAAK,MAAK,EAAE,UAAU,GAAG;EAChD,OACI,oBAAC,MAAD;GAAM,MAAM,QAAQ,UAAU;aACzB,SAAS,OAAO,QAAQ,OAAO,GAAG;EACjC,CAAA;CAEd;CAEA,MAAM,mBAAmB,aAAa,SAAkB;EACpD,IAAI,CAAC,QAAQ,IAAI,SACb,iBAAiB;GACb,IAAI,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC;EAC9C,GAAG,CAAC;CAEZ,GAAG,CAAC,CAAC;CAEL,OAAO,WACH,oBAAC,aAAD;EACI,UAAU;EACV,WAAU;EACA;EACV,cAAc;EACd,UAAU;EACV,OAAO,aAAc,MAA8B,KAAI,MAAK,OAAO,CAAC,CAAC,IAAI,CAAC;EAC1E,eAAe;EACf,cAAc;YAEb,QAAQ,KAAK,QACV,oBAAC,iBAAD;GAAyC,OAAO,OAAO,IAAI,KAAK;aAC5D,oBAAC,MAAD;IAAM,MAAM,QAAQ,UAAU;cAAW,IAAI;GAAY,CAAA;EAC5C,GAFK,OAAO,IAAI,KAAK,CAErB,CACpB;CACQ,CAAA,IAEb,oBAAC,QAAD;EACI,UAAU;EACV,WAAA;EACA,WAAU;EACV,gBAAe;EACf,UAAU;EACA;EACV,SAAS;EACT,OAAO,aAAa,OAAO,KAAK,IAAI;EACpC,eAAe;EACf,cAAc;EACD;YAEZ,QAAQ,KAAK,QACV,oBAAC,YAAD;GAAoC,OAAO,OAAO,IAAI,KAAK;aACvD,oBAAC,MAAD;IAAM,MAAM,QAAQ,UAAU;cAAW,IAAI;GAAY,CAAA;EACjD,GAFK,OAAO,IAAI,KAAK,CAErB,CACf;CACG,CAAA;AAEhB"}

package/dist/components/VirtualTable/fields/VirtualTableSwitch.es.js

@@ -0,0 +1,22 @@
+import { BooleanSwitch } from "../../BooleanSwitch.es.js";
+import React, { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VirtualTable/fields/VirtualTableSwitch.tsx
+function VirtualTableSwitch(props) {
+	const { internalValue, updateValue, focused, disabled } = props;
+	const ref = React.useRef(null);
+	useEffect(() => {
+		if (ref.current && focused) ref.current.focus({ preventScroll: true });
+	}, [focused, ref]);
+	return /* @__PURE__ */ jsx(BooleanSwitch, {
+		ref,
+		size: "small",
+		value: Boolean(internalValue),
+		disabled,
+		onValueChange: updateValue
+	});
+}
+//#endregion
+export { VirtualTableSwitch };
+
+//# sourceMappingURL=VirtualTableSwitch.es.js.map

package/dist/components/VirtualTable/fields/VirtualTableSwitch.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableSwitch.es.js","names":[],"sources":["../../../../src/components/VirtualTable/fields/VirtualTableSwitch.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { BooleanSwitch } from \"../../BooleanSwitch\";\n\nexport function VirtualTableSwitch(props: {\n    error?: Error;\n    internalValue?: boolean;\n    focused: boolean;\n    disabled: boolean;\n    updateValue: (newValue: (boolean | null)) => void;\n}) {\n    const { internalValue, updateValue, focused, disabled } = props;\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    useEffect(() => {\n        if (ref.current && focused) {\n            ref.current.focus({ preventScroll: true });\n        }\n    }, [focused, ref]);\n\n    return (\n        <BooleanSwitch\n            ref={ref}\n            size={\"small\"}\n            value={Boolean(internalValue)}\n            disabled={disabled}\n            onValueChange={updateValue}\n        />\n    );\n}\n"],"mappings":";;;;AAGA,SAAgB,mBAAmB,OAMhC;CACC,MAAM,EAAE,eAAe,aAAa,SAAS,aAAa;CAC1D,MAAM,MAAM,MAAM,OAA0B,IAAI;CAEhD,gBAAgB;EACZ,IAAI,IAAI,WAAW,SACf,IAAI,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CAEjD,GAAG,CAAC,SAAS,GAAG,CAAC;CAEjB,OACI,oBAAC,eAAD;EACS;EACL,MAAM;EACN,OAAO,QAAQ,aAAa;EAClB;EACV,eAAe;CAClB,CAAA;AAET"}

package/dist/components/VirtualTable/selection/SelectionContext.es.js

@@ -0,0 +1,23 @@
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/VirtualTable/selection/SelectionContext.tsx
+var SelectionContext = createContext(null);
+var VirtualTableSelectionProvider = ({ store, children }) => {
+	const value = React.useMemo(() => ({
+		selectionStore: store,
+		select: store.select
+	}), [store]);
+	return /* @__PURE__ */ jsx(SelectionContext.Provider, {
+		value,
+		children
+	});
+};
+var useVirtualTableSelection = () => {
+	const context = useContext(SelectionContext);
+	if (!context) throw new Error("useVirtualTableSelection must be used within a VirtualTableSelectionProvider");
+	return context;
+};
+//#endregion
+export { VirtualTableSelectionProvider, useVirtualTableSelection };
+
+//# sourceMappingURL=SelectionContext.es.js.map

package/dist/components/VirtualTable/selection/SelectionContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionContext.es.js","names":[],"sources":["../../../../src/components/VirtualTable/selection/SelectionContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { VirtualTableSelectionStore, SelectedCell } from \"./SelectionStore\";\n\nexport interface VirtualTableSelectionContextProps<T extends SelectedCell = SelectedCell> {\n    selectionStore: VirtualTableSelectionStore<T>;\n    select: (cell: T | undefined) => void;\n}\n\nconst SelectionContext = createContext<VirtualTableSelectionContextProps<any> | null>(null);\n\nexport const VirtualTableSelectionProvider = <T extends SelectedCell = SelectedCell>({\n    store,\n    children\n}: {\n    store: VirtualTableSelectionStore<T>;\n    children: React.ReactNode;\n}) => {\n    const value = React.useMemo(() => ({\n        selectionStore: store,\n        select: store.select\n    }), [store]);\n\n    return (\n        <SelectionContext.Provider value={value}>\n            {children}\n        </SelectionContext.Provider>\n    );\n};\n\nexport const useVirtualTableSelection = <T extends SelectedCell = SelectedCell>() => {\n    const context = useContext(SelectionContext);\n    if (!context) {\n        throw new Error(\"useVirtualTableSelection must be used within a VirtualTableSelectionProvider\");\n    }\n    return context as VirtualTableSelectionContextProps<T>;\n};\n"],"mappings":";;;AAQA,IAAM,mBAAmB,cAA6D,IAAI;AAE1F,IAAa,iCAAwE,EACjF,OACA,eAIE;CACF,MAAM,QAAQ,MAAM,eAAe;EAC/B,gBAAgB;EAChB,QAAQ,MAAM;CAClB,IAAI,CAAC,KAAK,CAAC;CAEX,OACI,oBAAC,iBAAiB,UAAlB;EAAkC;EAC7B;CACsB,CAAA;AAEnC;AAEA,IAAa,iCAAwE;CACjF,MAAM,UAAU,WAAW,gBAAgB;CAC3C,IAAI,CAAC,SACD,MAAM,IAAI,MAAM,8EAA8E;CAElG,OAAO;AACX"}

package/dist/components/VirtualTable/selection/SelectionStore.es.js

@@ -0,0 +1,43 @@
+import { useCallback, useRef, useSyncExternalStore } from "react";
+//#region src/components/VirtualTable/selection/SelectionStore.ts
+function createVirtualTableSelectionStore() {
+	let selectedCell = void 0;
+	const listeners = /* @__PURE__ */ new Set();
+	function getEntity() {
+		return selectedCell;
+	}
+	function subscribe(listener) {
+		listeners.add(listener);
+		return () => listeners.delete(listener);
+	}
+	function select(cell) {
+		selectedCell = cell;
+		listeners.forEach((l) => l());
+	}
+	return {
+		getEntity,
+		subscribe,
+		select
+	};
+}
+function useVirtualTableCellSelected(store, columnKey, id) {
+	const selectorRef = useRef({
+		columnKey,
+		id
+	});
+	selectorRef.current = {
+		columnKey,
+		id
+	};
+	const getEntity = useCallback(() => {
+		const cell = store.getEntity();
+		if (!cell) return false;
+		const s = selectorRef.current;
+		return cell.columnKey === s.columnKey && cell.id === s.id;
+	}, [store]);
+	return useSyncExternalStore(store.subscribe, getEntity, getEntity);
+}
+//#endregion
+export { createVirtualTableSelectionStore, useVirtualTableCellSelected };
+
+//# sourceMappingURL=SelectionStore.es.js.map

package/dist/components/VirtualTable/selection/SelectionStore.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionStore.es.js","names":[],"sources":["../../../../src/components/VirtualTable/selection/SelectionStore.ts"],"sourcesContent":["import { useSyncExternalStore, useCallback, useRef } from \"react\";\n\nexport interface SelectedCell {\n    columnKey: string;\n    id: string | number;\n    cellRect?: DOMRect;\n    width?: number;\n    height?: number;\n}\n\nexport function createVirtualTableSelectionStore<T extends SelectedCell = SelectedCell>() {\n    let selectedCell: T | undefined = undefined;\n    const listeners = new Set<() => void>();\n\n    function getEntity(): T | undefined {\n        return selectedCell;\n    }\n\n    function subscribe(listener: () => void): () => void {\n        listeners.add(listener);\n        return () => listeners.delete(listener);\n    }\n\n    function select(cell: T | undefined) {\n        selectedCell = cell;\n        listeners.forEach(l => l());\n    }\n\n    return {\n        getEntity,\n        subscribe,\n        select\n    };\n}\n\nexport type VirtualTableSelectionStore<T extends SelectedCell = SelectedCell> = ReturnType<typeof createVirtualTableSelectionStore<T>>;\n\nexport function useVirtualTableCellSelected<T extends SelectedCell = SelectedCell>(\n    store: VirtualTableSelectionStore<T>,\n    columnKey: string,\n    id: string | number\n): boolean {\n    const selectorRef = useRef({ columnKey, id });\n    selectorRef.current = { columnKey, id };\n\n    const getEntity = useCallback(() => {\n        const cell = store.getEntity();\n        if (!cell) return false;\n        const s = selectorRef.current;\n        return cell.columnKey === s.columnKey && cell.id === s.id;\n    }, [store]);\n\n    return useSyncExternalStore(store.subscribe, getEntity, getEntity);\n}\n"],"mappings":";;AAUA,SAAgB,mCAA0E;CACtF,IAAI,eAA8B,KAAA;CAClC,MAAM,4BAAY,IAAI,IAAgB;CAEtC,SAAS,YAA2B;EAChC,OAAO;CACX;CAEA,SAAS,UAAU,UAAkC;EACjD,UAAU,IAAI,QAAQ;EACtB,aAAa,UAAU,OAAO,QAAQ;CAC1C;CAEA,SAAS,OAAO,MAAqB;EACjC,eAAe;EACf,UAAU,SAAQ,MAAK,EAAE,CAAC;CAC9B;CAEA,OAAO;EACH;EACA;EACA;CACJ;AACJ;AAIA,SAAgB,4BACZ,OACA,WACA,IACO;CACP,MAAM,cAAc,OAAO;EAAE;EAAW;CAAG,CAAC;CAC5C,YAAY,UAAU;EAAE;EAAW;CAAG;CAEtC,MAAM,YAAY,kBAAkB;EAChC,MAAM,OAAO,MAAM,UAAU;EAC7B,IAAI,CAAC,MAAM,OAAO;EAClB,MAAM,IAAI,YAAY;EACtB,OAAO,KAAK,cAAc,EAAE,aAAa,KAAK,OAAO,EAAE;CAC3D,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO,qBAAqB,MAAM,WAAW,WAAW,SAAS;AACrE"}

package/dist/components/VirtualTable/types.d.ts

@@ -22,7 +22,7 @@ export type VirtualTableRowProps<T extends object> = {
     rowClassName?: (rowData: T) => string | undefined;
 };
 export type VirtualTableContextProps<T extends object> = {
-    data?: T[];
+    data?: (T | undefined)[];
     rowHeight?: number;
     headerHeight?: number;
     columns: VirtualTableColumn[];

package/dist/components/common/SelectInputLabel.es.js

@@ -0,0 +1,28 @@
+import { cls } from "../../util/cls.es.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/common/SelectInputLabel.tsx
+/**
+* The label above a Select or MultiSelect.
+*
+* It used `text-surface-accent-500` — a SURFACE scale, borrowed for type. The
+* label above a TextField has always used `text-text-secondary`, and the two are
+* the same role, so a form mixing the components showed two different label
+* colours: `#64748b` blue-grey over a Select, `#757575` neutral over a TextField.
+* Measured side by side on /debug/ui, which is where it is most obvious, because
+* the reference puts them in adjacent columns.
+*
+* The text tokens are also the tuned ones: `--color-surface-500` was moved to
+* #797979 precisely so muted type clears AA on both grounds. The slate scale
+* carries no such guarantee — it is for surfaces.
+*/
+function SelectInputLabel({ children, error }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cls("text-sm font-medium ml-3.5 mb-1", error ? "text-red-600 dark:text-red-500" : "text-text-secondary dark:text-text-secondary-dark"),
+		children
+	});
+}
+//#endregion
+export { SelectInputLabel };
+
+//# sourceMappingURL=SelectInputLabel.es.js.map

package/dist/components/common/SelectInputLabel.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputLabel.es.js","names":[],"sources":["../../../src/components/common/SelectInputLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { cls } from \"../../util\";\n\n/**\n * The label above a Select or MultiSelect.\n *\n * It used `text-surface-accent-500` — a SURFACE scale, borrowed for type. The\n * label above a TextField has always used `text-text-secondary`, and the two are\n * the same role, so a form mixing the components showed two different label\n * colours: `#64748b` blue-grey over a Select, `#757575` neutral over a TextField.\n * Measured side by side on /debug/ui, which is where it is most obvious, because\n * the reference puts them in adjacent columns.\n *\n * The text tokens are also the tuned ones: `--color-surface-500` was moved to\n * #797979 precisely so muted type clears AA on both grounds. The slate scale\n * carries no such guarantee — it is for surfaces.\n */\nexport function SelectInputLabel({ children, error }: { children: React.ReactNode, error?: boolean }) {\n    return <div className={cls(\"text-sm font-medium ml-3.5 mb-1\",\n        error ? \"text-red-600 dark:text-red-500\" : \"text-text-secondary dark:text-text-secondary-dark\")}>\n        {children}\n    </div>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,SAAgB,iBAAiB,EAAE,UAAU,SAAyD;CAClG,OAAO,oBAAC,OAAD;EAAK,WAAW,IAAI,mCACvB,QAAQ,mCAAmC,mDAAmD;EAC7F;CACA,CAAA;AACT"}

package/dist/components/index.es.js

@@ -0,0 +1,64 @@
+import { Collapse } from "./Collapse.es.js";
+import { Autocomplete, AutocompleteItem, useAutoComplete } from "./Autocomplete.es.js";
+import { Alert } from "./Alert.es.js";
+import { Avatar } from "./Avatar.es.js";
+import { BooleanSwitch } from "./BooleanSwitch.es.js";
+import { BooleanSwitchWithLabel } from "./BooleanSwitchWithLabel.es.js";
+import { Button } from "./Button.es.js";
+import { Card } from "./Card.es.js";
+import { Container } from "./Container.es.js";
+import { CenteredView } from "./CenteredView.es.js";
+import { CircularProgress } from "./CircularProgress.es.js";
+import { Typography } from "./Typography.es.js";
+import { CircularProgressCenter } from "./CircularProgressCenter.es.js";
+import { ErrorBoundary } from "./ErrorBoundary.es.js";
+import { Checkbox } from "./Checkbox.es.js";
+import { Chip } from "./Chip.es.js";
+import { IconButton } from "./IconButton.es.js";
+import { Tooltip, TooltipProvider } from "./Tooltip.es.js";
+import { ColorPicker } from "./ColorPicker.es.js";
+import { InputLabel } from "./InputLabel.es.js";
+import { DateTimeField } from "./DateTimeField.es.js";
+import { Dialog } from "./Dialog.es.js";
+import { DialogActions } from "./DialogActions.es.js";
+import { DialogContent } from "./DialogContent.es.js";
+import { DialogTitle } from "./DialogTitle.es.js";
+import { ExpandablePanel } from "./ExpandablePanel.es.js";
+import { FileUpload } from "./FileUpload.es.js";
+import { FilterChip } from "./FilterChip.es.js";
+import { InfoLabel } from "./InfoLabel.es.js";
+import { Label } from "./Label.es.js";
+import { LoadingButton } from "./LoadingButton.es.js";
+import { Markdown } from "./Markdown.es.js";
+import { Menu, MenuItem } from "./Menu.es.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarItemIndicator, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarSubTriggerIndicator, MenubarTrigger } from "./Menubar.es.js";
+import { Separator } from "./Separator.es.js";
+import { MultiSelect, MultiSelectContext, MultiSelectItem } from "./MultiSelect.es.js";
+import { Paper } from "./Paper.es.js";
+import { RadioGroup, RadioGroupItem } from "./RadioGroup.es.js";
+import { ResizablePanels } from "./ResizablePanels.es.js";
+import { SearchBar } from "./SearchBar.es.js";
+import { Select, SelectGroup, SelectItem } from "./Select.es.js";
+import { Slider } from "./Slider.es.js";
+import { Sheet } from "./Sheet.es.js";
+import { TextareaAutosize } from "./TextareaAutosize.es.js";
+import { TextField } from "./TextField.es.js";
+import { Tab, Tabs } from "./Tabs.es.js";
+import { Table, TableBody, TableCell, TableHeader, TableRow } from "./Table.es.js";
+import { Popover } from "./Popover.es.js";
+import { Badge } from "./Badge.es.js";
+import { DebouncedTextField } from "./DebouncedTextField.es.js";
+import { Skeleton } from "./Skeleton.es.js";
+import { ToggleButtonGroup } from "./ToggleButtonGroup.es.js";
+import { VirtualTable } from "./VirtualTable/VirtualTable.es.js";
+import { createVirtualTableSelectionStore, useVirtualTableCellSelected } from "./VirtualTable/selection/SelectionStore.es.js";
+import { VirtualTableSelectionProvider, useVirtualTableSelection } from "./VirtualTable/selection/SelectionContext.es.js";
+import { VirtualTableInput } from "./VirtualTable/fields/VirtualTableInput.es.js";
+import { VirtualTableNumberInput } from "./VirtualTable/fields/VirtualTableNumberInput.es.js";
+import { VirtualTableSwitch } from "./VirtualTable/fields/VirtualTableSwitch.es.js";
+import { VirtualTableDateField } from "./VirtualTable/fields/VirtualTableDateField.es.js";
+import { VirtualTableSelect } from "./VirtualTable/fields/VirtualTableSelect.es.js";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as Portal from "@radix-ui/react-portal";
+import { Slot } from "@radix-ui/react-slot";
+export { Alert, Autocomplete, AutocompleteItem, Avatar, Badge, BooleanSwitch, BooleanSwitchWithLabel, Button, Card, CenteredView, Checkbox, Chip, CircularProgress, CircularProgressCenter, Collapse, ColorPicker, Container, DateTimeField, DebouncedTextField, Dialog, DialogActions, DialogContent, DialogTitle, ErrorBoundary, ExpandablePanel, FileUpload, FilterChip, IconButton, InfoLabel, InputLabel, Label, LoadingButton, Markdown, Menu, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarItemIndicator, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarSubTriggerIndicator, MenubarTrigger, MultiSelect, MultiSelectContext, MultiSelectItem, Paper, Popover, PopoverPrimitive, Portal, RadioGroup, RadioGroupItem, ResizablePanels, SearchBar, Select, SelectGroup, SelectItem, Separator, Sheet, Skeleton, Slider, Slot, Tab, Table, TableBody, TableCell, TableHeader, TableRow, Tabs, TextField, TextareaAutosize, ToggleButtonGroup, Tooltip, TooltipProvider, Typography, VirtualTable, VirtualTableDateField, VirtualTableInput, VirtualTableNumberInput, VirtualTableSelect, VirtualTableSelectionProvider, VirtualTableSwitch, createVirtualTableSelectionStore, useAutoComplete, useVirtualTableCellSelected, useVirtualTableSelection };

package/dist/hooks/PortalContainerContext.es.js

@@ -0,0 +1,40 @@
+"use client";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/hooks/PortalContainerContext.tsx
+var PortalContainerContext = createContext(void 0);
+/**
+* Provider component that sets the portal container for all descendants.
+* This can be used at any level of the tree to specify where portals should be attached.
+*
+* @example
+* ```tsx
+* const containerRef = useRef<HTMLDivElement>(null);
+*
+* <div ref={containerRef}>
+*   <PortalContainerProvider container={containerRef.current}>
+*     <YourComponents />
+*   </PortalContainerProvider>
+* </div>
+* ```
+*/
+function PortalContainerProvider({ container, children }) {
+	const contextValue = useMemo(() => ({ container }), [container]);
+	return /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+/**
+* Hook to access the portal container from context.
+* Returns null if no provider is found in the tree.
+*
+* @returns The portal container element or null
+*/
+function usePortalContainer() {
+	return useContext(PortalContainerContext)?.container ?? null;
+}
+//#endregion
+export { PortalContainerProvider, usePortalContainer };
+
+//# sourceMappingURL=PortalContainerContext.es.js.map

package/dist/hooks/PortalContainerContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalContainerContext.es.js","names":[],"sources":["../../src/hooks/PortalContainerContext.tsx"],"sourcesContent":["\"use client\";\nimport React, { createContext, useContext, useMemo } from \"react\";\n\nexport interface PortalContainerContextType {\n    container: HTMLElement | null;\n}\n\nconst PortalContainerContext = createContext<PortalContainerContextType | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n    container: HTMLElement | null;\n    children: React.ReactNode;\n}\n\n/**\n * Provider component that sets the portal container for all descendants.\n * This can be used at any level of the tree to specify where portals should be attached.\n *\n * @example\n * ```tsx\n * const containerRef = useRef<HTMLDivElement>(null);\n *\n * <div ref={containerRef}>\n *   <PortalContainerProvider container={containerRef.current}>\n *     <YourComponents />\n *   </PortalContainerProvider>\n * </div>\n * ```\n */\nexport function PortalContainerProvider({ container, children }: PortalContainerProviderProps) {\n    const contextValue = useMemo(() => ({ container }), [container]);\n\n    return (\n        <PortalContainerContext.Provider value={contextValue}>\n            {children}\n        </PortalContainerContext.Provider>\n    );\n}\n\n/**\n * Hook to access the portal container from context.\n * Returns null if no provider is found in the tree.\n *\n * @returns The portal container element or null\n */\nexport function usePortalContainer(): HTMLElement | null {\n    const context = useContext(PortalContainerContext);\n    return context?.container ?? null;\n}\n\n"],"mappings":";;;;AAOA,IAAM,yBAAyB,cAAsD,KAAA,CAAS;;;;;;;;;;;;;;;;AAsB9F,SAAgB,wBAAwB,EAAE,WAAW,YAA0C;CAC3F,MAAM,eAAe,eAAe,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC;CAE/D,OACI,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;EACnC;CAC4B,CAAA;AAEzC;;;;;;;AAQA,SAAgB,qBAAyC;CAErD,OADgB,WAAW,sBACpB,CAAA,EAAS,aAAa;AACjC"}

package/dist/hooks/UiLabelsContext.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+/**
+ * The words the kit itself puts on screen: the list and card views' notices,
+ * the table's error title, the search bar's names, and the relative-time
+ * phrases of `formatRelativeTime` (`@rebasepro/utils`).
+ *
+ * A label that carries a value is a function of it, so a translation can
+ * choose its own plural form.
+ */
+export interface UiLabels {
+    /** A list or card view that could not load its first page: "Error loading data: <message>". */
+    errorLoadingData: (message: string) => string;
+    /** A list or card view with no rows. */
+    noEntriesFound: string;
+    /** Under the last row of a list or card view: "All <count> entries loaded". */
+    allEntriesLoaded: (count: number) => string;
+    /** The title of a table that could not load its rows. */
+    error: string;
+    /** The search bar's name, and its placeholder when none is given. */
+    search: string;
+    /** The search bar's clear button. */
+    clearSearch: string;
+    /** A row's or card's selection checkbox in the collection views. */
+    select: string;
+    /** The button that opens a time-of-day field's picker (`DateTimeField mode="time"`). */
+    openTimePicker: string;
+    /** The phrases `formatRelativeTime` (`@rebasepro/utils`) takes as `labels`. */
+    relativeTime: UiRelativeTimeLabels;
+}
+/** Relative-time phrases, as `formatRelativeTime`'s `labels` option takes them. */
+export interface UiRelativeTimeLabels {
+    justNow: string;
+    inAMoment: string;
+    minutesAgo: (count: number) => string;
+    inMinutes: (count: number) => string;
+    hoursAgo: (count: number) => string;
+    inHours: (count: number) => string;
+    daysAgo: (count: number) => string;
+    inDays: (count: number) => string;
+}
+/** The English labels: exactly the strings the kit rendered before it took any. */
+export declare const defaultUiLabels: UiLabels;
+export interface UiLabelsProviderProps {
+    /** The labels to use; any left out keep their English default. */
+    labels: Partial<Omit<UiLabels, "relativeTime">> & {
+        relativeTime?: Partial<UiRelativeTimeLabels>;
+    };
+    children: React.ReactNode;
+}
+/**
+ * Gives the kit's own words in another language. `@rebasepro/app` mounts one
+ * filled from its translations; without a provider the kit speaks English.
+ *
+ * @example
+ * ```tsx
+ * <UiLabelsProvider labels={{ noEntriesFound: "Nessun elemento" }}>
+ *   <ListView …/>
+ * </UiLabelsProvider>
+ * ```
+ */
+export declare function UiLabelsProvider({ labels, children }: UiLabelsProviderProps): React.JSX.Element;
+/** The labels in effect: the nearest {@link UiLabelsProvider}'s, or English. */
+export declare function useUiLabels(): UiLabels;