@redis-ui/components 37.0.0

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

@@ -0,0 +1,454 @@
+/// <reference types="react" />
+import { FlattenInterpolation, ThemeProps } from 'styled-components/macro';
+import * as RadixSwitch from '@radix-ui/react-switch';
+import { TokenMap } from '../../../Helpers/css.utils';
+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?: true) => FlattenInterpolation<ThemeProps<{
+    components: {
+        actionIconButton: import("@redislabsdev/redis-ui-styles").ActionIconButtonTheme;
+        appBar: import("@redislabsdev/redis-ui-styles").AppBarTheme;
+        appSelectionMenu: import("@redislabsdev/redis-ui-styles").AppSeletionMenuTheme;
+        autoComplete: import("@redislabsdev/redis-ui-styles").AutoCompleteTheme;
+        badge: import("@redislabsdev/redis-ui-styles").BadgeTheme;
+        banner: import("@redislabsdev/redis-ui-styles").BannerTheme;
+        boxSelectionGroup: import("@redislabsdev/redis-ui-styles").BoxSelectionGroupTheme;
+        button: import("@redislabsdev/redis-ui-styles").ButtonTheme;
+        buttonGroup: import("@redislabsdev/redis-ui-styles").ButtonGroupTheme;
+        card: import("@redislabsdev/redis-ui-styles").CardTheme;
+        checkbox: import("@redislabsdev/redis-ui-styles").CheckboxTheme;
+        chip: import("@redislabsdev/redis-ui-styles").ChipTheme;
+        chipList: import("@redislabsdev/redis-ui-styles").ChipListTheme;
+        countryFlag: import("@redislabsdev/redis-ui-styles").CountryFlagTheme;
+        datePicker: import("@redislabsdev/redis-ui-styles").DatePickerTheme;
+        drawer: import("@redislabsdev/redis-ui-styles").DrawerTheme;
+        filters: import("@redislabsdev/redis-ui-styles").FiltersTheme;
+        formField: import("@redislabsdev/redis-ui-styles").FormFieldTheme;
+        iconButton: import("@redislabsdev/redis-ui-styles").IconButtonTheme;
+        input: import("@redislabsdev/redis-ui-styles").InputTheme;
+        label: import("@redislabsdev/redis-ui-styles").LabelTheme;
+        link: import("@redislabsdev/redis-ui-styles").LinkTheme;
+        loader: import("@redislabsdev/redis-ui-styles").LoaderTheme;
+        menu: import("@redislabsdev/redis-ui-styles").MenuTheme;
+        modal: import("@redislabsdev/redis-ui-styles").ModalTheme;
+        popover: import("@redislabsdev/redis-ui-styles").PopoverTheme;
+        popupCard: import("@redislabsdev/redis-ui-styles").PopupCardTheme;
+        profileIcon: import("@redislabsdev/redis-ui-styles").ProfileIconTheme;
+        progressBar: import("@redislabsdev/redis-ui-styles").ProgressBarTheme;
+        radio: import("@redislabsdev/redis-ui-styles").RadioTheme;
+        searchBar: import("@redislabsdev/redis-ui-styles").SearchBarTheme;
+        section: import("@redislabsdev/redis-ui-styles").SectionTheme;
+        select: import("@redislabsdev/redis-ui-styles").SelectTheme;
+        semanticButton: import("@redislabsdev/redis-ui-styles/dist/themes/themeOld/components/semanticButton").SemanticButtonTheme;
+        semanticContainer: import("@redislabsdev/redis-ui-styles").SemanticContainerTheme;
+        semanticIcon: import("@redislabsdev/redis-ui-styles").SemanticIconTheme;
+        sideBar: import("@redislabsdev/redis-ui-styles").SideBarTheme;
+        skeleton: import("@redislabsdev/redis-ui-styles").SkeletonTheme;
+        stepper: import("@redislabsdev/redis-ui-styles").StepperTheme;
+        switchButton: import("@redislabsdev/redis-ui-styles").SwitchTheme;
+        table: import("@redislabsdev/redis-ui-styles").TableTheme;
+        tableHeading: import("@redislabsdev/redis-ui-styles").TableHeadingTheme;
+        tabs: import("@redislabsdev/redis-ui-styles").TabsTheme;
+        textButton: import("@redislabsdev/redis-ui-styles").TextButtonTheme;
+        toast: import("@redislabsdev/redis-ui-styles").ToastTheme;
+        toggleButton: import("@redislabsdev/redis-ui-styles").ToggleButtonTheme;
+        tooltip: import("@redislabsdev/redis-ui-styles").TooltipTheme;
+        treeView: import("@redislabsdev/redis-ui-styles").TreeViewTheme;
+        typography: import("@redislabsdev/redis-ui-styles").TypoTheme;
+        windowBar: import("@redislabsdev/redis-ui-styles").WindowBarTheme;
+    };
+    color: {
+        transparent: string;
+        pink500: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        dark50: string;
+        dark100: string;
+        dark200: string;
+        dark300: string;
+        dark400: string;
+        dark500: string;
+        dark600: string;
+        dark700: string;
+        dark800: string;
+        dark900: string;
+        grayscale100: string;
+        grayscale200: string;
+        grayscale300: string;
+        grayscale400: string;
+        grayscale600: string;
+        grayscale700: string;
+        grayscale800: string;
+        dusk50: string;
+        dusk100: string;
+        dusk150: string;
+        dusk200: string;
+        dusk300: string;
+        dusk400: string;
+        dusk600: string;
+        dusk700: string;
+        dusk800: string;
+        azure100: string;
+        azure200: string;
+        azure300: string;
+        azure400: string;
+        azure500: string;
+        azure600: string;
+        azure700: string;
+        azure800: string;
+        azure900: string;
+        violet50: string;
+        violet200: string;
+        violet500: string;
+        bluesky50: string;
+        bluesky200: string;
+        bluesky500: string;
+        yellow50: string;
+        yellow200: string;
+        yellow500: string;
+    };
+    semantic: {
+        color: {
+            background: {
+                transparent: string;
+                neutral100: string;
+                neutral200: string;
+                neutral300: string;
+                neutral400: string;
+                neutral500: string;
+                neutral600: string;
+                neutral700: string;
+                neutral800: string;
+                primary50: string;
+                primary100: string;
+                primary200: string;
+                primary300: string;
+                primary400: string;
+                primary500: string;
+                primary600: string;
+                primary700: string;
+                success100: string;
+                success200: string;
+                success300: string;
+                success500: string;
+                success600: string;
+                success700: string;
+                success800: string;
+                notice100: string;
+                notice200: string;
+                notice300: string;
+                notice500: string;
+                notice600: string;
+                notice700: string;
+                notice800: string;
+                informative50: string;
+                informative100: string;
+                informative200: string;
+                informative300: string;
+                informative400: string;
+                informative500: string;
+                informative600: string;
+                informative700: string;
+                attention100: string;
+                attention200: string;
+                attention300: string;
+                attention500: string;
+                attention600: string;
+                attention700: string;
+                attention800: string;
+                danger100: string;
+                danger200: string;
+                danger300: string;
+                danger500: string;
+                danger600: string;
+                danger700: string;
+                danger800: string;
+            };
+            border: {
+                transparent: string;
+                neutral100: string;
+                neutral200: string;
+                neutral300: string;
+                neutral400: string;
+                neutral500: string;
+                neutral600: string;
+                neutral700: string;
+                neutral800: string;
+                primary50: string;
+                primary100: string;
+                primary200: string;
+                primary300: string;
+                primary400: string;
+                primary500: string;
+                primary600: string;
+                primary700: string;
+                success100: string;
+                success200: string;
+                success300: string;
+                success500: string;
+                success600: string;
+                success700: string;
+                success800: string;
+                notice100: string;
+                notice200: string;
+                notice300: string;
+                notice500: string;
+                notice600: string;
+                notice700: string;
+                notice800: string;
+                informative50: string;
+                informative100: string;
+                informative200: string;
+                informative300: string;
+                informative400: string;
+                informative500: string;
+                informative600: string;
+                informative700: string;
+                attention100: string;
+                attention200: string;
+                attention300: string;
+                attention500: string;
+                attention600: string;
+                attention700: string;
+                attention800: string;
+                danger100: string;
+                danger200: string;
+                danger300: string;
+                danger500: string;
+                danger600: string;
+                danger700: string;
+                danger800: string;
+            };
+            text: {
+                transparent: string;
+                neutral100: string;
+                neutral200: string;
+                neutral300: string;
+                neutral400: string;
+                neutral500: string;
+                neutral600: string;
+                neutral700: string;
+                neutral800: string;
+                primary50: string;
+                primary100: string;
+                primary200: string;
+                primary300: string;
+                primary400: string;
+                primary500: string;
+                primary600: string;
+                primary700: string;
+                success100: string;
+                success200: string;
+                success300: string;
+                success500: string;
+                success600: string;
+                success700: string;
+                success800: string;
+                notice100: string;
+                notice200: string;
+                notice300: string;
+                notice500: string;
+                notice600: string;
+                notice700: string;
+                notice800: string;
+                informative50: string;
+                informative100: string;
+                informative200: string;
+                informative300: string;
+                informative400: string;
+                informative500: string;
+                informative600: string;
+                informative700: string;
+                attention100: string;
+                attention200: string;
+                attention300: string;
+                attention500: string;
+                attention600: string;
+                attention700: string;
+                attention800: string;
+                danger100: string;
+                danger200: string;
+                danger300: string;
+                danger500: string;
+                danger600: string;
+                danger700: string;
+                danger800: string;
+            };
+            icon: {
+                transparent: string;
+                neutral100: string;
+                neutral200: string;
+                neutral300: string;
+                neutral400: string;
+                neutral500: string;
+                neutral600: string;
+                neutral700: string;
+                neutral800: string;
+                primary50: string;
+                primary100: string;
+                primary200: string;
+                primary300: string;
+                primary400: string;
+                primary500: string;
+                primary600: string;
+                primary700: string;
+                success100: string;
+                success200: string;
+                success300: string;
+                success500: string;
+                success600: string;
+                success700: string;
+                success800: string;
+                notice100: string;
+                notice200: string;
+                notice300: string;
+                notice500: string;
+                notice600: string;
+                notice700: string;
+                notice800: string;
+                informative50: string;
+                informative100: string;
+                informative200: string;
+                informative300: string;
+                informative400: string;
+                informative500: string;
+                informative600: string;
+                informative700: string;
+                attention100: string;
+                attention200: string;
+                attention300: string;
+                attention500: string;
+                attention600: string;
+                attention700: string;
+                attention800: string;
+                danger100: string;
+                danger200: string;
+                danger300: string;
+                danger500: string;
+                danger600: string;
+                danger700: string;
+                danger800: string;
+            };
+        };
+    };
+    core: {
+        space: {
+            space000: string;
+            space010: string;
+            space025: string;
+            space050: string;
+            space100: string;
+            space150: string;
+            space200: string;
+            space250: string;
+            space300: string;
+            space400: string;
+            space500: string;
+            space550: string;
+            space600: string;
+            space800: string;
+        };
+        shadow: {
+            shadow1: string;
+            shadow2: string;
+            shadow3: string;
+            shadow4: string;
+            shadow100: string;
+            shadow200: string;
+            shadow300: string;
+            shadow400: string;
+            shadow500: string;
+            shadow600: string;
+            shadow700: string;
+        };
+        zIndex: {
+            zIndex5: number;
+            zIndex9998: number;
+            zIndex9999: number;
+        };
+        font: {
+            fontFamily: {
+                regular: string;
+                sourceCodeProRegular: string;
+            };
+            fontSize: {
+                s8: string;
+                s10: string;
+                s12: string;
+                s13: string;
+                s14: string;
+                s15: string;
+                s16: string;
+                s18: string;
+                s20: string;
+                s22: string;
+                s24: string;
+                s26: string;
+                s27: string;
+                s28: string;
+                s32: string;
+                s40: string;
+                s44: string;
+                s52: string;
+            };
+        };
+        focus: {
+            margin: string;
+            size: string;
+            color: string;
+        };
+    };
+    name: string;
+}>> | null;
+export declare const SwitcherCompose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const SwitcherKnob: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<RadixSwitch.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

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

