@redis-ui/components 37.0.0

package/dist/SideBar/components/Button/Button.js

@@ -0,0 +1,48 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { PlusIcon } from "@redislabsdev/redis-ui-icons";
+import { useSideBarContext } from "../../SideBar.context.js";
+import Tooltip from "../../../Tooltip/Tooltip.js";
+import { SideBarButton, TooltipContent, FadeInAnimationSvg, FadeInAnimationText } from "./Button.style.js";
+const Button = ({
+  tooltipProps: {
+    text: tooltipText,
+    placement = "right",
+    ...tooltipProps
+  },
+  buttonExpandedContent,
+  buttonCollapsedIcon: ButtonCollapsedIcon = PlusIcon,
+  ...rest
+}) => {
+  const {
+    isExpanded,
+    transitionEnd
+  } = useSideBarContext();
+  const getCollapsedButtonContent = () => jsxRuntimeExports.jsx(FadeInAnimationSvg, {
+    children: jsxRuntimeExports.jsx(ButtonCollapsedIcon, {
+      size: "M",
+      customColor: "currentColor"
+    })
+  });
+  const getExpandedButtonContent = () => jsxRuntimeExports.jsx(FadeInAnimationText, {
+    children: buttonExpandedContent
+  });
+  return isExpanded ? jsxRuntimeExports.jsx(SideBarButton, {
+    size: "large",
+    ...rest,
+    children: transitionEnd ? getExpandedButtonContent() : getCollapsedButtonContent()
+  }) : jsxRuntimeExports.jsx(Tooltip, {
+    ...tooltipProps,
+    placement,
+    content: jsxRuntimeExports.jsx(TooltipContent, {
+      children: tooltipText
+    }),
+    children: jsxRuntimeExports.jsx(SideBarButton, {
+      size: "large",
+      ...rest,
+      children: getCollapsedButtonContent()
+    })
+  });
+};
+export {
+  Button as default
+};

package/dist/SideBar/components/Button/Button.style.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const Button = require("../../../Button/Button.cjs");
+const Item_style = require("../Item/Item.style.cjs");
+const SideBar_utils = require("../../SideBar.utils.cjs");
+const Tooltip = require("../../../Tooltip/Tooltip.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SideBarButton = _styled__default.default(Button.default).withConfig({
+  displayName: "Buttonstyle__SideBarButton",
+  componentId: "RedisUI__sc-ngkny4-0"
+})(["margin:0 auto;display:flex;position:relative;", " padding:0;transition:width 0.7s;min-width:unset;"], () => SideBar_utils.useStateStyle((theme) => _styled.css`
+          height: ${theme.button.height};
+          width: ${theme.button.width};
+        `));
+const FadeInAnimationText = _styled__default.default.span.withConfig({
+  displayName: "Buttonstyle__FadeInAnimationText",
+  componentId: "RedisUI__sc-ngkny4-1"
+})(["animation:", " 0.3s forwards;"], Item_style.appear);
+const FadeInAnimationSvg = _styled__default.default.span.withConfig({
+  displayName: "Buttonstyle__FadeInAnimationSvg",
+  componentId: "RedisUI__sc-ngkny4-2"
+})(["display:flex;animation:", " 0.5s forwards;"], Item_style.appear);
+const TooltipContent = _styled__default.default(Tooltip.default.Content.Text).withConfig({
+  displayName: "Buttonstyle__TooltipContent",
+  componentId: "RedisUI__sc-ngkny4-3"
+})(["", ""], () => SideBar_utils.useStateStyle((theme) => _styled.css`
+          color: ${theme.button.tooltip.textColor};
+        `));
+exports.FadeInAnimationSvg = FadeInAnimationSvg;
+exports.FadeInAnimationText = FadeInAnimationText;
+exports.SideBarButton = SideBarButton;
+exports.TooltipContent = TooltipContent;

