@datum-cloud/datum-ui 1.2.0 → 1.3.0

package/dist/code-editor/index.mjs

@@ -1,2 +1,2 @@
-import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-CMn5DR7E.mjs";
+import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-B7jxIH5I.mjs";
 export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };

package/dist/components/features/stepper/stepper.d.ts

@@ -9,9 +9,11 @@ declare namespace Stepper {
         labelOrientation?: StepperLabelOrientation;
         tracking?: boolean;
     }
-    type DefineProps<Steps extends Stepperize.Step[]> = Omit<Stepperize.StepperReturn<Steps>, 'Scoped'> & {
+    interface DefineProps<Steps extends Stepperize.Step[]> {
+        steps: Steps;
+        useStepper: (options?: Stepperize.UseStepperOptions<Steps>) => Stepperize.Stepper<Steps>;
         Stepper: {
-            Provider: (props: Omit<Stepperize.ScopedProps<Steps>, 'children'> & Omit<React.ComponentProps<'div'>, 'children'> & Stepper.ConfigProps & {
+            Provider: (props: Omit<Stepperize.ProviderProps<Steps>, 'children'> & Omit<React.ComponentProps<'div'>, 'children'> & Stepper.ConfigProps & {
                 children: React.ReactNode | ((props: {
                     methods: Stepperize.Stepper<Steps>;
                 }) => React.ReactNode);
@@ -27,7 +29,7 @@ declare namespace Stepper {
             Panel: (props: AsChildProps<'div'>) => React.ReactElement;
             Controls: (props: AsChildProps<'div'>) => React.ReactElement;
         };
-    };
+    }
     interface CircleStepIndicatorProps {
         currentStep: number;
         totalSteps: number;

package/dist/components/features/stepper/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/features/stepper/stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAA;AAE/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0C9B,iBAAS,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAuNzG;AAgMD,kBAAU,OAAO,CAAC;IAChB,KAAY,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;IACjE,KAAY,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAA;IAE/D,UAAiB,WAAW;QAC1B,OAAO,CAAC,EAAE,cAAc,CAAA;QACxB,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;QAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB;IAED,KAAY,WAAW,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE,IAAI,IAAI,CAC7D,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAC/B,QAAQ,CACT,GAAG;QACF,OAAO,EAAE;YACP,QAAQ,EAAE,CACR,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAC7C,OAAO,CAAC,WAAW,GAAG;gBACtB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;oBAAE,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;iBAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;aACzE,KACA,KAAK,CAAC,YAAY,CAAA;YACvB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACtE,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;gBACtC,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;gBAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;gBACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;aAClC,KACE,KAAK,CAAC,YAAY,CAAA;YACvB,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACxD,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YAC7D,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;SAC7D,CAAA;KACF,CAAA;IAED,UAAiB,wBAAwB;QACvC,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB;CACF;AAED,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/features/stepper/stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAA;AAE/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0C9B,iBAAS,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAyNzG;AAgMD,kBAAU,OAAO,CAAC;IAChB,KAAY,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;IACjE,KAAY,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAA;IAE/D,UAAiB,WAAW;QAC1B,OAAO,CAAC,EAAE,cAAc,CAAA;QACxB,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;QAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB;IAED,UAAiB,WAAW,CAAC,KAAK,SAAS,UAAU,CAAC,IAAI,EAAE;QAC1D,KAAK,EAAE,KAAK,CAAA;QACZ,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACxF,OAAO,EAAE;YACP,QAAQ,EAAE,CACR,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GACpD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAC7C,OAAO,CAAC,WAAW,GAAG;gBACtB,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;oBAAE,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;iBAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;aACzE,KACA,KAAK,CAAC,YAAY,CAAA;YACvB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACtE,IAAI,EAAE,CACJ,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;gBACtC,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAA;gBAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;gBACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;aAClC,KACE,KAAK,CAAC,YAAY,CAAA;YACvB,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACxD,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YAC7D,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;YACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;SAC7D,CAAA;KACF;IAED,UAAiB,wBAAwB;QACvC,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB;CACF;AAED,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/form/stepper/index.mjs

@@ -2,7 +2,7 @@ import { t as cn } from "../../cn-dlASUkDY.mjs";
 import { t as Button } from "../../button-B_N7A8gv.mjs";
 import { n as useFormContext, t as FormProvider } from "../../form-context-DzB2a-dw.mjs";
 import { n as useAdapter } from "../../adapter-context-h0jCVqGO.mjs";
-import { t as defineStepper } from "../../stepper-CkN6jcwU.mjs";
+import { t as defineStepper } from "../../stepper-DV9FH5Cy.mjs";
 import { CheckIcon } from "lucide-react";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -65,7 +65,7 @@ function FormStepper({ steps, children, onComplete, onStepChange, initialStep, c
 		return index >= 0 ? steps[index].id : void 0;
 	}, [initialStep, steps]);
 	const { Stepper } = stepperDef;
-	const providerProps = initialStepIndex ? { initialStep: initialStepIndex } : {};
+	const providerProps = initialStepIndex ? { defaultStep: initialStepIndex } : {};
 	return /* @__PURE__ */ jsx(Stepper.Provider, {
 		...providerProps,
 		children: /* @__PURE__ */ jsx(FormStepperContent, {
@@ -89,21 +89,21 @@ function FormStepperContent({ steps, stepperDef, children, onComplete, onStepCha
 	return /* @__PURE__ */ jsx(StepForm, {
 		steps,
 		stepper,
-		currentStepConfig: React.useMemo(() => steps.find((s) => s.id === stepper.state.current.data.id) ?? steps[0], [steps, stepper.state.current.data.id]),
+		currentStepConfig: React.useMemo(() => steps.find((s) => s.id === stepper.current.id) ?? steps[0], [steps, stepper.current.id]),
 		storedValues: React.useMemo(() => {
-			const allMetadata = steps.reduce((acc, step) => ({
+			const allData = steps.reduce((acc, step) => ({
 				...acc,
-				...stepper.metadata.get(step.id) || {}
+				...stepper.data.get(step.id) || {}
 			}), {});
 			return {
 				...defaultValues,
-				...allMetadata
+				...allData
 			};
 		}, [
 			steps,
 			stepper,
 			defaultValues,
-			stepper.state.current.data.id
+			stepper.current.id
 		]),
 		onComplete,
 		onStepChange,
@@ -112,7 +112,7 @@ function FormStepperContent({ steps, stepperDef, children, onComplete, onStepCha
 		formComponent,
 		mode,
 		children
-	}, stepper.state.current.data.id);
+	}, stepper.current.id);
 }
 function StepForm({ steps, stepper, currentStepConfig, storedValues, children, onComplete, onStepChange, className, id, formComponent: FormComp = "form", mode }) {
 	const adapter = useAdapter();
@@ -120,18 +120,18 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 	const [isSubmitted, setIsSubmitted] = React.useState(false);
 	const [submitCount, setSubmitCount] = React.useState(0);
 	const formRef = React.useRef(null);
-	const currentIndex = stepper.lookup.getIndex(stepper.state.current.data.id);
+	const currentIndex = stepper.index;
 	const handleStepSubmit = React.useCallback(async (data) => {
 		setIsSubmitted(true);
 		setSubmitCount((prev) => prev + 1);
-		stepper.metadata.set(stepper.state.current.data.id, data);
-		if (stepper.state.isLast) {
+		stepper.data.set(data);
+		if (stepper.isLast) {
 			setIsSubmitting(true);
 			try {
 				await onComplete({
 					...steps.reduce((acc, step) => ({
 						...acc,
-						...stepper.metadata.get(step.id) || {}
+						...stepper.data.get(step.id) || {}
 					}), {}),
 					...data
 				});
@@ -139,15 +139,16 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 				setIsSubmitting(false);
 			}
 		} else {
-			const nextStepId = stepper.lookup.getNext(stepper.state.current.data.id)?.id;
+			const nextStepId = steps[currentIndex + 1]?.id;
 			if (nextStepId) {
-				stepper.navigation.goTo(nextStepId);
+				stepper.goTo(nextStepId);
 				onStepChange?.(nextStepId, "next");
 			}
 		}
 	}, [
 		stepper,
 		steps,
+		currentIndex,
 		onComplete,
 		onStepChange
 	]);
@@ -164,35 +165,38 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 	}, []);
 	const prev = React.useCallback(() => {
 		const currentValues = instance.getValues();
-		if (Object.keys(currentValues).length > 0) stepper.metadata.set(stepper.state.current.data.id, currentValues);
-		const prevStepId = stepper.lookup.getPrev(stepper.state.current.data.id)?.id;
+		if (Object.keys(currentValues).length > 0) stepper.data.set(currentValues);
+		const prevStepId = steps[currentIndex - 1]?.id;
 		if (prevStepId) {
-			stepper.navigation.goTo(prevStepId);
+			stepper.goTo(prevStepId);
 			onStepChange?.(prevStepId, "prev");
 		}
 	}, [
 		instance,
 		stepper,
+		steps,
+		currentIndex,
 		onStepChange
 	]);
 	const goTo = React.useCallback((stepId) => {
-		if (stepper.lookup.getIndex(stepId) < currentIndex) {
+		if (steps.findIndex((s) => s.id === stepId) < currentIndex) {
 			const currentValues = instance.getValues();
-			if (Object.keys(currentValues).length > 0) stepper.metadata.set(stepper.state.current.data.id, currentValues);
-			stepper.navigation.goTo(stepId);
+			if (Object.keys(currentValues).length > 0) stepper.data.set(currentValues);
+			stepper.goTo(stepId);
 			onStepChange?.(stepId, "prev");
 		}
 	}, [
 		instance,
 		stepper,
+		steps,
 		currentIndex,
 		onStepChange
 	]);
-	const getStepData = React.useCallback((stepId) => stepper.metadata.get(stepId), [stepper]);
+	const getStepData = React.useCallback((stepId) => stepper.data.get(stepId), [stepper]);
 	const getAllStepData = React.useCallback(() => {
 		return steps.reduce((acc, step) => ({
 			...acc,
-			...stepper.metadata.get(step.id) || {}
+			...stepper.data.get(step.id) || {}
 		}), {});
 	}, [steps, stepper]);
 	const stepperContextValue = React.useMemo(() => ({
@@ -202,11 +206,11 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		next,
 		prev,
 		goTo,
-		isFirst: stepper.state.isFirst,
-		isLast: stepper.state.isLast,
+		isFirst: stepper.isFirst,
+		isLast: stepper.isLast,
 		getStepData,
 		getAllStepData,
-		utils: { getIndex: (stepId) => stepper.lookup.getIndex(stepId) }
+		utils: { getIndex: (stepId) => steps.findIndex((s) => s.id === stepId) }
 	}), [
 		steps,
 		currentStepConfig,
@@ -250,8 +254,8 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		next,
 		prev,
 		goTo,
-		isFirst: stepper.state.isFirst,
-		isLast: stepper.state.isLast,
+		isFirst: stepper.isFirst,
+		isLast: stepper.isLast,
 		getStepData,
 		getAllStepData
 	};

package/dist/index.mjs

@@ -48,7 +48,7 @@ import { t as Autocomplete } from "./autocomplete-Bg187x6x.mjs";
 import { n as avatarStackVariants, t as AvatarStack } from "./avatar-stack-dsUoEFWs.mjs";
 import { t as CalendarDatePicker } from "./calendar-date-picker-DAVXW7Jg.mjs";
 import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "./themes-CAmRnjUM.mjs";
-import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-CMn5DR7E.mjs";
+import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "./types-B7jxIH5I.mjs";
 import { t as toast } from "./toast-qSJgeN-g.mjs";
 import { n as Toaster, t as useToast } from "./toast-0C5jhuto.mjs";
 import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "./dropzone-ZJhq4Ec9.mjs";
@@ -67,9 +67,9 @@ import { t as MultiSelect } from "./multi-select-C9ocz07C.mjs";
 import { configureProgress, startProgress, stopProgress } from "./nprogress/index.mjs";
 import { t as PageTitle } from "./page-title-Wj1lF0BP.mjs";
 import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "./rich-text-editor-B3i5csUE.mjs";
-import { t as defineStepper } from "./stepper-CkN6jcwU.mjs";
+import { t as defineStepper } from "./stepper-DV9FH5Cy.mjs";
 import { t as TagsInput } from "./tag-input-DZJUc1hL.mjs";
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-CPiwzDqY.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "./task-queue-dropdown-BRP0lLzA.mjs";
 import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as TimeRangePicker, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "./to-api-format-tidT5mxa.mjs";
 import { t as useDebounce } from "./hooks-CwZ6hyI1.mjs";
 import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "./utils-BAytYO8b.mjs";

package/dist/stepper/index.mjs

@@ -1,2 +1,2 @@
-import { t as defineStepper } from "../stepper-CkN6jcwU.mjs";
+import { t as defineStepper } from "../stepper-DV9FH5Cy.mjs";
 export { defineStepper };

package/dist/{stepper-CkN6jcwU.mjs → stepper-DV9FH5Cy.mjs}

@@ -29,7 +29,7 @@ const classForSeparator = cva([
 	labelOrientation: { vertical: "absolute left-[calc(50%+30px)] right-[calc(-50%+20px)] top-5 block shrink-0" }
 } });
 function defineStepper(...steps) {
-	const { Scoped, useStepper, steps: stepList, Stepper: StepperizePrimitives } = Stepperize.defineStepper(...steps);
+	const { Provider: StepperizeProvider, useStepper, steps: stepList, Stepper: StepperizePrimitives } = Stepperize.defineStepper(steps);
 	const StepperContainer = ({ children, className, ...props }) => {
 		const methods = useStepper();
 		return /* @__PURE__ */ jsx("div", {
@@ -44,16 +44,16 @@ function defineStepper(...steps) {
 		useStepper,
 		Stepper: {
 			...StepperizePrimitives,
-			Provider: ({ variant = "horizontal", labelOrientation = "horizontal", tracking = false, children, className, ...props }) => {
+			Provider: ({ variant = "horizontal", labelOrientation = "horizontal", tracking = false, defaultStep, defaultData, children, className, ...props }) => {
 				return /* @__PURE__ */ jsx(StepperContext, {
 					value: {
 						variant,
 						labelOrientation,
 						tracking
 					},
-					children: /* @__PURE__ */ jsx(Scoped, {
-						initialStep: props.initialStep,
-						initialMetadata: props.initialMetadata,
+					children: /* @__PURE__ */ jsx(StepperizeProvider, {
+						defaultStep,
+						defaultData,
 						children: /* @__PURE__ */ jsx(StepperContainer, {
 							className,
 							...props,
@@ -80,11 +80,11 @@ function defineStepper(...steps) {
 				const { variant, labelOrientation } = useStepperProvider();
 				const stepper = useStepper();
 				const steps = stepList;
-				const stepIndex = stepper.lookup.getIndex(props.of);
+				const stepIndex = steps.findIndex((s) => s.id === props.of);
 				const step = steps[stepIndex];
-				const currentIndex = stepper.lookup.getIndex(stepper.state.current.data.id);
-				const isLast = stepper.lookup.getLast().id === props.of;
-				const isActive = stepper.state.current.data.id === props.of;
+				const currentIndex = stepper.index;
+				const isLast = stepIndex === steps.length - 1;
+				const isActive = stepper.current.id === props.of;
 				const dataState = getStepState(currentIndex, stepIndex);
 				const childMap = useStepChildren(children);
 				const title = childMap.get("title");
@@ -131,7 +131,7 @@ function defineStepper(...steps) {
 								"aria-posinset": stepIndex + 1,
 								"aria-setsize": steps.length,
 								"aria-selected": isActive,
-								onKeyDown: (e) => onStepKeyDown(e, stepper.lookup.getNext(props.of), stepper.lookup.getPrev(props.of)),
+								onKeyDown: (e) => onStepKeyDown(e, steps[stepIndex + 1], steps[stepIndex - 1]),
 								...props,
 								children: icon ?? stepIndex + 1
 							}),

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-CPiwzDqY.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-BRP0lLzA.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{types-CMn5DR7E.mjs → types-B7jxIH5I.mjs}

@@ -5,7 +5,7 @@ import { t as toast } from "./toast-qSJgeN-g.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Editor from "@monaco-editor/react";
-import yaml from "js-yaml";
+import { FAILSAFE_SCHEMA, dump, load } from "js-yaml";
 import { z } from "zod";
 //#region src/components/features/code-editor/code-editor.tsx
 /**
@@ -135,7 +135,7 @@ function isValidJson(jsonStr) {
 }
 function isValidYaml(yamlStr) {
 	try {
-		yaml.load(yamlStr, { schema: yaml.FAILSAFE_SCHEMA });
+		load(yamlStr, { schema: FAILSAFE_SCHEMA });
 		return true;
 	} catch {
 		return false;
@@ -151,8 +151,7 @@ function formatJson(jsonStr) {
 }
 function formatYaml(yamlStr) {
 	try {
-		const parsed = yaml.load(yamlStr, { schema: yaml.FAILSAFE_SCHEMA });
-		return yaml.dump(parsed, {
+		return dump(load(yamlStr, { schema: FAILSAFE_SCHEMA }), {
 			indent: 2,
 			lineWidth: -1,
 			noRefs: true
@@ -163,8 +162,7 @@ function formatYaml(yamlStr) {
 }
 function jsonToYaml(jsonStr) {
 	try {
-		const parsed = JSON.parse(jsonStr);
-		return yaml.dump(parsed, {
+		return dump(JSON.parse(jsonStr), {
 			indent: 2,
 			lineWidth: -1,
 			noRefs: true
@@ -175,7 +173,7 @@ function jsonToYaml(jsonStr) {
 }
 function yamlToJson(yamlStr) {
 	try {
-		const parsed = yaml.load(yamlStr, { schema: yaml.FAILSAFE_SCHEMA });
+		const parsed = load(yamlStr, { schema: FAILSAFE_SCHEMA });
 		return JSON.stringify(parsed, null, 2);
 	} catch (error) {
 		throw new Error(`Invalid YAML format: ${error instanceof Error ? error.message : String(error)}`);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -420,7 +420,7 @@
     "@tiptap/starter-kit": ">=3",
     "date-fns": ">=4.1.0",
     "date-fns-tz": ">=3",
-    "js-yaml": "^4.1.1",
+    "js-yaml": ">=4.2.0",
     "leaflet": ">=1.9",
     "leaflet-draw": ">=1",
     "leaflet.fullscreen": ">=5",
@@ -430,16 +430,16 @@
     "motion": ">=11",
     "nprogress": ">=0.2",
     "nuqs": ">=2",
-    "react": ">=19",
-    "react-day-picker": ">=9",
-    "react-dom": ">=19",
-    "react-dropzone": ">=14",
-    "react-hook-form": ">=7.55",
+    "react": ">=19.2.7",
+    "react-day-picker": ">=9.14.0",
+    "react-dom": ">=19.2.7",
+    "react-dropzone": ">=14.4.1",
+    "react-hook-form": ">=7.80.0",
     "react-leaflet": ">=5",
     "react-leaflet-markercluster": ">=5.0.0-rc.0",
-    "react-number-format": ">=5",
+    "react-number-format": ">=5.4.5",
     "recharts": ">=2",
-    "sonner": ">=2",
+    "sonner": ">=2.0.7",
     "zod": ">=4"
   },
   "peerDependenciesMeta": {
@@ -509,7 +509,9 @@
     "leaflet.markercluster": {
       "optional": true
     },
-    "lucide-react": {},
+    "lucide-react": {
+      "optional": false
+    },
     "monaco-editor": {
       "optional": true
     },
@@ -552,66 +554,65 @@
   },
   "dependencies": {
     "@dnd-kit/utilities": "^3.2.2",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@radix-ui/react-visually-hidden": "^1.2.4",
+    "@radix-ui/react-avatar": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.3.5",
+    "@radix-ui/react-collapsible": "^1.1.14",
+    "@radix-ui/react-dialog": "^1.1.17",
+    "@radix-ui/react-dropdown-menu": "^2.1.18",
+    "@radix-ui/react-hover-card": "^1.1.17",
+    "@radix-ui/react-label": "^2.1.10",
+    "@radix-ui/react-popover": "^1.1.17",
+    "@radix-ui/react-radio-group": "^1.4.1",
+    "@radix-ui/react-select": "^2.3.1",
+    "@radix-ui/react-separator": "^1.1.10",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-switch": "^1.3.1",
+    "@radix-ui/react-tabs": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.10",
+    "@radix-ui/react-visually-hidden": "^1.2.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "isomorphic-dompurify": "^3.15.0",
+    "isomorphic-dompurify": "^3.18.0",
     "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@conform-to/react": "^1.19.3",
-    "@conform-to/zod": "^1.19.3",
+    "@conform-to/react": "^1.19.4",
+    "@conform-to/zod": "^1.19.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@hookform/resolvers": "^5.4.0",
     "@monaco-editor/react": "^4.7.0",
-    "@stepperize/react": "^6.1.0",
+    "@stepperize/react": "^7.0.0",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.1",
+    "@tanstack/react-virtual": "^3.14.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@tiptap/extension-character-count": "^3.24.0",
-    "@tiptap/extension-link": "^3.24.0",
-    "@tiptap/extension-placeholder": "^3.24.0",
-    "@tiptap/extension-underline": "^3.24.0",
-    "@tiptap/react": "^3.24.0",
-    "@tiptap/starter-kit": "^3.24.0",
-    "@types/js-yaml": "^4.0.9",
+    "@tiptap/extension-character-count": "^3.27.1",
+    "@tiptap/extension-link": "^3.27.1",
+    "@tiptap/extension-placeholder": "^3.27.1",
+    "@tiptap/extension-underline": "^3.27.1",
+    "@tiptap/react": "^3.27.1",
+    "@tiptap/starter-kit": "^3.27.1",
     "@types/leaflet": "^1.9.21",
     "@types/leaflet-draw": "^1.0.13",
     "@types/leaflet.fullscreen": "^5.2.0",
     "@types/leaflet.markercluster": "^1.5.6",
     "@types/nprogress": "^0.2.3",
-    "@types/react": "^19.2.16",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "date-fns": "^4.4.0",
     "date-fns-tz": "^3.2.0",
-    "eslint": "^10.4.1",
-    "js-yaml": "^4.2.0",
+    "eslint": "^10.5.0",
+    "js-yaml": "^5.0.0",
     "jsdom": "^29.1.1",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
     "leaflet.fullscreen": "^5.3.1",
     "leaflet.markercluster": "^1.5.3",
-    "lucide-react": "^1.17.0",
+    "lucide-react": "^1.21.0",
     "monaco-editor": "^0.55.1",
     "motion": "^12.40.0",
     "nprogress": "^0.2.0",
@@ -620,18 +621,18 @@
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
     "react-dropzone": "^15.0.0",
-    "react-hook-form": "^7.77.0",
+    "react-hook-form": "^7.80.0",
     "react-leaflet": "^5.0.0",
     "react-leaflet-markercluster": "5.0.0-rc.0",
     "react-number-format": "^5.4.5",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.3.0",
-    "tsdown": "^0.22.1",
+    "tailwindcss": "^4.3.1",
+    "tsdown": "^0.22.3",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.8",
+    "vitest": "^4.1.9",
     "zod": "^4.4.3",
-    "@repo/shadcn": "0.0.0",
-    "@repo/config": "0.0.0"
+    "@repo/config": "0.0.0",
+    "@repo/shadcn": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/{task-queue-dropdown-CPiwzDqY.mjs → task-queue-dropdown-BRP0lLzA.mjs}

@@ -11,6 +11,78 @@ import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileI
 import { createContext, use, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { formatDistanceToNowStrict } from "date-fns";
+//#region src/components/features/task-queue/constants.ts
+const TASK_QUEUE_DEFAULTS = {
+	concurrency: 3,
+	errorStrategy: "continue",
+	cancelable: true,
+	retryable: true
+};
+const TASK_STORAGE_KEY = "datum-task-queue";
+//#endregion
+//#region src/components/features/task-queue/utils/index.ts
+/**
+* Check if code is running in a browser environment.
+* Used for SSR safety in storage and other browser-dependent code.
+*/
+function isBrowser() {
+	return typeof window !== "undefined" && typeof localStorage !== "undefined";
+}
+function generateTaskId() {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `task_${crypto.randomUUID()}`;
+	return `task_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+}
+/**
+* Extract an ID from an item using common patterns.
+* Checks: primitives (string/number) → obj.id → obj.name → obj.key → obj.uuid
+*/
+function extractItemId(item) {
+	if (typeof item === "string" || typeof item === "number") return String(item);
+	if (item && typeof item === "object") {
+		const obj = item;
+		if (typeof obj.id === "string" || typeof obj.id === "number") return String(obj.id);
+		if (typeof obj.name === "string") return obj.name;
+		if (typeof obj.key === "string") return obj.key;
+		if (typeof obj.uuid === "string") return obj.uuid;
+	}
+}
+/**
+* Create metadata for project-scoped tasks.
+* Use this when enqueueing tasks that operate on project resources.
+*/
+function createProjectMetadata(project, org, extra) {
+	return {
+		scope: "project",
+		projectId: project.id,
+		projectName: project.name,
+		orgId: org.id,
+		orgName: org.name,
+		...extra
+	};
+}
+/**
+* Create metadata for organization-scoped tasks.
+* Use this when enqueueing tasks that operate on org-level resources.
+*/
+function createOrgMetadata(org, extra) {
+	return {
+		scope: "org",
+		orgId: org.id,
+		orgName: org.name,
+		...extra
+	};
+}
+/**
+* Create metadata for user-scoped tasks.
+* Use this when enqueueing tasks that operate on user-level resources.
+*/
+function createUserMetadata(extra) {
+	return {
+		scope: "user",
+		...extra
+	};
+}
+//#endregion
 //#region src/components/features/task-queue/engine/executor.ts
 function createTaskContext(task, callbacks) {
 	let cancelled = false;
@@ -110,78 +182,6 @@ async function executeTask(task, callbacks) {
 	};
 }
 //#endregion
-//#region src/components/features/task-queue/constants.ts
-const TASK_QUEUE_DEFAULTS = {
-	concurrency: 3,
-	errorStrategy: "continue",
-	cancelable: true,
-	retryable: true
-};
-const TASK_STORAGE_KEY = "datum-task-queue";
-//#endregion
-//#region src/components/features/task-queue/utils/index.ts
-/**
-* Check if code is running in a browser environment.
-* Used for SSR safety in storage and other browser-dependent code.
-*/
-function isBrowser() {
-	return typeof window !== "undefined" && typeof localStorage !== "undefined";
-}
-function generateTaskId() {
-	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `task_${crypto.randomUUID()}`;
-	return `task_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-/**
-* Extract an ID from an item using common patterns.
-* Checks: primitives (string/number) → obj.id → obj.name → obj.key → obj.uuid
-*/
-function extractItemId(item) {
-	if (typeof item === "string" || typeof item === "number") return String(item);
-	if (item && typeof item === "object") {
-		const obj = item;
-		if (typeof obj.id === "string" || typeof obj.id === "number") return String(obj.id);
-		if (typeof obj.name === "string") return obj.name;
-		if (typeof obj.key === "string") return obj.key;
-		if (typeof obj.uuid === "string") return obj.uuid;
-	}
-}
-/**
-* Create metadata for project-scoped tasks.
-* Use this when enqueueing tasks that operate on project resources.
-*/
-function createProjectMetadata(project, org, extra) {
-	return {
-		scope: "project",
-		projectId: project.id,
-		projectName: project.name,
-		orgId: org.id,
-		orgName: org.name,
-		...extra
-	};
-}
-/**
-* Create metadata for organization-scoped tasks.
-* Use this when enqueueing tasks that operate on org-level resources.
-*/
-function createOrgMetadata(org, extra) {
-	return {
-		scope: "org",
-		orgId: org.id,
-		orgName: org.name,
-		...extra
-	};
-}
-/**
-* Create metadata for user-scoped tasks.
-* Use this when enqueueing tasks that operate on user-level resources.
-*/
-function createUserMetadata(extra) {
-	return {
-		scope: "user",
-		...extra
-	};
-}
-//#endregion
 //#region src/components/features/task-queue/engine/storage/local-storage.ts
 var LocalTaskStorage = class {
 	key;