@@ -0,0 +1,84 @@
+import _styled, { css } from "styled-components";
+import { useTheme, getFocusStyle } from "@redislabsdev/redis-ui-styles";
+import { Root, Thumb } from "../../../node_modules/@radix-ui/react-switch/dist/index.js";
+import { styleFromTokens } from "../../../Helpers/css.utils.js";
+import { bgColorMap, borderColorMap } from "../../../Button/Button.style.utils.js";
+import { useSwitchContext } from "../../Switch.context.js";
+import { useFieldReadonly } from "../../../FormField/FormField.context.js";
+import { useFieldDisabled } from "../../../Inputs/components/Context/Field.context.js";
+const getSwitchStatesStyle = (theme, maps, readOnly, disabled, withCursor) => {
+  if (!theme) return null;
+  if (disabled) return css`
+      ${styleFromTokens(maps, theme.disabled)};
+      ${withCursor && `cursor: not-allowed`};
+    `;
+  if (readOnly) return css`
+      ${styleFromTokens(maps, theme.readonly)};
+      ${withCursor && `cursor: default`};
+      &:hover,
+      &:active {
+        ${styleFromTokens(maps, theme.readonly)};
+        ${withCursor && `cursor: default`};
+      }
+    `;
+  return css`
+    & {
+      ${styleFromTokens(maps, theme.normal)};
+    }
+
+    &:hover {
+      ${styleFromTokens(maps, theme.hover, theme.normal)};
+    }
+
+    &:active {
+      ${styleFromTokens(maps, theme.active, theme.normal)};
+    }
+  `;
+};
+const useSwitchStateStyle = (maps, withCursor) => {
+  const {
+    checked
+  } = useSwitchContext();
+  const readOnly = useFieldReadonly();
+  const disabled = useFieldDisabled();
+  return getSwitchStatesStyle(useTheme().components.switchButton.toggleStates[checked ? "on" : "off"], maps, readOnly, disabled, withCursor);
+};
+const SwitcherCompose = _styled(Root).attrs(() => {
+  const readOnly = useFieldReadonly();
+  return {
+    "data-readonly": readOnly ? "" : void 0,
+    readOnly
+  };
+}).withConfig({
+  displayName: "Switcherstyle__SwitcherCompose",
+  componentId: "RedisUI__sc-1w5k9zb-0"
+})(["", ";", ";"], () => {
+  const style = useTheme().components.switchButton;
+  return css`
+      width: ${style.width};
+      height: ${style.height};
+      display: flex;
+      position: relative;
+      justify-content: flex-start;
+      border: ${style.borderWidth} solid;
+      box-sizing: border-box;
+      border-radius: ${style.borderRadius};
+      padding: 0;
+      transition: all 0.3s ease, outline-offset 0ms, outline 0ms;
+      cursor: pointer;
+      overflow: hidden;
+      ${getFocusStyle()};
+    `;
+}, () => useSwitchStateStyle([bgColorMap, borderColorMap], true));
+const SwitcherKnob = _styled(Thumb).withConfig({
+  displayName: "Switcherstyle__SwitcherKnob",
+  componentId: "RedisUI__sc-1w5k9zb-1"
+})(["height:100%;width:100%;transition:inherit;transform:translateX(", ");background:none;:before{content:'';display:block;height:100%;aspect-ratio:1/1;transition:inherit;transform:translateX(", ");border-radius:", ";border:", " solid transparent;background-clip:content-box;", ";}"], () => useSwitchContext().checked ? "100%" : "0%", () => useSwitchContext().checked ? "-100%" : "0%", () => useTheme().components.switchButton.thumb.borderRadius, () => useTheme().components.switchButton.padding, () => useSwitchStateStyle([{
+  cssProp: "background-color",
+  token: "thumbColor"
+}]));
+export {
+  SwitcherCompose,
+  SwitcherKnob,
+  useSwitchStateStyle
+};

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

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export type SwitcherProps = HTMLAttributes<HTMLButtonElement>;