package/dist/SideBar/components/Button/Button.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const SideBarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
+    Icon: ({ icon, customSize, title }: import("../../../Button/components/Icon/Icon.types").ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
+}, any, {}, never>;
+export declare const FadeInAnimationText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FadeInAnimationSvg: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TooltipContent: import("styled-components").StyledComponent<(props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/SideBar/components/Button/Button.style.js

@@ -0,0 +1,32 @@
+import _styled, { css } from "styled-components";
+import Button from "../../../Button/Button.js";
+import { appear } from "../Item/Item.style.js";
+import { useStateStyle } from "../../SideBar.utils.js";
+import Tooltip from "../../../Tooltip/Tooltip.js";
+const SideBarButton = _styled(Button).withConfig({
+  displayName: "Buttonstyle__SideBarButton",
+  componentId: "RedisUI__sc-ngkny4-0"
+})(["margin:0 auto;display:flex;position:relative;", " padding:0;transition:width 0.7s;min-width:unset;"], () => useStateStyle((theme) => css`
+          height: ${theme.button.height};
+          width: ${theme.button.width};
+        `));
+const FadeInAnimationText = _styled.span.withConfig({
+  displayName: "Buttonstyle__FadeInAnimationText",
+  componentId: "RedisUI__sc-ngkny4-1"
+})(["animation:", " 0.3s forwards;"], appear);
+const FadeInAnimationSvg = _styled.span.withConfig({
+  displayName: "Buttonstyle__FadeInAnimationSvg",
+  componentId: "RedisUI__sc-ngkny4-2"
+})(["display:flex;animation:", " 0.5s forwards;"], appear);
+const TooltipContent = _styled(Tooltip.Content.Text).withConfig({
+  displayName: "Buttonstyle__TooltipContent",
+  componentId: "RedisUI__sc-ngkny4-3"
+})(["", ""], () => useStateStyle((theme) => css`
+          color: ${theme.button.tooltip.textColor};
+        `));
+export {
+  FadeInAnimationSvg,
+  FadeInAnimationText,
+  SideBarButton,
+  TooltipContent
+};

package/dist/SideBar/components/Button/Button.types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IconType } from '@redislabsdev/redis-ui-icons';
+import { ButtonProps } from '../../../Button';
+import type { SideBarTooltipProps } from '../../SideBar.types';
+export interface SideBarButtonProps extends ButtonProps {
+    tooltipProps: SideBarTooltipProps;
+    buttonExpandedContent: React.ReactNode;
+    buttonCollapsedIcon?: IconType;
+}

package/dist/SideBar/components/Divider/Divider.cjs

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

package/dist/SideBar/components/Divider/Divider.d.ts

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

package/dist/SideBar/components/Divider/Divider.js

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

package/dist/SideBar/components/Divider/Divider.style.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const SideBar_utils = require("../../SideBar.utils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Divider = _styled__default.default.div.withConfig({
+  displayName: "Dividerstyle__Divider",
+  componentId: "RedisUI__sc-191o8ht-0"
+})(["background-clip:content-box;transition:all 1s;flex:none;", ";"], ({
+  fullWidthWhenExpanded,
+  fullWidth,
+  noMargin
+}) => SideBar_utils.useStateStyle((theme, state) => _styled.css`
+        background: ${() => theme.divider.color};
+        height: ${theme.divider.thickness};
+        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : theme.divider.sidePadding};
+        margin-block: ${noMargin ? 0 : theme.divider.blockMargin};
+      `));
+exports.Divider = Divider;

package/dist/SideBar/components/Divider/Divider.style.d.ts

@@ -0,0 +1,5 @@
+export declare const Divider: import("styled-components").StyledComponent<"div", any, {
+    fullWidthWhenExpanded?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    noMargin?: boolean | undefined;
+}, never>;

package/dist/SideBar/components/Divider/Divider.style.js

@@ -0,0 +1,18 @@
+import _styled, { css } from "styled-components";
+import { useStateStyle } from "../../SideBar.utils.js";
+const Divider = _styled.div.withConfig({
+  displayName: "Dividerstyle__Divider",
+  componentId: "RedisUI__sc-191o8ht-0"
+})(["background-clip:content-box;transition:all 1s;flex:none;", ";"], ({
+  fullWidthWhenExpanded,
+  fullWidth,
+  noMargin
+}) => useStateStyle((theme, state) => css`
+        background: ${() => theme.divider.color};
+        height: ${theme.divider.thickness};
+        margin-inline: ${fullWidth || fullWidthWhenExpanded && state === "expanded" ? "0" : theme.divider.sidePadding};
+        margin-block: ${noMargin ? 0 : theme.divider.blockMargin};
+      `));
+export {
+  Divider
+};

