jaci-ui 0.5.0 → 0.6.1

package/dist/components/stepper/stepper.cjs

@@ -0,0 +1,341 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_stepper = require("../../styled-system/recipes/stepper.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/stepper/stepper.tsx
+const StepperContext = (0, react.createContext)(null);
+const StepperItemContext = (0, react.createContext)(null);
+function useStepperContext() {
+	const context = (0, react.useContext)(StepperContext);
+	if (!context) throw new Error("Stepper parts must be rendered inside Stepper.Root.");
+	return context;
+}
+function useStepperItemContext() {
+	const context = (0, react.useContext)(StepperItemContext);
+	if (!context) throw new Error("This Stepper part must be rendered inside Stepper.Item.");
+	return context;
+}
+const StepperRoot = (0, react.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] = (0, react.useState)(defaultValue);
+	const [records, setRecords] = (0, react.useState)([]);
+	const activeValue = controlledValue ?? uncontrolledValue ?? records[0]?.value;
+	const register = (0, react.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 = (0, react.useCallback)((valueToRemove) => {
+		setRecords((current) => current.filter((item) => item.value !== valueToRemove));
+	}, []);
+	const goTo = (0, react.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 = (0, react.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 = (0, react.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 = (0, react.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 = (0, react.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__ */ (0, react_jsx_runtime.jsx)(StepperContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+			...props,
+			"aria-label": ariaLabel ?? "Progress",
+			className: require_cx.cx(require_stepper.stepper({ orientation }).root, className),
+			"data-jaci-component": "stepper",
+			"data-orientation": orientation,
+			"data-slot": "stepper",
+			"data-state": disabled ? "disabled" : "active",
+			ref,
+			children: [children, name ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				"aria-hidden": "true",
+				name,
+				type: "hidden",
+				value: activeValue ?? "",
+				form
+			}) : null]
+		})
+	});
+});
+const StepperList = (0, react.forwardRef)(function StepperList({ className, ...props }, ref) {
+	const { orientation } = useStepperContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		...props,
+		className: require_cx.cx(require_stepper.stepper({ orientation }).list, className),
+		"data-slot": "stepper-list",
+		ref
+	});
+});
+const StepperItem = (0, react.forwardRef)(function StepperItem({ children, className, disabled = false, status, value, ...props }, ref) {
+	const context = useStepperContext();
+	const resolvedStatus = context.getStatus(value, status, disabled);
+	(0, react.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 = (0, react.useMemo)(() => ({
+		disabled: disabled || context.disabled || resolvedStatus === "disabled",
+		status: resolvedStatus,
+		value
+	}), [
+		context.disabled,
+		disabled,
+		resolvedStatus,
+		value
+	]);
+	const styles = require_stepper.stepper({
+		orientation: context.orientation,
+		status: resolvedStatus
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperItemContext.Provider, {
+		value: itemContext,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+			...props,
+			"aria-disabled": itemContext.disabled || void 0,
+			className: require_cx.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 = (0, react.forwardRef)(function StepperTrigger({ className, onClick, onKeyDown, type = "button", ...props }, ref) {
+	const context = useStepperContext();
+	const item = useStepperItemContext();
+	const styles = require_stepper.stepper({
+		orientation: context.orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		"aria-current": item.status === "current" ? "step" : void 0,
+		"aria-disabled": item.disabled || !context.allowStepSelect && item.status !== "current" || void 0,
+		className: require_cx.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 = (0, react.forwardRef)(function StepperIndicator({ children, className, ...props }, ref) {
+	const { orientation } = useStepperContext();
+	const item = useStepperItemContext();
+	const styles = require_stepper.stepper({
+		orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-hidden": props["aria-hidden"] ?? true,
+		className: require_cx.cx(styles.indicator, className),
+		"data-slot": "stepper-indicator",
+		"data-status": item.status,
+		ref,
+		children: children ?? (item.status === "complete" ? "✓" : "")
+	});
+});
+function createSpanSlot(slot) {
+	return (0, react.forwardRef)(function StepperSlot({ className, ...props }, ref) {
+		const { orientation } = useStepperContext();
+		const styles = require_stepper.stepper({
+			orientation,
+			status: useStepperItemContext().status
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			...props,
+			className: require_cx.cx(styles[slot], className),
+			"data-slot": `stepper-${slot}`,
+			ref
+		});
+	});
+}
+const StepperTitle = createSpanSlot("title");
+const StepperDescription = createSpanSlot("description");
+const StepperContent = (0, react.forwardRef)(function StepperContent({ className, hidden, ...props }, ref) {
+	const item = useStepperItemContext();
+	const { orientation } = useStepperContext();
+	const styles = require_stepper.stepper({
+		orientation,
+		status: item.status
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		className: require_cx.cx(styles.content, className),
+		"data-slot": "stepper-content",
+		hidden: hidden ?? item.status !== "current",
+		ref
+	});
+});
+const StepperSeparator = createSpanSlot("separator");
+const StepperPrevious = (0, react.forwardRef)(function StepperPrevious({ children = "Previous", className, disabled: disabledProp, ...props }, ref) {
+	const context = useStepperContext();
+	const styles = require_stepper.stepper({ orientation: context.orientation });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		className: require_cx.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 = (0, react.forwardRef)(function StepperNext({ children = "Next", className, disabled: disabledProp, ...props }, ref) {
+	const context = useStepperContext();
+	const styles = require_stepper.stepper({ orientation: context.orientation });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		className: require_cx.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
+exports.Stepper = Stepper;
+exports.StepperContent = StepperContent;
+exports.StepperDescription = StepperDescription;
+exports.StepperIndicator = StepperIndicator;
+exports.StepperItem = StepperItem;
+exports.StepperList = StepperList;
+exports.StepperNext = StepperNext;
+exports.StepperPrevious = StepperPrevious;
+exports.StepperRoot = StepperRoot;
+exports.StepperSeparator = StepperSeparator;
+exports.StepperTitle = StepperTitle;
+exports.StepperTrigger = StepperTrigger;
+
+//# sourceMappingURL=stepper.cjs.map

package/dist/components/stepper/stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.cjs","names":["cx","stepper"],"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/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