@redis-ui/components 47.3.2 → 47.4.0

package/dist/AppSelectionMenu/components/Compose/Compose.cjs

@@ -8,7 +8,7 @@ let react = require("react");
 var Compose = ({ children, defaultOpen, open: controlledOpen, onOpenChange }) => {
 	const [open, setOpen] = require_index.useControllableState({
 		prop: controlledOpen,
-		defaultProp: defaultOpen,
+		defaultProp: defaultOpen ?? false,
 		onChange: onOpenChange
 	});
 	const close = (0, react.useCallback)(() => {

package/dist/AppSelectionMenu/components/Compose/Compose.js

@@ -7,7 +7,7 @@ import { useCallback, useMemo } from "react";
 var Compose = ({ children, defaultOpen, open: controlledOpen, onOpenChange }) => {
 	const [open, setOpen] = useControllableState({
 		prop: controlledOpen,
-		defaultProp: defaultOpen,
+		defaultProp: defaultOpen ?? false,
 		onChange: onOpenChange
 	});
 	const close = useCallback(() => {

package/dist/Banner/components/BannerSemanticComponents/SemanticCloseButton/SemanticCloseButton.style.cjs

@@ -6,6 +6,6 @@ styled_components = require_runtime.__toESM(styled_components, 1);
 var SemanticCloseButton = (0, styled_components.default)(require_Button.default).withConfig({
 	displayName: "SemanticCloseButtonstyle__SemanticCloseButton",
 	componentId: "RedisUI__sc-zdrenm-0"
-})(["background-color:transparent;color:inherit;padding:2px;height:auto;&:hover{background-color:transparent;color:inherit;opacity:0.6;}"]);
+})(["background-color:transparent;box-shadow:none;color:inherit;padding:2px;height:auto;&:hover{background-color:transparent;box-shadow:none;color:inherit;opacity:0.6;}"]);
 //#endregion
 exports.SemanticCloseButton = SemanticCloseButton;

package/dist/Banner/components/BannerSemanticComponents/SemanticCloseButton/SemanticCloseButton.style.js

@@ -4,6 +4,6 @@ import _styled from "styled-components";
 var SemanticCloseButton = _styled(Button).withConfig({
 	displayName: "SemanticCloseButtonstyle__SemanticCloseButton",
 	componentId: "RedisUI__sc-zdrenm-0"
-})(["background-color:transparent;color:inherit;padding:2px;height:auto;&:hover{background-color:transparent;color:inherit;opacity:0.6;}"]);
+})(["background-color:transparent;box-shadow:none;color:inherit;padding:2px;height:auto;&:hover{background-color:transparent;box-shadow:none;color:inherit;opacity:0.6;}"]);
 //#endregion
 export { SemanticCloseButton };

package/dist/BoxSelectionGroup/hooks/useBoxSelectionGroup.cjs

@@ -6,7 +6,7 @@ let react = require("react");
 var useBoxSelectionGroup = ({ defaultValue, value, onChange, singleSelect }) => {
 	const [selectionX, setSelection] = require_index.useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? [],
 		onChange
 	});
 	const selection = (0, react.useMemo)(() => singleSelect && selectionX && selectionX.length > 0 ? [selectionX[0]] : selectionX, [selectionX, singleSelect]);

package/dist/BoxSelectionGroup/hooks/useBoxSelectionGroup.js

@@ -5,7 +5,7 @@ import { useCallback, useMemo } from "react";
 var useBoxSelectionGroup = ({ defaultValue, value, onChange, singleSelect }) => {
 	const [selectionX, setSelection] = useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? [],
 		onChange
 	});
 	const selection = useMemo(() => singleSelect && selectionX && selectionX.length > 0 ? [selectionX[0]] : selectionX, [selectionX, singleSelect]);

package/dist/Checkbox/components/Compose/Compose.cjs

