jaci-ui 0.4.0 → 0.6.0

package/dist/components/stepper/stepper.d.cts

@@ -0,0 +1,52 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/stepper/stepper.d.ts
+type StepperOrientation = "horizontal" | "vertical";
+type StepperStatus = "current" | "complete" | "upcoming" | "disabled";
+interface StepperRootProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: StepperOrientation;
+  linear?: boolean;
+  allowStepSelect?: boolean;
+  disabled?: boolean;
+  name?: string;
+  form?: string;
+  children?: ReactNode;
+}
+declare const StepperRoot: import("react").ForwardRefExoticComponent<StepperRootProps & import("react").RefAttributes<HTMLElement>>;
+declare const StepperList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+interface StepperItemProps extends ComponentPropsWithoutRef<"li"> {
+  value: string;
+  status?: StepperStatus;
+  disabled?: boolean;
+}
+declare const StepperItem: import("react").ForwardRefExoticComponent<StepperItemProps & import("react").RefAttributes<HTMLLIElement>>;
+type StepperTriggerProps = ComponentPropsWithoutRef<"button">;
+declare const StepperTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const StepperIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const StepperSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface StepperNavigationButtonProps extends ComponentPropsWithoutRef<"button"> {
+  children?: ReactNode;
+}
+declare const StepperPrevious: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const StepperNext: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Stepper: {
+  Root: import("react").ForwardRefExoticComponent<StepperRootProps & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+  Item: import("react").ForwardRefExoticComponent<StepperItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Previous: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperItemProps, StepperList, StepperNavigationButtonProps, StepperNext, StepperOrientation, StepperPrevious, StepperRoot, StepperRootProps, StepperSeparator, StepperStatus, StepperTitle, StepperTrigger, StepperTriggerProps };
+//# sourceMappingURL=stepper.d.cts.map

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

@@ -0,0 +1,52 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/stepper/stepper.d.ts
+type StepperOrientation = "horizontal" | "vertical";
+type StepperStatus = "current" | "complete" | "upcoming" | "disabled";
+interface StepperRootProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  orientation?: StepperOrientation;
+  linear?: boolean;
+  allowStepSelect?: boolean;
+  disabled?: boolean;
+  name?: string;
+  form?: string;
+  children?: ReactNode;
+}
+declare const StepperRoot: import("react").ForwardRefExoticComponent<StepperRootProps & import("react").RefAttributes<HTMLElement>>;
+declare const StepperList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+interface StepperItemProps extends ComponentPropsWithoutRef<"li"> {
+  value: string;
+  status?: StepperStatus;
+  disabled?: boolean;
+}
+declare const StepperItem: import("react").ForwardRefExoticComponent<StepperItemProps & import("react").RefAttributes<HTMLLIElement>>;
+type StepperTriggerProps = ComponentPropsWithoutRef<"button">;
+declare const StepperTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const StepperIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const StepperContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const StepperSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface StepperNavigationButtonProps extends ComponentPropsWithoutRef<"button"> {
+  children?: ReactNode;
+}
+declare const StepperPrevious: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const StepperNext: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Stepper: {
+  Root: import("react").ForwardRefExoticComponent<StepperRootProps & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+  Item: import("react").ForwardRefExoticComponent<StepperItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Previous: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Next: import("react").ForwardRefExoticComponent<StepperNavigationButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperItemProps, StepperList, StepperNavigationButtonProps, StepperNext, StepperOrientation, StepperPrevious, StepperRoot, StepperRootProps, StepperSeparator, StepperStatus, StepperTitle, StepperTrigger, StepperTriggerProps };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/components/stepper/stepper.js

