@redis-ui/components 44.0.2 → 46.1.2

package/dist/Stepper/hooks/useStepRegistration.cjs

@@ -1,25 +1,25 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
-const Stepper_context = require("../Stepper.context.cjs");
-const useStepRegistration = () => {
-  const {
-    registerStep,
-    unregisterStep,
-    getStepIndex,
-    collectStepOrder
-  } = Stepper_context.useStepperContext();
-  const stepId = index.useId();
-  React.useLayoutEffect(() => {
-    registerStep(stepId);
-    return () => unregisterStep(stepId);
-  }, [stepId, registerStep, unregisterStep]);
-  collectStepOrder(stepId);
-  const stepIndex = getStepIndex(stepId);
-  return {
-    stepId,
-    stepIndex
-  };
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
+const require_Stepper_context = require("../Stepper.context.cjs");
+let react = require("react");
+//#region src/Stepper/hooks/useStepRegistration.ts
+/** Individual step registration and index retrieval */
+var useStepRegistration = () => {
+	const { registerStep, unregisterStep, getStepIndex, collectStepOrder } = require_Stepper_context.useStepperContext();
+	const stepId = require_index.useId();
+	(0, react.useLayoutEffect)(() => {
+		registerStep(stepId);
+		return () => unregisterStep(stepId);
+	}, [
+		stepId,
+		registerStep,
+		unregisterStep
+	]);
+	collectStepOrder(stepId);
+	return {
+		stepId,
+		stepIndex: getStepIndex(stepId)
+	};
 };
+//#endregion
 exports.useStepRegistration = useStepRegistration;

package/dist/Stepper/hooks/useStepRegistration.js

@@ -1,25 +1,24 @@
-import { useLayoutEffect } from "react";
 import { useId } from "../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useStepperContext } from "../Stepper.context.js";
-const useStepRegistration = () => {
-  const {
-    registerStep,
-    unregisterStep,
-    getStepIndex,
-    collectStepOrder
-  } = useStepperContext();
-  const stepId = useId();
-  useLayoutEffect(() => {
-    registerStep(stepId);
-    return () => unregisterStep(stepId);
-  }, [stepId, registerStep, unregisterStep]);
-  collectStepOrder(stepId);
-  const stepIndex = getStepIndex(stepId);
-  return {
-    stepId,
-    stepIndex
-  };
-};
-export {
-  useStepRegistration
+import { useLayoutEffect } from "react";
+//#region src/Stepper/hooks/useStepRegistration.ts
+/** Individual step registration and index retrieval */
+var useStepRegistration = () => {
+	const { registerStep, unregisterStep, getStepIndex, collectStepOrder } = useStepperContext();
+	const stepId = useId();
+	useLayoutEffect(() => {
+		registerStep(stepId);
+		return () => unregisterStep(stepId);
+	}, [
+		stepId,
+		registerStep,
+		unregisterStep
+	]);
+	collectStepOrder(stepId);
+	return {
+		stepId,
+		stepIndex: getStepIndex(stepId)
+	};
 };
+//#endregion
+export { useStepRegistration };

package/dist/Stepper/hooks/useStepperFocusing.cjs

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useStepperFocusing = ({
-  isInteractive
-}) => {
-  const pointerFocusRef = React.useRef(false);
-  return isInteractive ? {
-    tabIndex: 0,
-    onPointerDown: (e) => {
-      e.preventDefault();
-      pointerFocusRef.current = true;
-      e.currentTarget.classList.add("no-focus-visible");
-      e.currentTarget.focus();
-    },
-    onFocusCapture: (e) => {
-      if (!pointerFocusRef.current) {
-        e.currentTarget.classList.remove("no-focus-visible");
-      }
-      pointerFocusRef.current = false;
-    },
-    onKeyDownCapture: (e) => {
-      e.currentTarget.classList.remove("no-focus-visible");
-    },
-    onBlur: (e) => {
-      e.currentTarget.classList.remove("no-focus-visible");
-      pointerFocusRef.current = false;
-    }
-  } : {};
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/Stepper/hooks/useStepperFocusing.ts
+var useStepperFocusing = ({ isInteractive }) => {
+	const pointerFocusRef = (0, react.useRef)(false);
+	return isInteractive ? {
+		tabIndex: 0,
+		onPointerDown: (e) => {
+			e.preventDefault();
+			pointerFocusRef.current = true;
+			e.currentTarget.classList.add("no-focus-visible");
+			e.currentTarget.focus();
+		},
+		onFocusCapture: (e) => {
+			if (!pointerFocusRef.current) e.currentTarget.classList.remove("no-focus-visible");
+			pointerFocusRef.current = false;
+		},
+		onKeyDownCapture: (e) => {
+			e.currentTarget.classList.remove("no-focus-visible");
+		},
+		onBlur: (e) => {
+			e.currentTarget.classList.remove("no-focus-visible");
+			pointerFocusRef.current = false;
+		}
+	} : {};
 };
+//#endregion
 exports.useStepperFocusing = useStepperFocusing;

package/dist/Stepper/hooks/useStepperFocusing.js

@@ -1,31 +1,27 @@
 import { useRef } from "react";
-const useStepperFocusing = ({
-  isInteractive
-}) => {
-  const pointerFocusRef = useRef(false);
-  return isInteractive ? {
-    tabIndex: 0,
-    onPointerDown: (e) => {
-      e.preventDefault();
-      pointerFocusRef.current = true;
-      e.currentTarget.classList.add("no-focus-visible");
-      e.currentTarget.focus();
-    },
-    onFocusCapture: (e) => {
-      if (!pointerFocusRef.current) {
-        e.currentTarget.classList.remove("no-focus-visible");
-      }
-      pointerFocusRef.current = false;
-    },
-    onKeyDownCapture: (e) => {
-      e.currentTarget.classList.remove("no-focus-visible");
-    },
-    onBlur: (e) => {
-      e.currentTarget.classList.remove("no-focus-visible");
-      pointerFocusRef.current = false;
-    }
-  } : {};
-};
-export {
-  useStepperFocusing
+//#region src/Stepper/hooks/useStepperFocusing.ts
+var useStepperFocusing = ({ isInteractive }) => {
+	const pointerFocusRef = useRef(false);
+	return isInteractive ? {
+		tabIndex: 0,
+		onPointerDown: (e) => {
+			e.preventDefault();
+			pointerFocusRef.current = true;
+			e.currentTarget.classList.add("no-focus-visible");
+			e.currentTarget.focus();
+		},
+		onFocusCapture: (e) => {
+			if (!pointerFocusRef.current) e.currentTarget.classList.remove("no-focus-visible");
+			pointerFocusRef.current = false;
+		},
+		onKeyDownCapture: (e) => {
+			e.currentTarget.classList.remove("no-focus-visible");
+		},
+		onBlur: (e) => {
+			e.currentTarget.classList.remove("no-focus-visible");
+			pointerFocusRef.current = false;
+		}
+	} : {};
 };
+//#endregion
+export { useStepperFocusing };

package/dist/Stepper/hooks/useStepperInteractive.cjs

@@ -1,97 +1,67 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Step_types = require("../components/Step/Step.types.cjs");
-const react_utils = require("../../Helpers/react.utils.cjs");
-function useStepperInteractive({
-  onStepChange,
-  onKeyDown,
-  getIsStepInteractive,
-  currentStep = -1,
-  totalSteps
-}) {
-  const isInteractive = !!onStepChange;
-  const isStepInteractive = React.useCallback((stepIndex) => {
-    if (!isInteractive) {
-      return false;
-    }
-    if (typeof getIsStepInteractive === "function") {
-      return getIsStepInteractive(stepIndex);
-    }
-    return stepIndex !== currentStep;
-  }, [currentStep, getIsStepInteractive, isInteractive]);
-  const handleKeyDown = isInteractive ? (event) => {
-    const findNextInteractive = (from, to = totalSteps || 0) => {
-      for (let i = from; i < to; i += 1) {
-        if (isStepInteractive(i)) {
-          return i;
-        }
-      }
-      return void 0;
-    };
-    const findPrevInteractive = (from, to = 0) => {
-      for (let i = from; i >= to; i -= 1) {
-        if (isStepInteractive(i)) {
-          return i;
-        }
-      }
-      return void 0;
-    };
-    const handleChange = (next) => {
-      event.preventDefault();
-      if (next !== void 0) {
-        onStepChange(next);
-      }
-    };
-    const {
-      key
-    } = event;
-    if (key === "ArrowRight") {
-      handleChange(findNextInteractive(currentStep + 1));
-    } else if (key === "ArrowLeft") {
-      handleChange(findPrevInteractive(currentStep - 1));
-    } else if (key === "Home") {
-      handleChange(findNextInteractive(0, currentStep));
-    } else if (key === "End") {
-      handleChange(findPrevInteractive((totalSteps || 0) - 1, currentStep + 1));
-    }
-  } : void 0;
-  const role = isInteractive ? "tablist" : "list";
-  const label = isInteractive ? "Step navigation" : "Progress steps";
-  return {
-    context: {
-      getIsStepInteractive: isStepInteractive,
-      onStepChange
-    },
-    props: {
-      onKeyDown: react_utils.combineHandlers(handleKeyDown, onKeyDown),
-      role,
-      "aria-label": label
-    }
-  };
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_react_utils = require("../../Helpers/react.utils.cjs");
+const require_Step_types = require("../components/Step/Step.types.cjs");
+let react = require("react");
+//#region src/Stepper/hooks/useStepperInteractive.tsx
+function useStepperInteractive({ onStepChange, onKeyDown, getIsStepInteractive, currentStep = -1, totalSteps }) {
+	const isInteractive = !!onStepChange;
+	const isStepInteractive = (0, react.useCallback)((stepIndex) => {
+		if (!isInteractive) return false;
+		if (typeof getIsStepInteractive === "function") return getIsStepInteractive(stepIndex);
+		return stepIndex !== currentStep;
+	}, [
+		currentStep,
+		getIsStepInteractive,
+		isInteractive
+	]);
+	const handleKeyDown = isInteractive ? (event) => {
+		const findNextInteractive = (from, to = totalSteps || 0) => {
+			for (let i = from; i < to; i += 1) if (isStepInteractive(i)) return i;
+		};
+		const findPrevInteractive = (from, to = 0) => {
+			for (let i = from; i >= to; i -= 1) if (isStepInteractive(i)) return i;
+		};
+		const handleChange = (next) => {
+			event.preventDefault();
+			if (next !== void 0) onStepChange(next);
+		};
+		const { key } = event;
+		if (key === "ArrowRight") handleChange(findNextInteractive(currentStep + 1));
+		else if (key === "ArrowLeft") handleChange(findPrevInteractive(currentStep - 1));
+		else if (key === "Home") handleChange(findNextInteractive(0, currentStep));
+		else if (key === "End") handleChange(findPrevInteractive((totalSteps || 0) - 1, currentStep + 1));
+	} : void 0;
+	const role = isInteractive ? "tablist" : "list";
+	const label = isInteractive ? "Step navigation" : "Progress steps";
+	return {
+		context: {
+			getIsStepInteractive: isStepInteractive,
+			onStepChange
+		},
+		props: {
+			onKeyDown: require_react_utils.combineHandlers(handleKeyDown, onKeyDown),
+			role,
+			"aria-label": label
+		}
+	};
 }
-function getInteractiveStepProps({
-  onClick,
-  onStepChange,
-  getIsStepInteractive,
-  stepIndex,
-  state
-}) {
-  const isInteractive = !!onStepChange;
-  const isClickable = isInteractive && getIsStepInteractive(stepIndex);
-  const handleClick = isClickable ? () => onStepChange(stepIndex) : void 0;
-  const role = isInteractive ? "tab" : "listitem";
-  const ariaSelected = isInteractive ? state === Step_types.StepperStepState.FOCUSED : void 0;
-  const ariaCurrent = !isInteractive && state === Step_types.StepperStepState.FOCUSED ? "step" : void 0;
-  const ariaDisabled = isInteractive && !isClickable ? true : void 0;
-  return {
-    onClick: react_utils.combineHandlers(handleClick, onClick),
-    role,
-    "aria-selected": ariaSelected,
-    "aria-current": ariaCurrent,
-    "aria-disabled": ariaDisabled,
-    tabIndex: -1
-  };
+function getInteractiveStepProps({ onClick, onStepChange, getIsStepInteractive, stepIndex, state }) {
+	const isInteractive = !!onStepChange;
+	const isClickable = isInteractive && getIsStepInteractive(stepIndex);
+	const handleClick = isClickable ? () => onStepChange(stepIndex) : void 0;
+	const role = isInteractive ? "tab" : "listitem";
+	const ariaSelected = isInteractive ? state === require_Step_types.StepperStepState.FOCUSED : void 0;
+	const ariaCurrent = !isInteractive && state === require_Step_types.StepperStepState.FOCUSED ? "step" : void 0;
+	const ariaDisabled = isInteractive && !isClickable ? true : void 0;
+	return {
+		onClick: require_react_utils.combineHandlers(handleClick, onClick),
+		role,
+		"aria-selected": ariaSelected,
+		"aria-current": ariaCurrent,
+		"aria-disabled": ariaDisabled,
+		tabIndex: -1
+	};
 }
+//#endregion
 exports.getInteractiveStepProps = getInteractiveStepProps;
 exports.useStepperInteractive = useStepperInteractive;

package/dist/Stepper/hooks/useStepperInteractive.js

@@ -1,97 +1,65 @@
-import { useCallback } from "react";
-import { StepperStepState } from "../components/Step/Step.types.js";
 import { combineHandlers } from "../../Helpers/react.utils.js";
-function useStepperInteractive({
-  onStepChange,
-  onKeyDown,
-  getIsStepInteractive,
-  currentStep = -1,
-  totalSteps
-}) {
-  const isInteractive = !!onStepChange;
-  const isStepInteractive = useCallback((stepIndex) => {
-    if (!isInteractive) {
-      return false;
-    }
-    if (typeof getIsStepInteractive === "function") {
-      return getIsStepInteractive(stepIndex);
-    }
-    return stepIndex !== currentStep;
-  }, [currentStep, getIsStepInteractive, isInteractive]);
-  const handleKeyDown = isInteractive ? (event) => {
-    const findNextInteractive = (from, to = totalSteps || 0) => {
-      for (let i = from; i < to; i += 1) {
-        if (isStepInteractive(i)) {
-          return i;
-        }
-      }
-      return void 0;
-    };
-    const findPrevInteractive = (from, to = 0) => {
-      for (let i = from; i >= to; i -= 1) {
-        if (isStepInteractive(i)) {
-          return i;
-        }
-      }
-      return void 0;
-    };
-    const handleChange = (next) => {
-      event.preventDefault();
-      if (next !== void 0) {
-        onStepChange(next);
-      }
-    };
-    const {
-      key
-    } = event;
-    if (key === "ArrowRight") {
-      handleChange(findNextInteractive(currentStep + 1));
-    } else if (key === "ArrowLeft") {
-      handleChange(findPrevInteractive(currentStep - 1));
-    } else if (key === "Home") {
-      handleChange(findNextInteractive(0, currentStep));
-    } else if (key === "End") {
-      handleChange(findPrevInteractive((totalSteps || 0) - 1, currentStep + 1));
-    }
-  } : void 0;
-  const role = isInteractive ? "tablist" : "list";
-  const label = isInteractive ? "Step navigation" : "Progress steps";
-  return {
-    context: {
-      getIsStepInteractive: isStepInteractive,
-      onStepChange
-    },
-    props: {
-      onKeyDown: combineHandlers(handleKeyDown, onKeyDown),
-      role,
-      "aria-label": label
-    }
-  };
+import { StepperStepState } from "../components/Step/Step.types.js";
+import { useCallback } from "react";
+//#region src/Stepper/hooks/useStepperInteractive.tsx
+function useStepperInteractive({ onStepChange, onKeyDown, getIsStepInteractive, currentStep = -1, totalSteps }) {
+	const isInteractive = !!onStepChange;
+	const isStepInteractive = useCallback((stepIndex) => {
+		if (!isInteractive) return false;
+		if (typeof getIsStepInteractive === "function") return getIsStepInteractive(stepIndex);
+		return stepIndex !== currentStep;
+	}, [
+		currentStep,
+		getIsStepInteractive,
+		isInteractive
+	]);
+	const handleKeyDown = isInteractive ? (event) => {
+		const findNextInteractive = (from, to = totalSteps || 0) => {
+			for (let i = from; i < to; i += 1) if (isStepInteractive(i)) return i;
+		};
+		const findPrevInteractive = (from, to = 0) => {
+			for (let i = from; i >= to; i -= 1) if (isStepInteractive(i)) return i;
+		};
+		const handleChange = (next) => {
+			event.preventDefault();
+			if (next !== void 0) onStepChange(next);
+		};
+		const { key } = event;
+		if (key === "ArrowRight") handleChange(findNextInteractive(currentStep + 1));
+		else if (key === "ArrowLeft") handleChange(findPrevInteractive(currentStep - 1));
+		else if (key === "Home") handleChange(findNextInteractive(0, currentStep));
+		else if (key === "End") handleChange(findPrevInteractive((totalSteps || 0) - 1, currentStep + 1));
+	} : void 0;
+	const role = isInteractive ? "tablist" : "list";
+	const label = isInteractive ? "Step navigation" : "Progress steps";
+	return {
+		context: {
+			getIsStepInteractive: isStepInteractive,
+			onStepChange
+		},
+		props: {
+			onKeyDown: combineHandlers(handleKeyDown, onKeyDown),
+			role,
+			"aria-label": label
+		}
+	};
 }
-function getInteractiveStepProps({
-  onClick,
-  onStepChange,
-  getIsStepInteractive,
-  stepIndex,
-  state
-}) {
-  const isInteractive = !!onStepChange;
-  const isClickable = isInteractive && getIsStepInteractive(stepIndex);
-  const handleClick = isClickable ? () => onStepChange(stepIndex) : void 0;
-  const role = isInteractive ? "tab" : "listitem";
-  const ariaSelected = isInteractive ? state === StepperStepState.FOCUSED : void 0;
-  const ariaCurrent = !isInteractive && state === StepperStepState.FOCUSED ? "step" : void 0;
-  const ariaDisabled = isInteractive && !isClickable ? true : void 0;
-  return {
-    onClick: combineHandlers(handleClick, onClick),
-    role,
-    "aria-selected": ariaSelected,
-    "aria-current": ariaCurrent,
-    "aria-disabled": ariaDisabled,
-    tabIndex: -1
-  };
+function getInteractiveStepProps({ onClick, onStepChange, getIsStepInteractive, stepIndex, state }) {
+	const isInteractive = !!onStepChange;
+	const isClickable = isInteractive && getIsStepInteractive(stepIndex);
+	const handleClick = isClickable ? () => onStepChange(stepIndex) : void 0;
+	const role = isInteractive ? "tab" : "listitem";
+	const ariaSelected = isInteractive ? state === StepperStepState.FOCUSED : void 0;
+	const ariaCurrent = !isInteractive && state === StepperStepState.FOCUSED ? "step" : void 0;
+	const ariaDisabled = isInteractive && !isClickable ? true : void 0;
+	return {
+		onClick: combineHandlers(handleClick, onClick),
+		role,
+		"aria-selected": ariaSelected,
+		"aria-current": ariaCurrent,
+		"aria-disabled": ariaDisabled,
+		tabIndex: -1
+	};
 }
-export {
-  getInteractiveStepProps,
-  useStepperInteractive
-};
+//#endregion
+export { getInteractiveStepProps, useStepperInteractive };

package/dist/Stepper/index.js

@@ -0,0 +1,3 @@
+export { default as Stepper } from './Stepper';
+export * from './Stepper.types';
+export * from './components/Step/Step.types';

package/dist/Switch/Switch.cjs

@@ -1,38 +1,25 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
-const Compose = require("./components/Compose/Compose.cjs");
-const Title = require("./components/Title/Title.cjs");
-const Switcher = require("./components/Switcher/Switcher.cjs");
-const Switch = Object.assign(({
-  className,
-  style,
-  disabled,
-  readOnly,
-  checked,
-  defaultChecked,
-  onCheckedChange,
-  titleOff,
-  titleOn,
-  ...restProps
-}) => jsxRuntime.jsxRuntimeExports.jsxs(Switch.Compose, {
-  className,
-  style,
-  disabled,
-  readOnly,
-  checked,
-  defaultChecked,
-  onCheckedChange,
-  children: [jsxRuntime.jsxRuntimeExports.jsx(Switch.Switcher, {
-    ...restProps
-  }), jsxRuntime.jsxRuntimeExports.jsx(Switch.Title, {
-    titleOn,
-    titleOff
-  })]
+require("../_virtual/_rolldown/runtime.cjs");
+const require_Compose = require("./components/Compose/Compose.cjs");
+const require_Title = require("./components/Title/Title.cjs");
+const require_Switcher = require("./components/Switcher/Switcher.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/Switch/Switch.tsx
+var Switch = Object.assign(({ className, style, disabled, readOnly, checked, defaultChecked, onCheckedChange, titleOff, titleOn, ...restProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Switch.Compose, {
+	className,
+	style,
+	disabled,
+	readOnly,
+	checked,
+	defaultChecked,
+	onCheckedChange,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch.Switcher, { ...restProps }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch.Title, {
+		titleOn,
+		titleOff
+	})]
 }), {
-  Compose: Compose.default,
-  Switcher: Switcher.default,
-  Title: Title.default
+	Compose: require_Compose.default,
+	Switcher: require_Switcher.default,
+	Title: require_Title.default
 });
-const Switch$1 = Switch;
-exports.default = Switch$1;
+//#endregion
+exports.default = Switch;

package/dist/Switch/Switch.context.cjs

@@ -1,13 +1,12 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const SwitchContext = React.createContext(null);
+require("../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/Switch/Switch.context.ts
+var SwitchContext = (0, react.createContext)(null);
 function useSwitchContext() {
-  const context = React.useContext(SwitchContext);
-  if (!context) {
-    throw new Error(`Switch compound components cannot be rendered outside the switch component`);
-  }
-  return context;
+	const context = (0, react.useContext)(SwitchContext);
+	if (!context) throw new Error(`Switch compound components cannot be rendered outside the switch component`);
+	return context;
 }
+//#endregion
 exports.SwitchContext = SwitchContext;
 exports.useSwitchContext = useSwitchContext;