jaci-ui 0.5.0 → 0.6.0

package/dist/components/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  { children, className, defaultOpen = true, onOpenChange, open: controlledOpen, ...props },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <aside\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"sidebar\"\n        data-open={open}\n        data-slot=\"sidebar\"\n        data-state={open ? \"open\" : \"closed\"}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n});\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":["BaseDialog"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Renders the sidebar as a modal mobile surface when set to overlay. */\n  mode?: \"static\" | \"overlay\";\n  /** Allows Escape to be disabled for overlay mode. */\n  closeOnEscape?: boolean;\n  /** Allows outside presses to be disabled for overlay mode. */\n  closeOnOutsidePress?: boolean;\n  /** Restores focus to the element that opened the overlay. */\n  restoreFocus?: boolean;\n  /** Controls whether the overlay traps focus and locks page scroll. */\n  modal?: boolean | \"trap-focus\";\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  {\n    children,\n    className,\n    closeOnEscape = true,\n    closeOnOutsidePress = true,\n    defaultOpen = true,\n    modal = true,\n    mode = \"static\",\n    onOpenChange,\n    open: controlledOpen,\n    restoreFocus = true,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n\n  const surface = (\n    <aside\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"sidebar\"\n      data-open={open}\n      data-slot=\"sidebar\"\n      data-state={open ? \"open\" : \"closed\"}\n    >\n      {children}\n    </aside>\n  );\n\n  if (mode === \"overlay\") {\n    return (\n      <SidebarContext.Provider value={context}>\n        <BaseDialog.Root\n          open={open}\n          modal={modal}\n          onOpenChange={(nextOpen, details) => {\n            if (\n              !nextOpen &&\n              ((!closeOnEscape && details.reason === \"escape-key\") ||\n                (!closeOnOutsidePress && details.reason === \"outside-press\"))\n            ) {\n              details.cancel();\n              return;\n            }\n            setOpen(nextOpen);\n          }}\n        >\n          <BaseDialog.Portal>\n            <BaseDialog.Backdrop\n              className={cx(styles.backdrop)}\n              data-jaci-component=\"sidebar\"\n              data-slot=\"sidebar-backdrop\"\n            />\n            <BaseDialog.Viewport className={cx(styles.viewport)} data-slot=\"sidebar-viewport\">\n              <BaseDialog.Popup\n                aria-label={props[\"aria-label\"] ?? \"Sidebar navigation\"}\n                className={cx(styles.popup)}\n                data-jaci-component=\"sidebar\"\n                data-slot=\"sidebar-popup\"\n                finalFocus={restoreFocus}\n                initialFocus\n              >\n                {surface}\n              </BaseDialog.Popup>\n            </BaseDialog.Viewport>\n          </BaseDialog.Portal>\n        </BaseDialog.Root>\n      </SidebarContext.Provider>\n    );\n  }\n\n  return <SidebarContext.Provider value={context}>{surface}</SidebarContext.Provider>;\n});\n\nexport type SidebarPortalProps = ComponentPropsWithoutRef<typeof BaseDialog.Portal>;\nexport const SidebarPortal: typeof BaseDialog.Portal = BaseDialog.Portal;\n\nexport type SidebarBackdropProps = ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>;\nexport const SidebarBackdrop = forwardRef<HTMLDivElement, SidebarBackdropProps>(\n  function SidebarBackdrop({ className, ...props }, ref) {\n    const { open } = useSidebar();\n    return (\n      <BaseDialog.Backdrop\n        {...props}\n        className={withRecipeClassName(sidebar({ open }).backdrop, className)}\n        data-slot=\"sidebar-backdrop\"\n        ref={ref}\n      />\n    );\n  },\n);\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Portal: SidebarPortal,\n  Backdrop: SidebarBackdrop,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperItemProps, StepperList, StepperNavigationButtonProps, StepperNext, StepperOrientation, StepperPrevious, StepperRoot, StepperRootProps, StepperSeparator, StepperStatus, StepperTitle, StepperTrigger, StepperTriggerProps } from "./stepper.cjs";
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperList, type StepperNavigationButtonProps, StepperNext, type StepperOrientation, StepperPrevious, StepperRoot, type StepperRootProps, StepperSeparator, type StepperStatus, StepperTitle, StepperTrigger, type StepperTriggerProps };

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

@@ -0,0 +1,2 @@
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperItemProps, StepperList, StepperNavigationButtonProps, StepperNext, StepperOrientation, StepperPrevious, StepperRoot, StepperRootProps, StepperSeparator, StepperStatus, StepperTitle, StepperTrigger, StepperTriggerProps } from "./stepper.js";
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, StepperList, type StepperNavigationButtonProps, StepperNext, type StepperOrientation, StepperPrevious, StepperRoot, type StepperRootProps, StepperSeparator, type StepperStatus, StepperTitle, StepperTrigger, type StepperTriggerProps };

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