@@ -11,7 +11,7 @@ var Compose = ({ defaultChecked, checked, onCheckedChange, required = false, dis
 	const finalId = id || generatedId;
 	const [internalChecked = false, handleCheckedChange] = require_index.useControllableState({
 		prop: checked,
-		defaultProp: defaultChecked,
+		defaultProp: defaultChecked ?? false,
 		onChange: onCheckedChange
 	});
 	const contextValue = (0, react.useMemo)(() => ({

package/dist/Checkbox/components/Compose/Compose.js

@@ -10,7 +10,7 @@ var Compose = ({ defaultChecked, checked, onCheckedChange, required = false, dis
 	const finalId = id || generatedId;
 	const [internalChecked = false, handleCheckedChange] = useControllableState({
 		prop: checked,
-		defaultProp: defaultChecked,
+		defaultProp: defaultChecked ?? false,
 		onChange: onCheckedChange
 	});
 	const contextValue = useMemo(() => ({

package/dist/Checkbox/components/Indicator/Indicator.style.cjs

@@ -5,7 +5,7 @@ let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
 let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
 //#region src/Checkbox/components/Indicator/Indicator.style.ts
-var CheckboxIndicator = (0, styled_components.default)(require_index.Root).withConfig({
+var CheckboxIndicator = (0, styled_components.default)(require_index.Checkbox).withConfig({
 	displayName: "Indicatorstyle__CheckboxIndicator",
 	componentId: "RedisUI__sc-4xg31h-0"
 })([
@@ -30,7 +30,7 @@ var CheckboxIndicator = (0, styled_components.default)(require_index.Root).withC
 		token: "iconColor"
 	}
 ]));
-var CheckboxIndicatorCheckmark = (0, styled_components.default)(require_index.Indicator).attrs({ style: { color: "inherit" } }).withConfig({
+var CheckboxIndicatorCheckmark = (0, styled_components.default)(require_index.CheckboxIndicator).attrs({ style: { color: "inherit" } }).withConfig({
 	displayName: "Indicatorstyle__CheckboxIndicatorCheckmark",
 	componentId: "RedisUI__sc-4xg31h-1"
 })(["display:flex;"]);

package/dist/Checkbox/components/Indicator/Indicator.style.js

@@ -1,9 +1,9 @@
 import { bgColorMap, borderColorMap, getButtonStatesStyle } from "../../../Button/Button.style.utils.js";
-import { Indicator, Root } from "../../../node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { Checkbox, CheckboxIndicator as CheckboxIndicator$1 } from "../../../node_modules/@radix-ui/react-checkbox/dist/index.js";
 import _styled, { css } from "styled-components";
 import { getFocusStyle, useTheme } from "@redislabsdev/redis-ui-styles";
 //#region src/Checkbox/components/Indicator/Indicator.style.ts
-var CheckboxIndicator = _styled(Root).withConfig({
+var CheckboxIndicator = _styled(Checkbox).withConfig({
 	displayName: "Indicatorstyle__CheckboxIndicator",
 	componentId: "RedisUI__sc-4xg31h-0"
 })([
@@ -28,7 +28,7 @@ var CheckboxIndicator = _styled(Root).withConfig({
 		token: "iconColor"
 	}
 ]));
-var CheckboxIndicatorCheckmark = _styled(Indicator).attrs({ style: { color: "inherit" } }).withConfig({
+var CheckboxIndicatorCheckmark = _styled(CheckboxIndicator$1).attrs({ style: { color: "inherit" } }).withConfig({
 	displayName: "Indicatorstyle__CheckboxIndicatorCheckmark",
 	componentId: "RedisUI__sc-4xg31h-1"
 })(["display:flex;"]);

package/dist/Drawer/components/Description/Description.cjs

@@ -1,6 +1,6 @@
 require("../../../_virtual/_rolldown/runtime.cjs");
 const require_react_utils = require("../../../Helpers/react.utils.cjs");
-const require_index = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_index$1 = require("../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
 const require_Text = require("./components/Text/Text.cjs");
 const require_Description_style = require("./Description.style.cjs");

package/dist/Drawer/components/Description/Description.js

@@ -1,5 +1,5 @@
 import { childrenToString } from "../../../Helpers/react.utils.js";
-import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Description as Description$1 } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import Text from "./components/Text/Text.js";
 import { DescriptionContainer } from "./Description.style.js";

package/dist/Drawer/components/Header/components/Title/Title.cjs

@@ -1,6 +1,6 @@
 require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_react_utils = require("../../../../../Helpers/react.utils.cjs");
-const require_index = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_index$1 = require("../../../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
 const require_Title_style = require("./Title.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Drawer/components/Header/components/Title/Title.js

@@ -1,5 +1,5 @@
 import { childrenToString } from "../../../../../Helpers/react.utils.js";
-import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Title as Title$1 } from "../../../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { Title as Title$2 } from "./Title.style.js";
 import { jsx } from "react/jsx-runtime";

package/dist/Inputs/PasswordInput/components/PasswordInput.context.cjs

@@ -7,7 +7,7 @@ var Context = (0, react.createContext)(null);
 var PasswordExposureProvider = ({ children, showExposureToggle = "always", exposed: exposedProp, defaultExposed, onExposedChange }) => {
 	const [exposed, setExposed] = require_index.useControllableState({
 		prop: exposedProp,
-		defaultProp: defaultExposed,
+		defaultProp: defaultExposed ?? false,
 		onChange: onExposedChange
 	});
 	const context = (0, react.useMemo)(() => ({

package/dist/Inputs/PasswordInput/components/PasswordInput.context.js

@@ -6,7 +6,7 @@ var Context = createContext(null);
 var PasswordExposureProvider = ({ children, showExposureToggle = "always", exposed: exposedProp, defaultExposed, onExposedChange }) => {
 	const [exposed, setExposed] = useControllableState({
 		prop: exposedProp,
-		defaultProp: defaultExposed,
+		defaultProp: defaultExposed ?? false,
 		onChange: onExposedChange
 	});
 	const context = useMemo(() => ({

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.cjs

@@ -1,7 +1,7 @@
 require("../../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const require_SharedId_context = require("../../../../Helpers/contexts/SharedId.context.cjs");
-const require_index$1 = require("../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index$1 = require("../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_Field_context = require("../../../components/Context/Field.context.cjs");
 const require_InputValue_context = require("../../../components/Context/InputValue.context.cjs");
 const require_FormField_context = require("../../../../FormField/FormField.context.cjs");

package/dist/Inputs/TextArea/components/TextAreaTag/TextAreaTag.js

@@ -1,6 +1,6 @@
 import { useId } from "../../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useSharedId } from "../../../../Helpers/contexts/SharedId.context.js";
-import { VisuallyHidden } from "../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { useErrorContent, useFieldDisabled } from "../../../components/Context/Field.context.js";
 import { useInputValueProps } from "../../../components/Context/InputValue.context.js";
 import { useFieldAdditionTextId, useFieldRequired, useFieldStatus } from "../../../../FormField/FormField.context.js";

package/dist/Inputs/components/Context/InputValue.context.d.ts

@@ -21,7 +21,7 @@ export type InputValueContext = {
 };
 export declare const ContextProvider: import("react").Provider<InputValueContext | null>;
 export declare const useInputValueProps: <T extends HTMLElement>(customProps?: Partial<ChildFree<HTMLAttributes<HTMLElement>>>, inputRef?: ForwardedRef<T>) => {
-    ref: (node: T) => void;
+    ref: (instance: T | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
     slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined | undefined;

package/dist/Inputs/components/Context/InputValueProvider.cjs

@@ -8,7 +8,7 @@ let react = require("react");
 var InputValueProvider = ({ value = void 0, defaultValue = void 0, onChange = void 0, children, ...restProps }) => {
 	const [inputValue, setInputValue] = require_index.useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? "",
 		onChange
 	});
 	const { forceChange, inputProps } = require_useFormatInput.useFormatInput({

package/dist/Inputs/components/Context/InputValueProvider.js

@@ -7,7 +7,7 @@ import { useMemo, useRef } from "react";
 var InputValueProvider = ({ value = void 0, defaultValue = void 0, onChange = void 0, children, ...restProps }) => {
 	const [inputValue, setInputValue] = useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? "",
 		onChange
 	});
 	const { forceChange, inputProps } = useFormatInput({

package/dist/Inputs/components/Context/NumericInputValueProvider.cjs

@@ -8,7 +8,7 @@ let react = require("react");
 var NumericInputValueProvider = ({ value = void 0, defaultValue = void 0, onChange = void 0, children, ...restProps }) => {
 	const [inputValue, setInputValue] = require_index.useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? null,
 		onChange
 	});
 	const { forceChange, canIncrement, canDecrement, increment, decrement, inputProps } = require_useNumericInput.useNumericInput({

package/dist/Inputs/components/Context/NumericInputValueProvider.js

@@ -7,7 +7,7 @@ import { useMemo, useRef } from "react";
 var NumericInputValueProvider = ({ value = void 0, defaultValue = void 0, onChange = void 0, children, ...restProps }) => {
 	const [inputValue, setInputValue] = useControllableState({
 		prop: value,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? null,
 		onChange
 	});
 	const { forceChange, canIncrement, canDecrement, increment, decrement, inputProps } = useNumericInput({

package/dist/Inputs/components/InputTag/InputTag.cjs

@@ -1,7 +1,7 @@
 require("../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const require_SharedId_context = require("../../../Helpers/contexts/SharedId.context.cjs");
-const require_index$1 = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index$1 = require("../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_Field_context = require("../Context/Field.context.cjs");
 const require_InputValue_context = require("../Context/InputValue.context.cjs");
 const require_FormField_context = require("../../../FormField/FormField.context.cjs");

package/dist/Inputs/components/InputTag/InputTag.js

@@ -1,6 +1,6 @@
 import { useId } from "../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useSharedId } from "../../../Helpers/contexts/SharedId.context.js";
-import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { useErrorContent, useFieldDisabled } from "../Context/Field.context.js";
 import { useInputValueProps } from "../Context/InputValue.context.js";
 import { useFieldAdditionTextId, useFieldRequired, useFieldStatus } from "../../../FormField/FormField.context.js";

package/dist/Loader/Loader.cjs

@@ -1,5 +1,5 @@
 require("../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_Loader_style = require("./Loader.style.cjs");
 let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Loader/Loader.js

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from "../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Container, InnerFlexContainer, LoaderSVG, MessageText } from "./Loader.style.js";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Modal/components/Content/components/Description/Description.cjs

@@ -1,6 +1,6 @@
 require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_react_utils = require("../../../../../Helpers/react.utils.cjs");
-const require_index = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_index$1 = require("../../../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
 const require_Text = require("./components/Text/Text.cjs");
 const require_Description_style = require("./Description.style.cjs");

package/dist/Modal/components/Content/components/Description/Description.js

@@ -1,5 +1,5 @@
 import { childrenToString } from "../../../../../Helpers/react.utils.js";
-import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Description as Description$1 } from "../../../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import Text from "./components/Text/Text.js";
 import { DescriptionContainer } from "./Description.style.js";

package/dist/Modal/components/Content/components/Header/components/Title/Title.cjs

@@ -1,6 +1,6 @@
 require("../../../../../../../_virtual/_rolldown/runtime.cjs");
 const require_react_utils = require("../../../../../../../Helpers/react.utils.cjs");
-const require_index = require("../../../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../../../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_index$1 = require("../../../../../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
 const require_Title_style = require("./Title.style.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Modal/components/Content/components/Header/components/Title/Title.js

@@ -1,5 +1,5 @@
 import { childrenToString } from "../../../../../../../Helpers/react.utils.js";
-import { VisuallyHidden } from "../../../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Title as Title$1 } from "../../../../../../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import { Title as Title$2 } from "./Title.style.js";
 import { jsx } from "react/jsx-runtime";

package/dist/MultiSelect/components/Compose/hooks/useMultiSelectContextApi.cjs

@@ -6,7 +6,7 @@ let react = require("react");
 function useMultiSelectContextApi({ value: valueProp, defaultValue, onChange, customCompare, options, allowResetDisabledItems }) {
 	const [values, setValues] = require_index.useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? [],
 		onChange
 	});
 	const { setSearchValue, search, searchValue } = require_useSearch.useSearch({ customCompare });

package/dist/MultiSelect/components/Compose/hooks/useMultiSelectContextApi.d.ts

@@ -2,6 +2,6 @@ import { SelectOption } from '../../../../Select';
 import type { MultiSelectComposeProps } from '../Compose.types';
 import { MultiSelectContextType } from '../../../MultiSelect.types';
 export declare function useMultiSelectContextApi<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ value: valueProp, defaultValue, onChange, customCompare, options, allowResetDisabledItems }: Pick<MultiSelectComposeProps<TValue, TOption>, 'value' | 'defaultValue' | 'onChange' | 'customCompare' | 'options' | 'allowResetDisabledItems'>): {
-    currentValue: import("../../../..").NoInfer<TValue>[] | undefined;
+    currentValue: import("../../../..").NoInfer<TValue>[];
     context: MultiSelectContextType<TOption>;
 };

package/dist/MultiSelect/components/Compose/hooks/useMultiSelectContextApi.js

@@ -5,7 +5,7 @@ import { useCallback, useMemo } from "react";
 function useMultiSelectContextApi({ value: valueProp, defaultValue, onChange, customCompare, options, allowResetDisabledItems }) {
 	const [values, setValues] = useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? [],
 		onChange
 	});
 	const { setSearchValue, search, searchValue } = useSearch({ customCompare });

package/dist/RadioGroup/components/Compose/Compose.cjs

@@ -8,8 +8,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/RadioGroup/components/Compose/Compose.tsx
 var Compose = ({ id, onChange, value: valueProp, defaultValue, disabled, layout, readOnly, ...restProps }) => {
 	const [value = "", setValue] = require_index.useControllableState({
-		prop: valueProp,
-		defaultProp: defaultValue,
+		prop: valueProp ?? void 0,
+		defaultProp: defaultValue ?? "",
 		onChange
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SharedId_context.SharedIdTransProvider, {

package/dist/RadioGroup/components/Compose/Compose.js

@@ -7,8 +7,8 @@ import { jsx } from "react/jsx-runtime";
 //#region src/RadioGroup/components/Compose/Compose.tsx
 var Compose = ({ id, onChange, value: valueProp, defaultValue, disabled, layout, readOnly, ...restProps }) => {
 	const [value = "", setValue] = useControllableState({
-		prop: valueProp,
-		defaultProp: defaultValue,
+		prop: valueProp ?? void 0,
+		defaultProp: defaultValue ?? "",
 		onChange
 	});
 	return /* @__PURE__ */ jsx(SharedIdTransProvider, {

package/dist/ScreenReaderAnnounce/ScreenReaderAnnounce.cjs

@@ -1,5 +1,5 @@
 require("../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 //#region src/ScreenReaderAnnounce/ScreenReaderAnnounce.tsx

package/dist/ScreenReaderAnnounce/ScreenReaderAnnounce.js

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from "../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { jsx } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from "react";
 //#region src/ScreenReaderAnnounce/ScreenReaderAnnounce.tsx

package/dist/Section/components/Compose/Compose.cjs

@@ -10,7 +10,7 @@ var Compose = ({ open: controlledOpen, defaultOpen, disabled, onOpenChange, coll
 	const [hasContent, setHasContent] = (0, react.useState)(false);
 	const [open = false, setOpen] = require_index$1.useControllableState({
 		prop: hasContent && (!collapsible || controlledOpen),
-		defaultProp: defaultOpen,
+		defaultProp: defaultOpen ?? false,
 		onChange: onOpenChange
 	});
 	const triggerId = require_index.useId();

package/dist/Section/components/Compose/Compose.js

@@ -9,7 +9,7 @@ var Compose = ({ open: controlledOpen, defaultOpen, disabled, onOpenChange, coll
 	const [hasContent, setHasContent] = useState(false);
 	const [open = false, setOpen] = useControllableState({
 		prop: hasContent && (!collapsible || controlledOpen),
-		defaultProp: defaultOpen,
+		defaultProp: defaultOpen ?? false,
 		onChange: onOpenChange
 	});
 	const triggerId = useId();

package/dist/Section/components/Header/components/CollapseButton/CollapseButton.cjs

@@ -1,5 +1,5 @@
 require("../../../../../_virtual/_rolldown/runtime.cjs");
-const require_index = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index = require("../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_index$1 = require("../../../../../node_modules/@radix-ui/react-collapsible/dist/index.cjs");
 const require_Section_context = require("../../../../Section.context.cjs");
 const require_CollapseButton_style = require("./CollapseButton.style.cjs");

package/dist/Section/components/Header/components/CollapseButton/CollapseButton.js

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { Trigger } from "../../../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
 import { useSectionContext } from "../../../../Section.context.js";
 import { SectionCollapseButton, SectionCollapseIcon } from "./CollapseButton.style.js";

package/dist/Select/components/Context/hooks/useSelectContextApi.d.ts

@@ -1,6 +1,6 @@
 import type { SelectComposeProps } from '../../Compose/Compose.types';
 import type { SelectContextType, SelectOption } from '../../../Select.types';
 export declare function useSelectContextApi<TValue extends string = string, TOption extends SelectOption<TValue> = SelectOption<TValue>>({ value, defaultValue, onChange, customCompare, options }: Pick<SelectComposeProps<TValue, TOption>, 'value' | 'defaultValue' | 'onChange' | 'customCompare' | 'options'>): {
-    currentValue: import("../../../..").NoInfer<TValue> | undefined;
+    currentValue: TValue;
     context: SelectContextType<TOption>;
 };

package/dist/Select/components/Trigger/components/Compose/Compose.cjs

@@ -1,7 +1,7 @@
 require("../../../../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../../../../node_modules/@radix-ui/react-id/dist/index.cjs");
 const require_SharedId_context = require("../../../../../Helpers/contexts/SharedId.context.cjs");
-const require_index$1 = require("../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const require_index$1 = require("../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
 const require_Field_context = require("../../../../../Inputs/components/Context/Field.context.cjs");
 const require_FormField_context = require("../../../../../FormField/FormField.context.cjs");
 const require_index$2 = require("../../../../../node_modules/@radix-ui/react-select/dist/index.cjs");

package/dist/Select/components/Trigger/components/Compose/Compose.js

@@ -1,6 +1,6 @@
 import { useId } from "../../../../../node_modules/@radix-ui/react-id/dist/index.js";
 import { useSharedId } from "../../../../../Helpers/contexts/SharedId.context.js";
-import { VisuallyHidden } from "../../../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { VisuallyHidden } from "../../../../../packages/components/node_modules/@radix-ui/react-visually-hidden/dist/index.js";
 import { useErrorContent } from "../../../../../Inputs/components/Context/Field.context.js";
 import { useFieldAdditionTextId, useFieldRequired, useFieldStatus } from "../../../../../FormField/FormField.context.js";
 import { Trigger } from "../../../../../node_modules/@radix-ui/react-select/dist/index.js";

package/dist/Slider/components/Compose/Compose.cjs

@@ -10,7 +10,7 @@ var Compose = ({ value: valueProp, defaultValue, onChange, disabled, min: minPro
 	const defValue = (0, react.useMemo)(() => [min], [min]);
 	const [value = defValue, setValue] = require_index.useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? defValue,
 		onChange
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Slider_context.SliderContextProvider, {

package/dist/Slider/components/Compose/Compose.js

@@ -9,7 +9,7 @@ var Compose = ({ value: valueProp, defaultValue, onChange, disabled, min: minPro
 	const defValue = useMemo(() => [min], [min]);
 	const [value = defValue, setValue] = useControllableState({
 		prop: valueProp,
-		defaultProp: defaultValue,
+		defaultProp: defaultValue ?? defValue,
 		onChange
 	});
 	return /* @__PURE__ */ jsx(SliderContextProvider, {

package/dist/Switch/components/Compose/Compose.cjs

@@ -10,7 +10,7 @@ let react = require("react");
 var Compose = ({ disabled, readOnly, checked, defaultChecked, onCheckedChange, ...restProps }) => {
 	const [checkedState = false, setCheckedState] = require_index.useControllableState({
 		prop: checked,
-		defaultProp: defaultChecked,
+		defaultProp: defaultChecked ?? false,
 		onChange: onCheckedChange
 	});
 	const contextValue = (0, react.useMemo)(() => ({

package/dist/Switch/components/Compose/Compose.js

@@ -9,7 +9,7 @@ import { useMemo } from "react";
 var Compose = ({ disabled, readOnly, checked, defaultChecked, onCheckedChange, ...restProps }) => {
 	const [checkedState = false, setCheckedState] = useControllableState({
 		prop: checked,
-		defaultProp: defaultChecked,
+		defaultProp: defaultChecked ?? false,
 		onChange: onCheckedChange
 	});
 	const contextValue = useMemo(() => ({

package/dist/Toast/Toaster.style.cjs

@@ -1,6 +1,6 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
-const require_react_toastify_esm = require("../node_modules/react-toastify/dist/react-toastify.esm.cjs");
-;/* empty css                                                  */
+const require_react_toastify_esm = require("../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
+;/* empty css                                                                      */
 let styled_components = require("styled-components");
 styled_components = require_runtime.__toESM(styled_components, 1);
 let _redislabsdev_redis_ui_styles = require("@redislabsdev/redis-ui-styles");

package/dist/Toast/Toaster.style.js

@@ -1,5 +1,5 @@
-import { Q } from "../node_modules/react-toastify/dist/react-toastify.esm.js";
-/* empty css                                                */
+import { Q } from "../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
+/* empty css                                                                    */
 import _styled from "styled-components";
 import { useTheme } from "@redislabsdev/redis-ui-styles";
 //#region src/Toast/Toaster.style.tsx

package/dist/Toast/core/mapping.helpers.cjs

@@ -1,4 +1,4 @@
-const require_react_toastify_esm = require("../../node_modules/react-toastify/dist/react-toastify.esm.cjs");
+const require_react_toastify_esm = require("../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
 //#region src/Toast/core/mapping.helpers.tsx
 /**
 * This file maps toastify api to redis-ui api

package/dist/Toast/core/mapping.helpers.js

@@ -1,4 +1,4 @@
-import { B } from "../../node_modules/react-toastify/dist/react-toastify.esm.js";
+import { B } from "../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
 //#region src/Toast/core/mapping.helpers.tsx
 /**
 * This file maps toastify api to redis-ui api

package/dist/Typography/hooks/useEllipsisTooltip.d.ts

@@ -3,7 +3,7 @@ export type EllipsisTooltipParams<T extends HTMLElement = HTMLElement> = {
     tooltipOnEllipsis?: boolean | string | undefined;
 } & Pick<HTMLAttributes<T>, 'onMouseEnter' | 'onMouseLeave' | 'title'>;
 export declare const useEllipsisTooltip: <T extends HTMLElement = HTMLElement>({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }: EllipsisTooltipParams<T>, ref?: Ref<T>) => {
-    readonly ref: (node: T) => void;
+    readonly ref: (instance: T | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
     readonly title: string | undefined;
     readonly onMouseEnter: MouseEventHandler<T> | undefined;
     readonly onMouseLeave: MouseEventHandler<T> | undefined;

package/dist/node_modules/@radix-ui/primitive/dist/index.cjs

@@ -1,4 +1,4 @@
-//#region ../../node_modules/@radix-ui/primitive/dist/index.mjs
+typeof window !== "undefined" && window.document && window.document.createElement;
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
 	return function handleEvent(event) {
 		originalEventHandler?.(event);

package/dist/node_modules/@radix-ui/primitive/dist/index.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/@radix-ui/primitive/dist/index.mjs
+typeof window !== "undefined" && window.document && window.document.createElement;
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
 	return function handleEvent(event) {
 		originalEventHandler?.(event);