@redis-ui/components 42.0.0 → 42.7.0

package/dist/Slider/components/Thumb/Compose/Compose.d.ts

@@ -0,0 +1,2 @@
+import { SliderThumbComposeProps } from './Compose.types';
+export declare const Compose: ({ children, ...restProps }: SliderThumbComposeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { SliderThumbCompose } from "./Compose.style.js";
+const Compose = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(SliderThumbCompose, {
+    ...restProps,
+    children
+  });
+};
+export {
+  Compose
+};

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const index = require("../../../../node_modules/@radix-ui/react-slider/dist/index.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SliderThumbCompose = _styled__default.default(index.Thumb).withConfig({
+  displayName: "Composestyle__SliderThumbCompose",
+  componentId: "RedisUI__sc-11q3r5b-0"
+})(["&:not([data-disabled]){cursor:pointer;}"]);
+exports.SliderThumbCompose = SliderThumbCompose;

package/dist/Slider/components/Thumb/Compose/Compose.style.d.ts

@@ -0,0 +1,2 @@
+import * as PrimitiveSlider from '@radix-ui/react-slider';
+export declare const SliderThumbCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<PrimitiveSlider.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

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

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { Thumb } from "../../../../node_modules/@radix-ui/react-slider/dist/index.js";
+const SliderThumbCompose = _styled(Thumb).withConfig({
+  displayName: "Composestyle__SliderThumbCompose",
+  componentId: "RedisUI__sc-11q3r5b-0"
+})(["&:not([data-disabled]){cursor:pointer;}"]);
+export {
+  SliderThumbCompose
+};

package/dist/Slider/components/Thumb/Compose/Compose.types.d.ts

@@ -0,0 +1,2 @@
+import { ComposeElementProps } from '../../../../Helpers';
+export type SliderThumbComposeProps = ComposeElementProps;

package/dist/Slider/components/Thumb/Thumb.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./Compose/Compose.cjs");
+const Thumb_style = require("./Thumb.style.cjs");
+const Thumb = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(Thumb.Compose, {
+  ...props,
+  children: jsxRuntime.jsxRuntimeExports.jsx(Thumb_style.SliderThumbRender, {})
+}), {
+  Compose: Compose.Compose
+});
+exports.default = Thumb;

package/dist/Slider/components/Thumb/Thumb.d.ts

@@ -0,0 +1,5 @@
+import { SliderThumbProps } from './Thumb.types';
+declare const Thumb: ((props: SliderThumbProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ children, ...restProps }: import("./Compose/Compose.types").SliderThumbComposeProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Thumb;

package/dist/Slider/components/Thumb/Thumb.js

@@ -0,0 +1,12 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Compose } from "./Compose/Compose.js";
+import { SliderThumbRender } from "./Thumb.style.js";
+const Thumb = Object.assign((props) => jsxRuntimeExports.jsx(Thumb.Compose, {
+  ...props,
+  children: jsxRuntimeExports.jsx(SliderThumbRender, {})
+}), {
+  Compose
+});
+export {
+  Thumb as default
+};

package/dist/Slider/components/Thumb/Thumb.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SliderThumbRender = _styled__default.default.div.withConfig({
+  displayName: "Thumbstyle__SliderThumbRender",
+  componentId: "RedisUI__sc-oz23lh-0"
+})(["width:", ";height:", ";border-width:", ";border-style:solid;border-color:", ";background-color:", ";border-radius:", ";[data-disabled] > &{border-color:", ";background-color:", ";}*:focus-visible > &{outline:0.3rem solid ", ";}"], () => redisUiStyles.useTheme().components.slider.thumb.width, () => redisUiStyles.useTheme().components.slider.thumb.height, () => redisUiStyles.useTheme().components.slider.thumb.borderWidth, () => redisUiStyles.useTheme().components.slider.thumb.states.normal.borderColor, () => redisUiStyles.useTheme().components.slider.thumb.states.normal.bgColor, () => redisUiStyles.useTheme().components.slider.thumb.borderRadius, () => redisUiStyles.useTheme().components.slider.thumb.states.disabled.borderColor, () => redisUiStyles.useTheme().components.slider.thumb.states.disabled.bgColor, () => redisUiStyles.withOpacity(redisUiStyles.useTheme().components.slider.thumb.states.normal.borderColor, 0.4));
+exports.SliderThumbRender = SliderThumbRender;