@@ -0,0 +1,330 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { stepper } from "../../styled-system/recipes/stepper.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/stepper/stepper.tsx
+const StepperContext = createContext(null);
+const StepperItemContext = createContext(null);
+function useStepperContext() {
+	const context = useContext(StepperContext);
+	if (!context) throw new Error("Stepper parts must be rendered inside Stepper.Root.");
+	return context;
+}
+function useStepperItemContext() {
+	const context = useContext(StepperItemContext);
+	if (!context) throw new Error("This Stepper part must be rendered inside Stepper.Item.");
+	return context;
+}
+const StepperRoot = forwardRef(function StepperRoot({ allowStepSelect = true, "aria-label": ariaLabel, children, className, defaultValue, disabled = false, form, linear = false, name, onValueChange, orientation = "horizontal", value: controlledValue, ...props }, ref) {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const [records, setRecords] = useState([]);
+	const activeValue = controlledValue ?? uncontrolledValue ?? records[0]?.value;
+	const register = useCallback((record) => {
+		setRecords((current) => {
+			const index = current.findIndex((item) => item.value === record.value);
+			if (index === -1) return [...current, record];
+			const currentRecord = current[index];
+			if (!currentRecord) return current;
+			if (currentRecord.disabled === record.disabled && currentRecord.status === record.status) return current;
+			const next = current.slice();
+			next[index] = record;
+			return next;
+		});
+	}, []);
+	const unregister = useCallback((valueToRemove) => {
+		setRecords((current) => current.filter((item) => item.value !== valueToRemove));
+	}, []);
+	const goTo = useCallback((nextValue, options) => {
+		if (disabled) return;
+		const targetIndex = records.findIndex((item) => item.value === nextValue);
+		const activeIndex = records.findIndex((item) => item.value === activeValue);
+		const target = records[targetIndex];
+		if (!target || target.disabled) return;
+		if (nextValue === activeValue) return;
+		if (!allowStepSelect && !options?.fromNavigation && nextValue !== activeValue) return;
+		if (linear && activeIndex >= 0 && targetIndex > activeIndex + 1) return;
+		if (controlledValue === void 0) setUncontrolledValue(nextValue);
+		onValueChange?.(nextValue);
+	}, [
+		activeValue,
+		allowStepSelect,
+		controlledValue,
+		disabled,
+		linear,
+		onValueChange,
+		records
+	]);
+	const move = useCallback((direction) => {
+		let index = records.findIndex((item) => item.value === activeValue) + direction;
+		while (index >= 0 && index < records.length && records[index]?.disabled) index += direction;
+		const target = records[index];
+		if (target) goTo(target.value, { fromNavigation: true });
+	}, [
+		activeValue,
+		goTo,
+		records
+	]);
+	const moveToBoundary = useCallback((direction) => {
+		const target = (direction === -1 ? records : records.slice().reverse()).find((record) => !record.disabled);
+		if (target) goTo(target.value, { fromNavigation: true });
+	}, [goTo, records]);
+	const getStatus = useCallback((itemValue, explicitStatus, itemDisabled = false) => {
+		if (itemDisabled || disabled) return "disabled";
+		if (explicitStatus) return explicitStatus;
+		const itemIndex = records.findIndex((item) => item.value === itemValue);
+		const activeIndex = records.findIndex((item) => item.value === activeValue);
+		if (itemValue === activeValue || activeIndex < 0 && itemIndex === 0) return "current";
+		if (itemIndex >= 0 && activeIndex >= 0 && itemIndex < activeIndex) return "complete";
+		return "upcoming";
+	}, [
+		activeValue,
+		disabled,
+		records
+	]);
+	const context = useMemo(() => ({
+		activeValue,
+		allowStepSelect,
+		disabled,
+		getStatus,
+		goTo,
+		linear,
+		move,
+		moveToBoundary,
+		orientation,
+		register,
+		unregister
+	}), [
+		activeValue,
+		allowStepSelect,
+		disabled,
+		getStatus,
+		goTo,
+		linear,
+		move,
+		moveToBoundary,
+		orientation,
+		register,
+		unregister
+	]);
+	return /* @__PURE__ */ jsx(StepperContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs("nav", {
+			...props,
+			"aria-label": ariaLabel ?? "Progress",
+			className: cx(stepper({ orientation }).root, className),
+			"data-jaci-component": "stepper",
+			"data-orientation": orientation,
+			"data-slot": "stepper",
+			"data-state": disabled ? "disabled" : "active",
+			ref,
+			children: [children, name ? /* @__PURE__ */ jsx("input", {
+				"aria-hidden": "true",
+				name,
+				type: "hidden",
+				value: activeValue ?? "",
+				form
+			}) : null]
+		})
+	});
+});
+const StepperList = forwardRef(function StepperList({ className, ...props }, ref) {
+	const { orientation } = useStepperContext();
+	return /* @__PURE__ */ jsx("ol", {
+		...props,
+		className: cx(stepper({ orientation }).list, className),
+		"data-slot": "stepper-list",
+		ref
+	});
+});
+const StepperItem = forwardRef(function StepperItem({ children, className, disabled = false, status, value, ...props }, ref) {
+	const context = useStepperContext();
+	const resolvedStatus = context.getStatus(value, status, disabled);
+	useEffect(() => {
+		const record = {
+			disabled: disabled || status === "disabled",
+			value
+		};
+		if (status !== void 0) record.status = status;
+		context.register(record);
+		return () => context.unregister(value);
+	}, [
+		context.register,
+		context.unregister,
+		disabled,
+		status,
+		value
+	]);
+	const itemContext = useMemo(() => ({
+		disabled: disabled || context.disabled || resolvedStatus === "disabled",
+		status: resolvedStatus,
+		value
+	}), [
+		context.disabled,
+		disabled,
+		resolvedStatus,
+		value
+	]);
+	const styles = stepper({
+		orientation: context.orientation,
+		status: resolvedStatus
+	});
+	return /* @__PURE__ */ jsx(StepperItemContext.Provider, {
+		value: itemContext,
+		children: /* @__PURE__ */ jsx("li", {
+			...props,
+			"aria-disabled": itemContext.disabled || void 0,
+			className: cx(styles.item, className),
+			"data-disabled": itemContext.disabled || void 0,
+			"data-jaci-component": "stepper-item",
+			"data-slot": "stepper-item",
+			"data-status": resolvedStatus,
+			"data-value": value,
+			ref,
+			children
+		})
+	});
+});
+const StepperTrigger = forwardRef(function StepperTrigger({ className, onClick, onKeyDown, type = "button", ...props }, ref) {
+	const context = useStepperContext();
+	const item = useStepperItemContext();
+	const styles = stepper({
+		orientation: context.orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-current": item.status === "current" ? "step" : void 0,
+		"aria-disabled": item.disabled || !context.allowStepSelect && item.status !== "current" || void 0,
+		className: cx(styles.trigger, className),
+		"data-disabled": item.disabled || void 0,
+		"data-slot": "stepper-trigger",
+		"data-status": item.status,
+		disabled: context.disabled || item.disabled,
+		onClick: (event) => {
+			if (!event.defaultPrevented) context.goTo(item.value);
+			onClick?.(event);
+		},
+		onKeyDown: (event) => {
+			const isForwardKey = context.orientation === "horizontal" && event.key === "ArrowRight" || context.orientation === "vertical" && event.key === "ArrowDown";
+			const isBackwardKey = context.orientation === "horizontal" && event.key === "ArrowLeft" || context.orientation === "vertical" && event.key === "ArrowUp";
+			if (isForwardKey) {
+				event.preventDefault();
+				context.move(1);
+			} else if (isBackwardKey) {
+				event.preventDefault();
+				context.move(-1);
+			} else if (event.key === "Home") {
+				event.preventDefault();
+				context.moveToBoundary(-1);
+			} else if (event.key === "End") {
+				event.preventDefault();
+				context.moveToBoundary(1);
+			}
+			onKeyDown?.(event);
+		},
+		ref,
+		type
+	});
+});
+const StepperIndicator = forwardRef(function StepperIndicator({ children, className, ...props }, ref) {
+	const { orientation } = useStepperContext();
+	const item = useStepperItemContext();
+	const styles = stepper({
+		orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-hidden": props["aria-hidden"] ?? true,
+		className: cx(styles.indicator, className),
+		"data-slot": "stepper-indicator",
+		"data-status": item.status,
+		ref,
+		children: children ?? (item.status === "complete" ? "✓" : "")
+	});
+});
+function createSpanSlot(slot) {
+	return forwardRef(function StepperSlot({ className, ...props }, ref) {
+		const { orientation } = useStepperContext();
+		const styles = stepper({
+			orientation,
+			status: useStepperItemContext().status
+		});
+		return /* @__PURE__ */ jsx("span", {
+			...props,
+			className: cx(styles[slot], className),
+			"data-slot": `stepper-${slot}`,
+			ref
+		});
+	});
+}
+const StepperTitle = createSpanSlot("title");
+const StepperDescription = createSpanSlot("description");
+const StepperContent = forwardRef(function StepperContent({ className, hidden, ...props }, ref) {
+	const item = useStepperItemContext();
+	const { orientation } = useStepperContext();
+	const styles = stepper({
+		orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cx(styles.content, className),
+		"data-slot": "stepper-content",
+		hidden: hidden ?? item.status !== "current",
+		ref
+	});
+});
+const StepperSeparator = createSpanSlot("separator");
+const StepperPrevious = forwardRef(function StepperPrevious({ children = "Previous", className, disabled: disabledProp, ...props }, ref) {
+	const context = useStepperContext();
+	const styles = stepper({ orientation: context.orientation });
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		className: cx(styles.previous, className),
+		"data-slot": "stepper-previous",
+		disabled: disabledProp || context.disabled,
+		onClick: (event) => {
+			context.move(-1);
+			props.onClick?.(event);
+		},
+		ref,
+		type: props.type ?? "button",
+		children
+	});
+});
+const StepperNext = forwardRef(function StepperNext({ children = "Next", className, disabled: disabledProp, ...props }, ref) {
+	const context = useStepperContext();
+	const styles = stepper({ orientation: context.orientation });
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		className: cx(styles.next, className),
+		"data-slot": "stepper-next",
+		disabled: disabledProp || context.disabled,
+		onClick: (event) => {
+			context.move(1);
+			props.onClick?.(event);
+		},
+		ref,
+		type: props.type ?? "button",
+		children
+	});
+});
+const Stepper = {
+	Root: StepperRoot,
+	List: StepperList,
+	Item: StepperItem,
+	Trigger: StepperTrigger,
+	Indicator: StepperIndicator,
+	Title: StepperTitle,
+	Description: StepperDescription,
+	Content: StepperContent,
+	Separator: StepperSeparator,
+	Previous: StepperPrevious,
+	Next: StepperNext
+};
+//#endregion
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperNext, StepperPrevious, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger };
+
+//# sourceMappingURL=stepper.js.map