package/dist/Switch/components/Title/Title.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Switch_context = require("../../Switch.context.cjs");
+const Title_style = require("./Title.style.cjs");
+const Title = ({
+  titleOn,
+  titleOff,
+  ...restProps
+}) => {
+  const {
+    checked
+  } = Switch_context.useSwitchContext();
+  return titleOn || titleOff ? jsxRuntime.jsxRuntimeExports.jsx(Title_style.Title, {
+    component: "div",
+    "data-role": "switch-title",
+    ...restProps,
+    children: (checked ? titleOn : titleOff) || ""
+  }) : null;
+};
+exports.default = Title;

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

@@ -0,0 +1,3 @@
+import { RestSwitchTitleProps, SwitchTitleProps } from './Title.types';
+declare const Title: ({ titleOn, titleOff, ...restProps }: SwitchTitleProps & RestSwitchTitleProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Title;

package/dist/Switch/components/Title/Title.js

@@ -0,0 +1,21 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { useSwitchContext } from "../../Switch.context.js";
+import { Title as Title$1 } from "./Title.style.js";
+const Title = ({
+  titleOn,
+  titleOff,
+  ...restProps
+}) => {
+  const {
+    checked
+  } = useSwitchContext();
+  return titleOn || titleOff ? jsxRuntimeExports.jsx(Title$1, {
+    component: "div",
+    "data-role": "switch-title",
+    ...restProps,
+    children: (checked ? titleOn : titleOff) || ""
+  }) : null;
+};
+export {
+  Title as default
+};

package/dist/Switch/components/Title/Title.style.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const Button_style_utils = require("../../../Button/Button.style.utils.cjs");
+const Switcher_style = require("../Switcher/Switcher.style.cjs");
+const Typography = require("../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Title = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Titlestyle__Title",
+  componentId: "RedisUI__sc-cccd5v-0"
+})(["display:inline-flex;", ";"], () => Switcher_style.useSwitchStateStyle([Button_style_utils.textColorMap]));
+exports.Title = Title;

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