package/dist/SideBar/components/Divider/Divider.types.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DividerProps extends Omit<React.HtmlHTMLAttributes<HTMLDivElement>, 'children'> {
+    fullWidthWhenExpanded?: boolean;
+    noMargin?: boolean;
+    fullWidth?: boolean;
+}

package/dist/SideBar/components/Footer/Footer.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const MetaData = require("./components/MetaData/MetaData.cjs");
+const Link = require("./components/Link/Link.cjs");
+const Text = require("./components/Text/Text.cjs");
+const Footer_style = require("./Footer.style.cjs");
+const Footer = Object.assign(
+  (props) => jsxRuntime.jsxRuntimeExports.jsx(Footer_style.SideBarFooter, {
+    ...props
+  }),
+  //
+  {
+    MetaData: MetaData.default,
+    Link: Link.default,
+    Text: Text.default
+  }
+);
+exports.default = Footer;

package/dist/SideBar/components/Footer/Footer.d.ts

@@ -0,0 +1,7 @@
+import { FooterProps } from './Footer.types';
+declare const Footer: ((props: FooterProps) => import("react/jsx-runtime").JSX.Element) & {
+    MetaData: ({ children, ...rest }: import("./components/MetaData/MetaData.types").MetaDataProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ children, ...rest }: import("./components/Link/Link.types").LinkProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import("./components/Text/Text.types").TextProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Footer;

package/dist/SideBar/components/Footer/Footer.js

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import MetaData from "./components/MetaData/MetaData.js";
+import Link from "./components/Link/Link.js";
+import Text from "./components/Text/Text.js";
+import { SideBarFooter } from "./Footer.style.js";
+const Footer = Object.assign(
+  (props) => jsxRuntimeExports.jsx(SideBarFooter, {
+    ...props
+  }),
+  //
+  {
+    MetaData,
+    Link,
+    Text
+  }
+);
+export {
+  Footer as default
+};

package/dist/SideBar/components/Footer/Footer.style.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SideBarFooter = _styled__default.default.div.withConfig({
+  displayName: "Footerstyle__SideBarFooter",
+  componentId: "RedisUI__sc-z12bz0-0"
+})(["position:relative;display:flex;flex-direction:column;justify-content:flex-end;"]);
+exports.SideBarFooter = SideBarFooter;

package/dist/SideBar/components/Footer/Footer.style.d.ts

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

package/dist/SideBar/components/Footer/Footer.style.js

@@ -0,0 +1,8 @@
+import _styled from "styled-components";
+const SideBarFooter = _styled.div.withConfig({
+  displayName: "Footerstyle__SideBarFooter",
+  componentId: "RedisUI__sc-z12bz0-0"
+})(["position:relative;display:flex;flex-direction:column;justify-content:flex-end;"]);
+export {
+  SideBarFooter
+};

package/dist/SideBar/components/Footer/Footer.types.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface FooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: React.ReactNode;
+}

package/dist/SideBar/components/Footer/components/Link/Link.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Link_style = require("./Link.style.cjs");
+const Typography = require("../../../../../Typography/Typography.cjs");
+const Link = ({
+  children,
+  ...rest
+}) => jsxRuntime.jsxRuntimeExports.jsx(Link_style.FooterLink, {
+  ...rest,
+  children: jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+    size: "XS",
+    component: "span",
+    children
+  })
+});
+exports.default = Link;

package/dist/SideBar/components/Footer/components/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps } from './Link.types';
+declare const Link: ({ children, ...rest }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/dist/SideBar/components/Footer/components/Link/Link.js

@@ -0,0 +1,17 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { FooterLink } from "./Link.style.js";
+import Typography from "../../../../../Typography/Typography.js";
+const Link = ({
+  children,
+  ...rest
+}) => jsxRuntimeExports.jsx(FooterLink, {
+  ...rest,
+  children: jsxRuntimeExports.jsx(Typography.Body, {
+    size: "XS",
+    component: "span",
+    children
+  })
+});
+export {
+  Link as default
+};

package/dist/SideBar/components/Footer/components/Link/Link.style.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const SideBar_utils = require("../../../../SideBar.utils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const FooterLink = _styled__default.default.a.withConfig({
+  displayName: "Linkstyle__FooterLink",
+  componentId: "RedisUI__sc-ttnddg-0"
+})(["cursor:pointer;", " &:link,&:visited{text-decoration:none;}"], () => SideBar_utils.useStateStyle((theme) => _styled.css`
+          color: ${theme.footer.link.textColor};
+        `));
+exports.FooterLink = FooterLink;