package/dist/components/stepper/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":[],"sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { stepper } from \"../../styled-system/recipes\";\n\nexport type StepperOrientation = \"horizontal\" | \"vertical\";\nexport type StepperStatus = \"current\" | \"complete\" | \"upcoming\" | \"disabled\";\n\ninterface StepRecord {\n  value: string;\n  disabled: boolean;\n  status?: StepperStatus;\n}\n\ninterface StepperContextValue {\n  activeValue: string | undefined;\n  allowStepSelect: boolean;\n  disabled: boolean;\n  getStatus: (value: string, status?: StepperStatus, disabled?: boolean) => StepperStatus;\n  goTo: (value: string, options?: { fromNavigation?: boolean }) => void;\n  linear: boolean;\n  orientation: StepperOrientation;\n  register: (record: StepRecord) => void;\n  unregister: (value: string) => void;\n  move: (direction: -1 | 1) => void;\n  moveToBoundary: (direction: -1 | 1) => void;\n}\n\ninterface StepperItemContextValue {\n  disabled: boolean;\n  status: StepperStatus;\n  value: string;\n}\n\nconst StepperContext = createContext<StepperContextValue | null>(null);\nconst StepperItemContext = createContext<StepperItemContextValue | null>(null);\n\nfunction useStepperContext() {\n  const context = useContext(StepperContext);\n  if (!context) throw new Error(\"Stepper parts must be rendered inside Stepper.Root.\");\n  return context;\n}\n\nfunction useStepperItemContext() {\n  const context = useContext(StepperItemContext);\n  if (!context) throw new Error(\"This Stepper part must be rendered inside Stepper.Item.\");\n  return context;\n}\n\nexport interface StepperRootProps extends Omit<ComponentPropsWithoutRef<\"nav\">, \"children\"> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  orientation?: StepperOrientation;\n  linear?: boolean;\n  allowStepSelect?: boolean;\n  disabled?: boolean;\n  name?: string;\n  form?: string;\n  children?: ReactNode;\n}\n\nexport const StepperRoot = forwardRef<HTMLElement, StepperRootProps>(function StepperRoot(\n  {\n    allowStepSelect = true,\n    \"aria-label\": ariaLabel,\n    children,\n    className,\n    defaultValue,\n    disabled = false,\n    form,\n    linear = false,\n    name,\n    onValueChange,\n    orientation = \"horizontal\",\n    value: controlledValue,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const [records, setRecords] = useState<StepRecord[]>([]);\n  const activeValue = controlledValue ?? uncontrolledValue ?? records[0]?.value;\n\n  const register = useCallback((record: StepRecord) => {\n    setRecords((current) => {\n      const index = current.findIndex((item) => item.value === record.value);\n      if (index === -1) return [...current, record];\n      const currentRecord = current[index];\n      if (!currentRecord) return current;\n      if (currentRecord.disabled === record.disabled && currentRecord.status === record.status) {\n        return current;\n      }\n      const next = current.slice();\n      next[index] = record;\n      return next;\n    });\n  }, []);\n\n  const unregister = useCallback((valueToRemove: string) => {\n    setRecords((current) => current.filter((item) => item.value !== valueToRemove));\n  }, []);\n\n  const goTo = useCallback(\n    (nextValue: string, options?: { fromNavigation?: boolean }) => {\n      if (disabled) return;\n      const targetIndex = records.findIndex((item) => item.value === nextValue);\n      const activeIndex = records.findIndex((item) => item.value === activeValue);\n      const target = records[targetIndex];\n      if (!target || target.disabled) return;\n      if (nextValue === activeValue) return;\n      if (!allowStepSelect && !options?.fromNavigation && nextValue !== activeValue) return;\n      if (linear && activeIndex >= 0 && targetIndex > activeIndex + 1) return;\n      if (controlledValue === undefined) setUncontrolledValue(nextValue);\n      onValueChange?.(nextValue);\n    },\n    [activeValue, allowStepSelect, controlledValue, disabled, linear, onValueChange, records],\n  );\n\n  const move = useCallback(\n    (direction: -1 | 1) => {\n      const activeIndex = records.findIndex((item) => item.value === activeValue);\n      let index = activeIndex + direction;\n      while (index >= 0 && index < records.length && records[index]?.disabled) index += direction;\n      const target = records[index];\n      if (target) goTo(target.value, { fromNavigation: true });\n    },\n    [activeValue, goTo, records],\n  );\n\n  const moveToBoundary = useCallback(\n    (direction: -1 | 1) => {\n      const candidates = direction === -1 ? records : records.slice().reverse();\n      const target = candidates.find((record) => !record.disabled);\n      if (target) goTo(target.value, { fromNavigation: true });\n    },\n    [goTo, records],\n  );\n\n  const getStatus = useCallback(\n    (itemValue: string, explicitStatus?: StepperStatus, itemDisabled = false) => {\n      if (itemDisabled || disabled) return \"disabled\";\n      if (explicitStatus) return explicitStatus;\n      const itemIndex = records.findIndex((item) => item.value === itemValue);\n      const activeIndex = records.findIndex((item) => item.value === activeValue);\n      if (itemValue === activeValue || (activeIndex < 0 && itemIndex === 0)) return \"current\";\n      if (itemIndex >= 0 && activeIndex >= 0 && itemIndex < activeIndex) return \"complete\";\n      return \"upcoming\";\n    },\n    [activeValue, disabled, records],\n  );\n\n  const context = useMemo(\n    () => ({\n      activeValue,\n      allowStepSelect,\n      disabled,\n      getStatus,\n      goTo,\n      linear,\n      move,\n      moveToBoundary,\n      orientation,\n      register,\n      unregister,\n    }),\n    [\n      activeValue,\n      allowStepSelect,\n      disabled,\n      getStatus,\n      goTo,\n      linear,\n      move,\n      moveToBoundary,\n      orientation,\n      register,\n      unregister,\n    ],\n  );\n\n  return (\n    <StepperContext.Provider value={context}>\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Progress\"}\n        className={cx(stepper({ orientation }).root, className)}\n        data-jaci-component=\"stepper\"\n        data-orientation={orientation}\n        data-slot=\"stepper\"\n        data-state={disabled ? \"disabled\" : \"active\"}\n        ref={ref}\n      >\n        {children}\n        {name ? (\n          <input\n            aria-hidden=\"true\"\n            name={name}\n            type=\"hidden\"\n            value={activeValue ?? \"\"}\n            form={form}\n          />\n        ) : null}\n      </nav>\n    </StepperContext.Provider>\n  );\n});\n\nexport type StepperListProps = ComponentPropsWithoutRef<\"ol\">;\nexport const StepperList = forwardRef<HTMLOListElement, StepperListProps>(function StepperList(\n  { className, ...props },\n  ref,\n) {\n  const { orientation } = useStepperContext();\n  return (\n    <ol\n      {...props}\n      className={cx(stepper({ orientation }).list, className)}\n      data-slot=\"stepper-list\"\n      ref={ref}\n    />\n  );\n});\n\nexport interface StepperItemProps extends ComponentPropsWithoutRef<\"li\"> {\n  value: string;\n  status?: StepperStatus;\n  disabled?: boolean;\n}\n\nexport const StepperItem = forwardRef<HTMLLIElement, StepperItemProps>(function StepperItem(\n  { children, className, disabled = false, status, value, ...props },\n  ref,\n) {\n  const context = useStepperContext();\n  const resolvedStatus = context.getStatus(value, status, disabled);\n  useEffect(() => {\n    const record: StepRecord = { disabled: disabled || status === \"disabled\", value };\n    if (status !== undefined) record.status = status;\n    context.register(record);\n    return () => context.unregister(value);\n  }, [context.register, context.unregister, disabled, status, value]);\n  const itemContext = useMemo<StepperItemContextValue>(\n    () => ({\n      disabled: disabled || context.disabled || resolvedStatus === \"disabled\",\n      status: resolvedStatus,\n      value,\n    }),\n    [context.disabled, disabled, resolvedStatus, value],\n  );\n  const styles = stepper({ orientation: context.orientation, status: resolvedStatus });\n\n  return (\n    <StepperItemContext.Provider value={itemContext}>\n      <li\n        {...props}\n        aria-disabled={itemContext.disabled || undefined}\n        className={cx(styles.item, className)}\n        data-disabled={itemContext.disabled || undefined}\n        data-jaci-component=\"stepper-item\"\n        data-slot=\"stepper-item\"\n        data-status={resolvedStatus}\n        data-value={value}\n        ref={ref}\n      >\n        {children}\n      </li>\n    </StepperItemContext.Provider>\n  );\n});\n\nexport type StepperTriggerProps = ComponentPropsWithoutRef<\"button\">;\nexport const StepperTrigger = forwardRef<HTMLButtonElement, StepperTriggerProps>(\n  function StepperTrigger({ className, onClick, onKeyDown, type = \"button\", ...props }, ref) {\n    const context = useStepperContext();\n    const item = useStepperItemContext();\n    const styles = stepper({ orientation: context.orientation, status: item.status });\n    return (\n      <button\n        {...props}\n        aria-current={item.status === \"current\" ? \"step\" : undefined}\n        aria-disabled={\n          item.disabled || (!context.allowStepSelect && item.status !== \"current\") || undefined\n        }\n        className={cx(styles.trigger, className)}\n        data-disabled={item.disabled || undefined}\n        data-slot=\"stepper-trigger\"\n        data-status={item.status}\n        disabled={context.disabled || item.disabled}\n        onClick={(event) => {\n          if (!event.defaultPrevented) context.goTo(item.value);\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          const isForwardKey =\n            (context.orientation === \"horizontal\" && event.key === \"ArrowRight\") ||\n            (context.orientation === \"vertical\" && event.key === \"ArrowDown\");\n          const isBackwardKey =\n            (context.orientation === \"horizontal\" && event.key === \"ArrowLeft\") ||\n            (context.orientation === \"vertical\" && event.key === \"ArrowUp\");\n          if (isForwardKey) {\n            event.preventDefault();\n            context.move(1);\n          } else if (isBackwardKey) {\n            event.preventDefault();\n            context.move(-1);\n          } else if (event.key === \"Home\") {\n            event.preventDefault();\n            context.moveToBoundary(-1);\n          } else if (event.key === \"End\") {\n            event.preventDefault();\n            context.moveToBoundary(1);\n          }\n          onKeyDown?.(event);\n        }}\n        ref={ref}\n        type={type}\n      />\n    );\n  },\n);\n\nexport type StepperIndicatorProps = ComponentPropsWithoutRef<\"span\">;\nexport const StepperIndicator = forwardRef<HTMLSpanElement, StepperIndicatorProps>(\n  function StepperIndicator({ children, className, ...props }, ref) {\n    const { orientation } = useStepperContext();\n    const item = useStepperItemContext();\n    const styles = stepper({ orientation, status: item.status });\n    return (\n      <span\n        {...props}\n        aria-hidden={props[\"aria-hidden\"] ?? true}\n        className={cx(styles.indicator, className)}\n        data-slot=\"stepper-indicator\"\n        data-status={item.status}\n        ref={ref}\n      >\n        {children ?? (item.status === \"complete\" ? \"✓\" : \"\")}\n      </span>\n    );\n  },\n);\n\nfunction createSpanSlot(slot: \"title\" | \"description\" | \"separator\") {\n  return forwardRef<HTMLSpanElement, ComponentPropsWithoutRef<\"span\">>(function StepperSlot(\n    { className, ...props },\n    ref,\n  ) {\n    const { orientation } = useStepperContext();\n    const item = useStepperItemContext();\n    const styles = stepper({ orientation, status: item.status });\n    return (\n      <span\n        {...props}\n        className={cx(styles[slot], className)}\n        data-slot={`stepper-${slot}`}\n        ref={ref}\n      />\n    );\n  });\n}\n\nexport const StepperTitle = createSpanSlot(\"title\");\nexport const StepperDescription = createSpanSlot(\"description\");\n\nexport const StepperContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function StepperContent({ className, hidden, ...props }, ref) {\n    const item = useStepperItemContext();\n    const { orientation } = useStepperContext();\n    const styles = stepper({ orientation, status: item.status });\n    return (\n      <div\n        {...props}\n        className={cx(styles.content, className)}\n        data-slot=\"stepper-content\"\n        hidden={hidden ?? item.status !== \"current\"}\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport const StepperSeparator = createSpanSlot(\"separator\");\n\nexport interface StepperNavigationButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  children?: ReactNode;\n}\n\nexport const StepperPrevious = forwardRef<HTMLButtonElement, StepperNavigationButtonProps>(\n  function StepperPrevious(\n    { children = \"Previous\", className, disabled: disabledProp, ...props },\n    ref,\n  ) {\n    const context = useStepperContext();\n    const styles = stepper({ orientation: context.orientation });\n    return (\n      <button\n        {...props}\n        className={cx(styles.previous, className)}\n        data-slot=\"stepper-previous\"\n        disabled={disabledProp || context.disabled}\n        onClick={(event) => {\n          context.move(-1);\n          props.onClick?.(event);\n        }}\n        ref={ref}\n        type={props.type ?? \"button\"}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport const StepperNext = forwardRef<HTMLButtonElement, StepperNavigationButtonProps>(\n  function StepperNext({ children = \"Next\", className, disabled: disabledProp, ...props }, ref) {\n    const context = useStepperContext();\n    const styles = stepper({ orientation: context.orientation });\n    return (\n      <button\n        {...props}\n        className={cx(styles.next, className)}\n        data-slot=\"stepper-next\"\n        disabled={disabledProp || context.disabled}\n        onClick={(event) => {\n          context.move(1);\n          props.onClick?.(event);\n        }}\n        ref={ref}\n        type={props.type ?? \"button\"}\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport const Stepper = {\n  Root: StepperRoot,\n  List: StepperList,\n  Item: StepperItem,\n  Trigger: StepperTrigger,\n  Indicator: StepperIndicator,\n  Title: StepperTitle,\n  Description: StepperDescription,\n  Content: StepperContent,\n  Separator: StepperSeparator,\n  Previous: StepperPrevious,\n  Next: StepperNext,\n};\n"],"mappings":"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"}