@@ -0,0 +1 @@
+export declare const Title: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Switch/components/Title/Title.style.js

@@ -0,0 +1,11 @@
+import _styled from "styled-components";
+import { textColorMap } from "../../../Button/Button.style.utils.js";
+import { useSwitchStateStyle } from "../Switcher/Switcher.style.js";
+import Typography from "../../../Typography/Typography.js";
+const Title = _styled(Typography.Body).withConfig({
+  displayName: "Titlestyle__Title",
+  componentId: "RedisUI__sc-cccd5v-0"
+})(["display:inline-flex;", ";"], () => useSwitchStateStyle([textColorMap]));
+export {
+  Title
+};

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

@@ -0,0 +1,8 @@
+import { ComponentProps, ReactNode } from 'react';
+import { ChildFree } from '../../../Helpers/common.types';
+import Typography from '../../../Typography/Typography';
+export interface SwitchTitleProps {
+    titleOn?: ReactNode;
+    titleOff?: ReactNode;
+}
+export type RestSwitchTitleProps = ChildFree<ComponentProps<typeof Typography.Body>>;

package/dist/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch';
+export * from './Switch.types';

package/dist/TableHeading/TableHeading.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const TableTitle = require("./components/TableTitle/TableTitle.cjs");
+const TableHeading_style = require("./TableHeading.style.cjs");
+const TableHeading = Object.assign((props) => jsxRuntime.jsxRuntimeExports.jsx(TableHeading_style.TableHeadingContainer, {
+  ...props
+}), {
+  Title: TableTitle.default,
+  SearchInput: TableHeading_style.TableSearchInput,
+  EndContainer: TableHeading_style.EndContainer
+});
+const TableHeading$1 = TableHeading;
+exports.default = TableHeading$1;

package/dist/TableHeading/TableHeading.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TableHeadingProps } from './TableHeading.types';
+declare const TableHeading: ((props: TableHeadingProps) => import("react/jsx-runtime").JSX.Element) & {
+    Title: ({ className, children, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => 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("../Helpers/common.types").ComposeElementProps<HTMLDivElement>, "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;
+        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, $customTitles, ...restProps }: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps & Pick<import("react").HTMLAttributes<unknown>, "style" | "className"> & {
+            $customTitles?: boolean | undefined;
+        }) => 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>;
+    EndContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+};
+export default TableHeading;