package/dist/Slider/components/Thumb/Thumb.style.d.ts

@@ -0,0 +1 @@
+export declare const SliderThumbRender: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Slider/components/Thumb/Thumb.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { useTheme, withOpacity } from "@redislabsdev/redis-ui-styles";
+const SliderThumbRender = _styled.div.withConfig({
+  displayName: "Thumbstyle__SliderThumbRender",
+  componentId: "RedisUI__sc-oz23lh-0"
+})(["width:", ";height:", ";border-width:", ";border-style:solid;border-color:", ";background-color:", ";border-radius:", ";[data-disabled] > &{border-color:", ";background-color:", ";}*:focus-visible > &{outline:0.3rem solid ", ";}"], () => useTheme().components.slider.thumb.width, () => useTheme().components.slider.thumb.height, () => useTheme().components.slider.thumb.borderWidth, () => useTheme().components.slider.thumb.states.normal.borderColor, () => useTheme().components.slider.thumb.states.normal.bgColor, () => useTheme().components.slider.thumb.borderRadius, () => useTheme().components.slider.thumb.states.disabled.borderColor, () => useTheme().components.slider.thumb.states.disabled.bgColor, () => withOpacity(useTheme().components.slider.thumb.states.normal.borderColor, 0.4));
+export {
+  SliderThumbRender
+};

package/dist/Slider/components/Thumb/Thumb.types.d.ts

@@ -0,0 +1,3 @@
+import { SliderThumbComposeProps } from './Compose/Compose.types';
+import { ChildFree } from '../../../Helpers';
+export type SliderThumbProps = ChildFree<SliderThumbComposeProps>;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const Compose_style = require("./Compose.style.cjs");
+const Compose = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SliderTrack, {
+    ...restProps,
+    children
+  });
+};
+exports.Compose = Compose;

package/dist/Slider/components/Track/Compose/Compose.d.ts