package/dist/SideBar/components/Footer/components/Link/Link.style.d.ts

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

package/dist/SideBar/components/Footer/components/Link/Link.style.js

@@ -0,0 +1,11 @@
+import _styled, { css } from "styled-components";
+import { useStateStyle } from "../../../../SideBar.utils.js";
+const FooterLink = _styled.a.withConfig({
+  displayName: "Linkstyle__FooterLink",
+  componentId: "RedisUI__sc-ttnddg-0"
+})(["cursor:pointer;", " &:link,&:visited{text-decoration:none;}"], () => useStateStyle((theme) => css`
+          color: ${theme.footer.link.textColor};
+        `));
+export {
+  FooterLink
+};

package/dist/SideBar/components/Footer/components/Link/Link.types.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    children: React.ReactNode;
+}

package/dist/SideBar/components/Footer/components/MetaData/MetaData.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 MetaData_style = require("./MetaData.style.cjs");
+const MetaData = ({
+  children,
+  ...rest
+}) => jsxRuntime.jsxRuntimeExports.jsx(MetaData_style.FooterMetadata, {
+  ...rest,
+  children
+});
+exports.default = MetaData;

package/dist/SideBar/components/Footer/components/MetaData/MetaData.d.ts

@@ -0,0 +1,3 @@
+import { MetaDataProps } from './MetaData.types';
+declare const MetaData: ({ children, ...rest }: MetaDataProps) => import("react/jsx-runtime").JSX.Element;
+export default MetaData;

package/dist/SideBar/components/Footer/components/MetaData/MetaData.js

@@ -0,0 +1,12 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { FooterMetadata } from "./MetaData.style.js";
+const MetaData = ({
+  children,
+  ...rest
+}) => jsxRuntimeExports.jsx(FooterMetadata, {
+  ...rest,
+  children
+});
+export {
+  MetaData as default
+};

package/dist/SideBar/components/Footer/components/MetaData/MetaData.style.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const SideBar_utils = require("../../../../SideBar.utils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const FooterMetadata = _styled__default.default.div.withConfig({
+  displayName: "MetaDatastyle__FooterMetadata",
+  componentId: "RedisUI__sc-1372jkw-0"
+})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => SideBar_utils.useStateStyle((theme) => _styled.css`
+          padding: ${theme.footer.meta.padding};
+          visibility: ${theme.footer.meta.visibility};
+          white-space: ${theme.footer.meta.whiteSpace};
+        `));
+exports.FooterMetadata = FooterMetadata;

package/dist/SideBar/components/Footer/components/MetaData/MetaData.style.d.ts

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

package/dist/SideBar/components/Footer/components/MetaData/MetaData.style.js

@@ -0,0 +1,13 @@
+import _styled, { css } from "styled-components";
+import { useStateStyle } from "../../../../SideBar.utils.js";
+const FooterMetadata = _styled.div.withConfig({
+  displayName: "MetaDatastyle__FooterMetadata",
+  componentId: "RedisUI__sc-1372jkw-0"
+})(["display:flex;position:relative;flex-direction:column;justify-content:flex-end;overflow:hidden;", ""], () => useStateStyle((theme) => css`
+          padding: ${theme.footer.meta.padding};
+          visibility: ${theme.footer.meta.visibility};
+          white-space: ${theme.footer.meta.whiteSpace};
+        `));
+export {
+  FooterMetadata
+};

package/dist/SideBar/components/Footer/components/MetaData/MetaData.types.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface MetaDataProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: React.ReactNode;
+}

package/dist/SideBar/components/Footer/components/Text/Text.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Text_style = require("./Text.style.cjs");
+const Text = (props) => jsxRuntime.jsxRuntimeExports.jsx(Text_style.SmallFooterText, {
+  size: "XS",
+  ...props
+});
+exports.default = Text;