package/dist/components/table/index.d.cts

@@ -1,2 +1,2 @@
-import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection } from "./table.cjs";
-export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableEmpty, type TableEmptyProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSortDirection };
+import { Table, TableAlignment, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableDescription, TableDescriptionProps, TableEmpty, TableEmptyProps, TableError, TableErrorProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableHideBelow, TableLoading, TableLoadingProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSelectionMode, TableSortDirection, TableSortState, TableStatus } from "./table.cjs";
+export { Table, type TableAlignment, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableDescription, type TableDescriptionProps, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableHideBelow, TableLoading, type TableLoadingProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSelectionMode, type TableSortDirection, type TableSortState, type TableStatus };

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

@@ -1,2 +1,2 @@
-import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection } from "./table.js";
-export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableEmpty, type TableEmptyProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSortDirection };
+import { Table, TableAlignment, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableDescription, TableDescriptionProps, TableEmpty, TableEmptyProps, TableError, TableErrorProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableHideBelow, TableLoading, TableLoadingProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSelectionMode, TableSortDirection, TableSortState, TableStatus } from "./table.js";
+export { Table, type TableAlignment, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableDescription, type TableDescriptionProps, TableEmpty, type TableEmptyProps, TableError, type TableErrorProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableHideBelow, TableLoading, type TableLoadingProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSelectionMode, type TableSortDirection, type TableSortState, type TableStatus };