@@ -0,0 +1,2 @@
+import { SliderTrackComposeProps } from './Compose.types';
+export declare const Compose: ({ children, ...restProps }: SliderTrackComposeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { SliderTrack } from "./Compose.style.js";
+const Compose = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(SliderTrack, {
+    ...restProps,
+    children
+  });
+};
+export {
+  Compose
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const index = require("../../../../node_modules/@radix-ui/react-slider/dist/index.cjs");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SliderTrack = _styled__default.default(index.Track).withConfig({
+  displayName: "Composestyle__SliderTrack",
+  componentId: "RedisUI__sc-16r8pu7-0"
+})(["position:relative;flex-grow:1;height:", ";background-color:", ";&[data-disabled]{background-color:", ";}"], () => redisUiStyles.useTheme().components.slider.track.height, () => redisUiStyles.useTheme().components.slider.track.states.normal.bgColor, () => redisUiStyles.useTheme().components.slider.track.states.disabled.bgColor);
+exports.SliderTrack = SliderTrack;

package/dist/Slider/components/Track/Compose/Compose.style.d.ts

@@ -0,0 +1,2 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export declare const SliderTrack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

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

@@ -0,0 +1,10 @@
+import _styled from "styled-components";
+import { Track } from "../../../../node_modules/@radix-ui/react-slider/dist/index.js";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+const SliderTrack = _styled(Track).withConfig({
+  displayName: "Composestyle__SliderTrack",
+  componentId: "RedisUI__sc-16r8pu7-0"
+})(["position:relative;flex-grow:1;height:", ";background-color:", ";&[data-disabled]{background-color:", ";}"], () => useTheme().components.slider.track.height, () => useTheme().components.slider.track.states.normal.bgColor, () => useTheme().components.slider.track.states.disabled.bgColor);
+export {
+  SliderTrack
+};

package/dist/Slider/components/Track/Compose/Compose.types.d.ts

@@ -0,0 +1,2 @@
+import { ComposeElementProps } from '../../../../Helpers';
+export type SliderTrackComposeProps = ComposeElementProps;

package/dist/Slider/components/Track/Range/Range.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../node_modules/react/jsx-runtime.cjs");
+const Range_style = require("./Range.style.cjs");
+const Range = (props) => jsxRuntime.jsxRuntimeExports.jsx(Range_style.SliderRange, {
+  ...props
+});
+exports.Range = Range;

package/dist/Slider/components/Track/Range/Range.d.ts

@@ -0,0 +1,2 @@
+import { SliderRangeProps } from './Range.types';
+export declare const Range: (props: SliderRangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Slider/components/Track/Range/Range.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from "../../../../node_modules/react/jsx-runtime.js";
+import { SliderRange } from "./Range.style.js";
+const Range = (props) => jsxRuntimeExports.jsx(SliderRange, {
+  ...props
+});
+export {
+  Range
+};

package/dist/Slider/components/Track/Range/Range.style.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const index = require("../../../../node_modules/@radix-ui/react-slider/dist/index.cjs");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SliderRange = _styled__default.default(index.Range).withConfig({
+  displayName: "Rangestyle__SliderRange",
+  componentId: "RedisUI__sc-12wobsu-0"
+})(["position:absolute;height:100%;background-color:", ";&[data-disabled]{background-color:", ";}"], () => redisUiStyles.useTheme().components.slider.range.states.normal.bgColor, () => redisUiStyles.useTheme().components.slider.range.states.disabled.bgColor);
+exports.SliderRange = SliderRange;

package/dist/Slider/components/Track/Range/Range.style.d.ts

@@ -0,0 +1,2 @@
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export declare const SliderRange: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/dist/Slider/components/Track/Range/Range.style.js

@@ -0,0 +1,10 @@
+import _styled from "styled-components";
+import { Range } from "../../../../node_modules/@radix-ui/react-slider/dist/index.js";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+const SliderRange = _styled(Range).withConfig({
+  displayName: "Rangestyle__SliderRange",
+  componentId: "RedisUI__sc-12wobsu-0"
+})(["position:absolute;height:100%;background-color:", ";&[data-disabled]{background-color:", ";}"], () => useTheme().components.slider.range.states.normal.bgColor, () => useTheme().components.slider.range.states.disabled.bgColor);
+export {
+  SliderRange
+};

package/dist/Slider/components/Track/Range/Range.types.d.ts

@@ -0,0 +1,2 @@
+import { ChildFree, ComposeElementProps } from '../../../../Helpers';
+export type SliderRangeProps = ChildFree<ComposeElementProps>;

package/dist/Slider/components/Track/Track.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./Compose/Compose.cjs");
+const Range = require("./Range/Range.cjs");
+const Track = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(Track.Compose, {
+  ...props,
+  children: jsxRuntime.jsxRuntimeExports.jsx(Track.Range, {})
+}), {
+  Compose: Compose.Compose,
+  Range: Range.Range
+});
+exports.default = Track;

package/dist/Slider/components/Track/Track.d.ts

@@ -0,0 +1,6 @@
+import { SliderTrackProps } from './Track.types';
+declare const Track: ((props: SliderTrackProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ children, ...restProps }: import("./Compose/Compose.types").SliderTrackComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Range: (props: import("./Range/Range.types").SliderRangeProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Track;

package/dist/Slider/components/Track/Track.js

@@ -0,0 +1,13 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Compose } from "./Compose/Compose.js";
+import { Range } from "./Range/Range.js";
+const Track = Object.assign((props) => jsxRuntimeExports.jsx(Track.Compose, {
+  ...props,
+  children: jsxRuntimeExports.jsx(Track.Range, {})
+}), {
+  Compose,
+  Range
+});
+export {
+  Track as default
+};

package/dist/Slider/components/Track/Track.types.d.ts

@@ -0,0 +1,3 @@
+import { ChildFree } from '../../../Helpers';
+import { SliderTrackComposeProps } from './Compose/Compose.types';
+export type SliderTrackProps = ChildFree<SliderTrackComposeProps>;

package/dist/Slider/hooks/useOffset.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slider_context = require("../Slider.context.cjs");
+const useOffset = (value) => {
+  const {
+    min,
+    max
+  } = Slider_context.useSliderContext();
+  if (min > value || value > max) return void 0;
+  const range = max - min;
+  return range > 0 ? (value - min) / range * 100 : 0;
+};
+exports.useOffset = useOffset;

package/dist/Slider/hooks/useOffset.d.ts

@@ -0,0 +1 @@
+export declare const useOffset: (value: number) => number | undefined;

package/dist/Slider/hooks/useOffset.js

@@ -0,0 +1,13 @@
+import { useSliderContext } from "../Slider.context.js";
+const useOffset = (value) => {
+  const {
+    min,
+    max
+  } = useSliderContext();
+  if (min > value || value > max) return void 0;
+  const range = max - min;
+  return range > 0 ? (value - min) / range * 100 : 0;
+};
+export {
+  useOffset
+};

package/dist/Slider/index.d.ts

@@ -0,0 +1,5 @@
+export { Slider } from './Slider';
+export * from './Slider.types';
+export * from './components/Mark/Mark.types';
+export * from './components/Label/Label.types';
+export * from './components/MarksAndLabels/MarksAndLabels.types';

package/dist/Stepper/Stepper.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type StepperContextType = {
     registerStep: (stepId: string) => void;
     unregisterStep: (stepId: string) => void;

package/dist/Stepper/Stepper.d.ts

@@ -3,14 +3,14 @@ declare const Stepper: (({ steps, ...restProps }: StepperProps) => import("react
     Step: (({ children, ...restProps }: import(".").StepperStepProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ onClick, ...restProps }: import("./components/Step/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null;
         Icon: ({ children, ...restProps }: import("./components/Step/components/Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
-        Label: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Label: ({ children, ...restProps }: import("./components/Step/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element | null;
         useStepContext: () => import(".").StepperStepContextType;
     };
     Compose: (({ currentStep, getIsStepInteractive, onStepChange, onKeyDown, ...restProps }: import("./components/Compose/Compose.types").StepperComposeProps) => import("react/jsx-runtime").JSX.Element) & {
         Step: (({ children, ...restProps }: import(".").StepperStepProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: ({ onClick, ...restProps }: import("./components/Step/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null;
             Icon: ({ children, ...restProps }: import("./components/Step/components/Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
-            Label: ({ children, ...restProps }: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+            Label: ({ children, ...restProps }: import("./components/Step/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element | null;
             useStepContext: () => import(".").StepperStepContextType;
         };
     };

package/dist/Stepper/components/Compose/Compose.d.ts

@@ -3,7 +3,7 @@ declare const StepperCompose: (({ currentStep, getIsStepInteractive, onStepChang
     Step: (({ children, ...restProps }: import("../..").StepperStepProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: ({ onClick, ...restProps }: import("../Step/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null;
         Icon: ({ children, ...restProps }: import("../Step/components/Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
-        Label: ({ children, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Label: ({ children, ...restProps }: import("../Step/components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element | null;
         useStepContext: () => import("../..").StepperStepContextType;
     };
 };

package/dist/Stepper/components/Step/Step.context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { StepperStepContextType } from './Step.types';
 export declare const useStepContext: () => StepperStepContextType, StepContextProvider: import("react").Provider<StepperStepContextType>;

package/dist/Stepper/components/Step/Step.d.ts

@@ -2,7 +2,7 @@ import { StepperStepProps } from './Step.types';
 declare const Step: (({ children, ...restProps }: StepperStepProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ onClick, ...restProps }: import("./components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element | null;
     Icon: ({ children, ...restProps }: import("./components/Icon/Icon.types").IconProps) => import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, ...restProps }: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Label: ({ children, ...restProps }: import("./components/Label/Label.types").LabelProps) => import("react/jsx-runtime").JSX.Element | null;
     useStepContext: () => import("./Step.types").StepperStepContextType;
 };
 export default Step;

package/dist/Stepper/components/Step/components/Label/Label.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const StepLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/Stepper/hooks/useStepperInteractive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepperProps } from '../Stepper.types';
 import { ComposeProps } from '../components/Step/components/Compose/Compose.types';
 import { StepperContextType } from '../Stepper.context';

package/dist/Switch/Switch.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SwitchContextType } from './Switch.types';
 export declare const SwitchContext: import("react").Context<SwitchContextType | null>;
 export declare function useSwitchContext(): SwitchContextType;

package/dist/Switch/Switch.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { SwitchProps } from './Switch.types';
 declare const Switch: (({ className, style, disabled, readOnly, checked, defaultChecked, onCheckedChange, titleOff, titleOn, ...restProps }: SwitchProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: ({ disabled, readOnly, checked, defaultChecked, onCheckedChange, ...restProps }: import("./components/Compose/Compose.types").SwitchComposeProps & import("..").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLElement>, "content" | "children">) => import("react/jsx-runtime").JSX.Element;
-    Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, ...props }: import("./components/Switcher/Switcher.types").SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
-        Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+    Compose: ({ disabled, readOnly, checked, defaultChecked, onCheckedChange, ...restProps }: import("./components/Compose/Compose.types").SwitchComposeProps & import("./components/Compose/Compose.types").RestSwitchComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, "aria-describedby": ariaDescribedby, ...props }: import("./components/Switcher/Switcher.types").SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, import("styled-components").ThemeProps<import("@redislabsdev/redis-ui-styles").Theme>, never>;
         Knob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
     };
     Title: ({ titleOn, titleOff, ...restProps }: import("./components/Title/Title.types").SwitchTitleProps & import("./components/Title/Title.types").RestSwitchTitleProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -28,13 +28,15 @@ const Compose = ({
     value: readOnly,
     children: jsxRuntime.jsxRuntimeExports.jsx(Field_context.FieldDisabledTransProvider, {
       value: disabled,
-      children: jsxRuntime.jsxRuntimeExports.jsx(Switch_context.SwitchContext.Provider, {
-        value: contextValue,
-        children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SwitchCompose, {
-          "data-role": "switch-root",
-          "data-state": contextValue.checked ? "checked" : "unchecked",
-          "data-checked": contextValue.checked,
-          ...restProps
+      children: jsxRuntime.jsxRuntimeExports.jsx(FormField_context.FieldAdditionTextIdTransProvider, {
+        children: jsxRuntime.jsxRuntimeExports.jsx(Switch_context.SwitchContext.Provider, {
+          value: contextValue,
+          children: jsxRuntime.jsxRuntimeExports.jsx(Compose_style.SwitchCompose, {
+            "data-role": "switch-root",
+            "data-state": contextValue.checked ? "checked" : "unchecked",
+            "data-checked": contextValue.checked,
+            ...restProps
+          })
         })
       })
     })

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

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { useControllableState } from "../../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { SwitchContext } from "../../Switch.context.js";
 import { SwitchCompose } from "./Compose.style.js";
-import { FieldReadonlyTransProvider } from "../../../FormField/FormField.context.js";
+import { FieldReadonlyTransProvider, FieldAdditionTextIdTransProvider } from "../../../FormField/FormField.context.js";
 import { FieldDisabledTransProvider } from "../../../Inputs/components/Context/Field.context.js";
 const Compose = ({
   disabled,
@@ -26,13 +26,15 @@ const Compose = ({
     value: readOnly,
     children: jsxRuntimeExports.jsx(FieldDisabledTransProvider, {
       value: disabled,
-      children: jsxRuntimeExports.jsx(SwitchContext.Provider, {
-        value: contextValue,
-        children: jsxRuntimeExports.jsx(SwitchCompose, {
-          "data-role": "switch-root",
-          "data-state": contextValue.checked ? "checked" : "unchecked",
-          "data-checked": contextValue.checked,
-          ...restProps
+      children: jsxRuntimeExports.jsx(FieldAdditionTextIdTransProvider, {
+        children: jsxRuntimeExports.jsx(SwitchContext.Provider, {
+          value: contextValue,
+          children: jsxRuntimeExports.jsx(SwitchCompose, {
+            "data-role": "switch-root",
+            "data-state": contextValue.checked ? "checked" : "unchecked",
+            "data-checked": contextValue.checked,
+            ...restProps
+          })
         })
       })
     })

package/dist/Switch/components/Switcher/Switcher.cjs

@@ -13,10 +13,12 @@ const Switcher = Object.assign(({
   onPointerDown,
   onMouseLeave,
   onKeyDown,
+  "aria-describedby": ariaDescribedby,
   ...props
 }) => {
   const readOnly = FormField_context.useFieldReadonly();
   const disabled = Field_context.useFieldDisabled();
+  const additionTextId = FormField_context.useFieldAdditionTextId();
   const {
     checked,
     onCheckedChange
@@ -58,6 +60,7 @@ const Switcher = Object.assign(({
     onPointerDown: react_utils.combineHandlers(onPointerDown, handlePointerDown),
     onMouseLeave: react_utils.combineHandlers(onMouseLeave, handleMouseLeave),
     onKeyDown: react_utils.combineHandlers(onKeyDown, handleKeyDown),
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0,
     children: jsxRuntime.jsxRuntimeExports.jsx(Switcher.Knob, {})
   });
 }, {

package/dist/Switch/components/Switcher/Switcher.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { SwitcherProps } from './Switcher.types';
-declare const Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, ...props }: SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
-    Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const Switcher: (({ id, onPointerDown, onMouseLeave, onKeyDown, "aria-describedby": ariaDescribedby, ...props }: SwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, import("styled-components").ThemeProps<import("@redislabsdev/redis-ui-styles").Theme>, never>;
     Knob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 };
 export default Switcher;

package/dist/Switch/components/Switcher/Switcher.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.
 import { useRef } from "react";
 import { useSwitchContext } from "../../Switch.context.js";
 import { SwitcherCompose, SwitcherKnob } from "./Switcher.style.js";
-import { useFieldReadonly } from "../../../FormField/FormField.context.js";
+import { useFieldReadonly, useFieldAdditionTextId } from "../../../FormField/FormField.context.js";
 import { useFieldDisabled } from "../../../Inputs/components/Context/Field.context.js";
 import { useSharedId } from "../../../Helpers/contexts/SharedId.context.js";
 import { combineHandlers } from "../../../Helpers/react.utils.js";
@@ -11,10 +11,12 @@ const Switcher = Object.assign(({
   onPointerDown,
   onMouseLeave,
   onKeyDown,
+  "aria-describedby": ariaDescribedby,
   ...props
 }) => {
   const readOnly = useFieldReadonly();
   const disabled = useFieldDisabled();
+  const additionTextId = useFieldAdditionTextId();
   const {
     checked,
     onCheckedChange
@@ -56,6 +58,7 @@ const Switcher = Object.assign(({
     onPointerDown: combineHandlers(onPointerDown, handlePointerDown),
     onMouseLeave: combineHandlers(onMouseLeave, handleMouseLeave),
     onKeyDown: combineHandlers(onKeyDown, handleKeyDown),
+    "aria-describedby": [additionTextId, ariaDescribedby].filter(Boolean).join(" ") || void 0,
     children: jsxRuntimeExports.jsx(Switcher.Knob, {})
   });
 }, {

package/dist/Switch/components/Switcher/Switcher.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlattenInterpolation, ThemeProps } from 'styled-components/macro';
 import { Theme } from '@redislabsdev/redis-ui-styles';
 import * as RadixSwitch from '@radix-ui/react-switch';
@@ -7,8 +6,8 @@ import { ButtonState } from '../../../Button/Button.style.utils';
 export type SwitchState = ButtonState | 'readonly';
 export type SwitchStatesTheme<T extends string> = Partial<Record<SwitchState, Partial<Record<T, string>>>>;
 export declare const useSwitchStateStyle: (maps: TokenMap[], { withCursor, selectorSuffix }?: {
-    withCursor?: true | undefined;
-    selectorSuffix?: string | undefined;
+    withCursor?: true;
+    selectorSuffix?: string;
 }) => FlattenInterpolation<ThemeProps<Theme>> | null;
 export declare const SwitcherKnob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, ThemeProps<Theme>, never>;

package/dist/Switch/components/Title/Title.style.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, import("styled-components").ThemeProps<import("@redislabsdev/redis-ui-styles").Theme>, never>;

package/dist/TableHeading/TableHeading.d.ts

@@ -1,15 +1,11 @@
-/// <reference types="react" />
 import { TableHeadingProps } from './TableHeading.types';
 declare const TableHeading: ((props: TableHeadingProps) => import("react/jsx-runtime").JSX.Element) & {
     Title: ({ className, children, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
     SearchInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps, "readOnly" | "parser" | "formatter"> & import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps & import("..").RestInputProps & import("react").RefAttributes<HTMLInputElement>> & {
-        Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../Inputs/components/Compose/CommonCompose.types").CommonInputComposeProps & Omit<import("../Inputs/components/Context/InputValueProvider").InputValueProviderProps, "children"> & Omit<import("..").ComposeElementProps<HTMLElement>, "defaultValue" | "onChange"> & {
-            readonlyRender?: import("../Inputs/components/ReadonlyRender/ReadonlyRender.types").ReadOnlyRenderComponent | undefined;
-            readonlyProps?: import("react").HTMLAttributes<HTMLElement> | undefined;
-        }) => import("react/jsx-runtime").JSX.Element;
-        ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: Partial<import("..").IconButtonProps> & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+        Compose: ({ value, defaultValue, onChange, parser, formatter, ...restProps }: import("../Inputs/components/Compose/TextCompose.types").TextInputComposeProps & import("../Inputs/components/Compose/TextCompose.types").RestTextInputComposeProps) => import("react/jsx-runtime").JSX.Element;
+        ResetButton: ({ size, icon, allowReset, onClick, onMouseDown, ...restProps }: import("../Inputs/components/ResetButton/ResetButton.types").RestResetButtonProps & import("../Inputs/components/ResetButton/ResetButton.types").ResetButtonProps) => import("react/jsx-runtime").JSX.Element | null;
         Tag: import("react").ForwardRefExoticComponent<import("../Inputs/components/InputTag/InputTag.types").InputTagProps & import("../Inputs/components/InputTag/InputTag.types").RestInputTagProps & import("react").RefAttributes<HTMLInputElement>>;
-        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className">) => import("react/jsx-runtime").JSX.Element | null;
+        StatusIndicator: ({ className, style, size, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "className" | "style">) => import("react/jsx-runtime").JSX.Element | null;
         LoadingIndicator: ({ loading, ...restProps }: import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").LoadingIndicatorProps & import("../Inputs/components/LoadingIndicator/LoadingIndicator.types").RestLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
         SearchIcon: () => import("react/jsx-runtime").JSX.Element;
     }, any, {}, never>;