package/dist/SideBar/components/Footer/components/Text/Text.d.ts

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

package/dist/SideBar/components/Footer/components/Text/Text.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { SmallFooterText } from "./Text.style.js";
+const Text = (props) => jsxRuntimeExports.jsx(SmallFooterText, {
+  size: "XS",
+  ...props
+});
+export {
+  Text as default
+};

package/dist/SideBar/components/Footer/components/Text/Text.style.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const SideBar_utils = require("../../../../SideBar.utils.cjs");
+const Typography = require("../../../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const SmallFooterText = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Textstyle__SmallFooterText",
+  componentId: "RedisUI__sc-wqppmn-0"
+})(["", ""], () => SideBar_utils.useStateStyle((theme) => _styled.css`
+          color: ${theme.footer.text.textColor};
+        `));
+exports.SmallFooterText = SmallFooterText;

package/dist/SideBar/components/Footer/components/Text/Text.style.d.ts

@@ -0,0 +1 @@
+export declare const SmallFooterText: 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/SideBar/components/Footer/components/Text/Text.style.js

@@ -0,0 +1,12 @@
+import _styled, { css } from "styled-components";
+import { useStateStyle } from "../../../../SideBar.utils.js";
+import Typography from "../../../../../Typography/Typography.js";
+const SmallFooterText = _styled(Typography.Body).withConfig({
+  displayName: "Textstyle__SmallFooterText",
+  componentId: "RedisUI__sc-wqppmn-0"
+})(["", ""], () => useStateStyle((theme) => css`
+          color: ${theme.footer.text.textColor};
+        `));
+export {
+  SmallFooterText
+};

package/dist/SideBar/components/Footer/components/Text/Text.types.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BodyProps } from '../../../../../Typography/components/Body/Body.types';
+export interface TextProps extends Omit<BodyProps, 'children'> {
+    children: React.ReactNode;
+}

package/dist/SideBar/components/Header/Header.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const SideBar_context = require("../../SideBar.context.cjs");
+const Header_style = require("./Header.style.cjs");
+const Header = ({
+  children,
+  onToggle,
+  ...rest
+}) => {
+  const {
+    isExpanded,
+    handleTransitionChange
+  } = SideBar_context.useSideBarContext();
+  return jsxRuntime.jsxRuntimeExports.jsxs(Header_style.SideBarHeader, {
+    isExpanded,
+    ...rest,
+    children: [jsxRuntime.jsxRuntimeExports.jsx(Header_style.ChildrenContainer, {
+      children
+    }), jsxRuntime.jsxRuntimeExports.jsx(Header_style.Arrow, {
+      isExpanded,
+      onClick: () => {
+        handleTransitionChange(false);
+        onToggle();
+      },
+      children: jsxRuntime.jsxRuntimeExports.jsx(redisUiIcons.ChevronDownIcon, {
+        size: "M",
+        customColor: "currentColor"
+      })
+    })]
+  });
+};
+exports.default = Header;

package/dist/SideBar/components/Header/Header.d.ts

@@ -0,0 +1,3 @@
+import { SideBarHeaderProps } from './Header.types';
+declare const Header: ({ children, onToggle, ...rest }: SideBarHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;

package/dist/SideBar/components/Header/Header.js

@@ -0,0 +1,34 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { ChevronDownIcon } from "@redislabsdev/redis-ui-icons";
+import { useSideBarContext } from "../../SideBar.context.js";
+import { SideBarHeader, ChildrenContainer, Arrow } from "./Header.style.js";
+const Header = ({
+  children,
+  onToggle,
+  ...rest
+}) => {
+  const {
+    isExpanded,
+    handleTransitionChange
+  } = useSideBarContext();
+  return jsxRuntimeExports.jsxs(SideBarHeader, {
+    isExpanded,
+    ...rest,
+    children: [jsxRuntimeExports.jsx(ChildrenContainer, {
+      children
+    }), jsxRuntimeExports.jsx(Arrow, {
+      isExpanded,
+      onClick: () => {
+        handleTransitionChange(false);
+        onToggle();
+      },
+      children: jsxRuntimeExports.jsx(ChevronDownIcon, {
+        size: "M",
+        customColor: "currentColor"
+      })
+    })]
+  });
+};
+export {
+  Header as default
+};