@redsift/design-system 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.12

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/side-navigation-menu-bar.js

@@ -1,4 +0,0 @@
-export { SideNavigationMenuBarVariant } from './types.js';
-export { SideNavigationMenuBar } from './SideNavigationMenuBar.js';
-export { useSideNavigationMenuBar } from './useSideNavigationMenuBar.js';
-//# sourceMappingURL=side-navigation-menu-bar.js.map

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/side-navigation-menu-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"side-navigation-menu-bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/styles.js

@@ -1,89 +0,0 @@
-import styled, { css } from 'styled-components';
-import { SideNavigationMenuBarVariant } from './types.js';
-
-/**
- * Component style.
- */
-const StyledSideNavigationMenuBar = styled.nav`
-  background-color: ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return `var(--redsift-color-${$theme}-components-side-navigation-background)`;
-}};
-  box-sizing: content-box;
-  overflow-x: hidden;
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-  transition: width 300ms ease-out;
-  width: ${_ref2 => {
-  let {
-    $variant
-  } = _ref2;
-  return $variant === SideNavigationMenuBarVariant.shrinked ? '64px' : '250px';
-}};
-
-  ${_ref3 => {
-  let {
-    $marginTop = 0
-  } = _ref3;
-  return $marginTop ? css`
-          height: calc(100% - ${$marginTop}px);
-        ` : '';
-}}
-
-  ul {
-    list-style: none;
-    margin: unset;
-    padding: unset;
-  }
-
-  scrollbar-color: ${_ref4 => {
-  let {
-    $theme
-  } = _ref4;
-  return `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting) transparent`;
-}};
-  scrollbar-width: thin;
-
-  &::-webkit-scrollbar {
-    block-size: 9px;
-    inline-size: 9px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-clip: padding-box;
-    background-color: ${_ref5 => {
-  let {
-    $theme
-  } = _ref5;
-  return `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting)`;
-}};
-    border-radius: 0px;
-    border-left: 2px solid transparent;
-    border-right: 2px solid transparent;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb:horizontal,
-  &::-webkit-scrollbar-thumb:vertical {
-    &:hover {
-      background-color: ${_ref6 => {
-  let {
-    $theme
-  } = _ref6;
-  return `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`;
-}};
-    }
-  }
-
-  &::-webkit-scrollbar-corner {
-    visibility: hidden;
-  }
-`;
-
-export { StyledSideNavigationMenuBar };
-//# sourceMappingURL=styles.js.map

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/side-navigation-menu-bar/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { SideNavigationMenuBarVariant, StyledSideNavigationMenuBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSideNavigationMenuBar = styled.nav<StyledSideNavigationMenuBarProps>`\n  background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-background)`};\n  box-sizing: content-box;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n  transition: width 300ms ease-out;\n  width: ${({ $variant }) => ($variant === SideNavigationMenuBarVariant.shrinked ? '64px' : '250px')};\n\n  ${({ $marginTop = 0 }) =>\n    $marginTop\n      ? css`\n          height: calc(100% - ${$marginTop}px);\n        `\n      : ''}\n\n  ul {\n    list-style: none;\n    margin: unset;\n    padding: unset;\n  }\n\n  scrollbar-color: ${({ $theme }) =>\n    `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting) transparent`};\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    block-size: 9px;\n    inline-size: 9px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-clip: padding-box;\n    background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting)`};\n    border-radius: 0px;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb:horizontal,\n  &::-webkit-scrollbar-thumb:vertical {\n    &:hover {\n      background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`};\n    }\n  }\n\n  &::-webkit-scrollbar-corner {\n    visibility: hidden;\n  }\n`;\n"],"names":["StyledSideNavigationMenuBar","styled","nav","_ref","$theme","_ref2","$variant","SideNavigationMenuBarVariant","shrinked","_ref3","$marginTop","css","_ref4","_ref5","_ref6"],"mappings":";;;AAGA;AACA;AACA;AACaA,MAAAA,2BAA2B,GAAGC,MAAM,CAACC,GAAsC,CAAA;AACxF,oBAAA,EAAsBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBC,MAAO,CAAwC,uCAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAC7G;AACA;AACA;AACA;AACA;AACA,SAAA,EAAWC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAMC,QAAQ,KAAKC,4BAA4B,CAACC,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAAA,CAAE,CAAA;AACrG;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAU,GAAG,CAAA;AAAE,GAAC,GAAAD,KAAA,CAAA;EAAA,OACnBC,UAAU,GACNC,GAAI,CAAA;AACZ,8BAAA,EAAgCD,UAAW,CAAA;AAC3C,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAA,EAAqBE,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,MAAAA;AAAO,GAAC,GAAAQ,KAAA,CAAA;EAAA,OAC3B,CAAA,oBAAA,EAAsBR,MAAO,CAA2D,0DAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAA,EAAwBS,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,MAAAA;AAAO,GAAC,GAAAS,KAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBT,MAAO,CAA+C,8CAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACtH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAA,EAA0BU,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,MAAAA;AAAO,GAAC,GAAAU,KAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBV,MAAO,CAA6C,4CAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACtH;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/types.js

@@ -1,22 +0,0 @@
-/**
- * Component variant.
- */
-const SideNavigationMenuBarVariant = {
-  shrinked: 'shrinked',
-  standard: 'standard'
-};
-
-/**
- * Context props.
- */
-
-/**
- * Component props.
- */
-
-/**
- * Hook props.
- */
-
-export { SideNavigationMenuBarVariant };
-//# sourceMappingURL=types.js.map

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/side-navigation-menu-bar/types.ts"],"sourcesContent":["import { ComponentProps, Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport { SideNavigationMenuProps } from '../side-navigation-menu';\nimport { SideNavigationMenuItemProps } from '../side-navigation-menu-item';\nimport { Theme, ValueOf } from '@redsift/design-system/types';\n\n/**\n * Component variant.\n */\nexport const SideNavigationMenuBarVariant = {\n  shrinked: 'shrinked',\n  standard: 'standard',\n} as const;\nexport type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;\n\n/**\n * Context props.\n */\nexport type SideNavigationMenuBarContextProps = {\n  /** List of menu items. */\n  menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;\n  /** Side navigation variant. */\n  sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;\n  /** Change side navigation variant. */\n  setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;\n  /** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */\n  currentOpenMenuId?: string;\n  /** Change current open menu id. */\n  setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;\n};\n\n/**\n * Component props.\n */\nexport interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {\n  /** Whether or not opening a menu closes the others. */\n  canHaveMultipleMenuOpenAtOnce?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Custom props to pass to the menubar. */\n  menubarProps?: ComponentProps<'ul'>;\n  /** Custom ref to pass to the menubar. */\n  menubarRef?: MutableRefObject<HTMLUListElement>;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant. */\n  variant?: SideNavigationMenuBarVariant;\n}\n\nexport type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {\n  $isDisabled: SideNavigationMenuBarProps['isDisabled'];\n  $marginTop?: number;\n  $variant: SideNavigationMenuBarProps['variant'];\n  $theme: SideNavigationMenuBarProps['theme'];\n};\n\n/**\n * Hook props.\n */\nexport interface MenuItem extends Omit<SideNavigationMenuItemProps, 'children'> {\n  title: string;\n}\nexport interface Menu extends Omit<SideNavigationMenuProps, 'children'> {\n  title: string;\n  children: MenuItem[];\n}\nexport type MenuBarItems = (Menu | MenuItem)[];\n"],"names":["SideNavigationMenuBarVariant","shrinked","standard"],"mappings":"AAKA;AACA;AACA;AACO,MAAMA,4BAA4B,GAAG;AAC1CC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAU;;AAGV;AACA;AACA;;AAcA;AACA;AACA;;AAuBA;AACA;AACA;;;;"}

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/useSideNavigationMenuBar.js

@@ -1,70 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { SideNavigationMenuItem } from '../../side-navigation-menu-item/_internal/SideNavigationMenuItem.js';
-import { SideNavigationMenu } from '../../side-navigation-menu/_internal/SideNavigationMenu.js';
-
-const _excluded = ["title", "href", "ref"],
-  _excluded2 = ["title", "children", "ref"],
-  _excluded3 = ["title", "href", "ref"];
-const isMenu = item => {
-  return item.children !== undefined;
-};
-const useSideNavigationMenuBar = _ref => {
-  let {
-    items,
-    isActive
-  } = _ref;
-  const menuBarChildren = [];
-  items.map(item => {
-    if (!isMenu(item)) {
-      const {
-          title,
-          href,
-          ref
-        } = item,
-        rest = _objectWithoutProperties(item, _excluded);
-      menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends({
-        key: title,
-        isCurrent: isActive ? isActive(href) : undefined
-      }, rest, {
-        href: href,
-        ref: ref
-      }), title));
-    } else {
-      const {
-          title,
-          children,
-          ref
-        } = item,
-        rest = _objectWithoutProperties(item, _excluded2);
-      menuBarChildren.push( /*#__PURE__*/React__default.createElement(SideNavigationMenu, _extends({
-        key: title,
-        "aria-label": title,
-        isExpanded: isActive ? children.filter(child => isActive(child.href)).length > 0 : undefined,
-        hasBadge: children.filter(child => child.badge).length > 0
-      }, rest, {
-        ref: ref
-      }), children.map(child => {
-        const {
-            title,
-            href,
-            ref
-          } = child,
-          rest = _objectWithoutProperties(child, _excluded3);
-        return /*#__PURE__*/React__default.createElement(SideNavigationMenuItem, _extends({
-          key: title,
-          href: href,
-          isCurrent: isActive ? isActive(href) : undefined
-        }, rest, {
-          ref: ref
-        }), title);
-      })));
-    }
-  });
-  return {
-    children: menuBarChildren
-  };
-};
-
-export { useSideNavigationMenuBar };
-//# sourceMappingURL=useSideNavigationMenuBar.js.map

package/packages/design-system/src/components/side-navigation-menu-bar/_internal/useSideNavigationMenuBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSideNavigationMenuBar.js","sources":["../../../../../../../src/components/side-navigation-menu-bar/useSideNavigationMenuBar.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport { SideNavigationMenu } from '../side-navigation-menu';\nimport { SideNavigationMenuItem } from '../side-navigation-menu-item';\nimport {\n  MenuBarItems,\n  MenuItem,\n  Menu,\n  SideNavigationMenuBarProps,\n} from './types';\n\nconst isMenu = (item: MenuItem | Menu): item is Menu => {\n  return (item as Menu).children !== undefined;\n};\n\nexport interface UseSideNavigationMenuBarProps {\n  items: MenuBarItems;\n  isActive?: (href: string) => boolean;\n}\n\nexport const useSideNavigationMenuBar = ({\n  items,\n  isActive,\n}: UseSideNavigationMenuBarProps): Omit<SideNavigationMenuBarProps, 'ref'> => {\n  const menuBarChildren: SideNavigationMenuBarProps['children'][] = [];\n\n  items.map((item) => {\n    if (!isMenu(item)) {\n      const { title, href, ref, ...rest } = item;\n      menuBarChildren.push(\n        <SideNavigationMenuItem\n          key={title}\n          isCurrent={isActive ? isActive(href!) : undefined}\n          {...rest}\n          href={href}\n          ref={ref as MutableRefObject<HTMLAnchorElement>}\n        >\n          {title}\n        </SideNavigationMenuItem>\n      );\n    } else {\n      const { title, children, ref, ...rest } = item;\n      menuBarChildren.push(\n        <SideNavigationMenu\n          key={title}\n          aria-label={title}\n          isExpanded={\n            isActive\n              ? children.filter((child) => isActive(child.href!)).length > 0\n              : undefined\n          }\n          hasBadge={children.filter((child) => child.badge).length > 0}\n          {...rest}\n          ref={ref as MutableRefObject<HTMLDivElement>}\n        >\n          {children.map((child) => {\n            const { title, href, ref, ...rest } = child;\n            return (\n              <SideNavigationMenuItem\n                key={title}\n                href={href}\n                isCurrent={isActive ? isActive(href!) : undefined}\n                {...rest}\n                ref={ref as MutableRefObject<HTMLAnchorElement>}\n              >\n                {title}\n              </SideNavigationMenuItem>\n            );\n          })}\n        </SideNavigationMenu>\n      );\n    }\n  });\n\n  return {\n    children: menuBarChildren,\n  };\n};\n"],"names":["isMenu","item","children","undefined","useSideNavigationMenuBar","_ref","items","isActive","menuBarChildren","map","title","href","ref","rest","_objectWithoutProperties","_excluded","push","React","createElement","SideNavigationMenuItem","_extends","key","isCurrent","_excluded2","SideNavigationMenu","isExpanded","filter","child","length","hasBadge","badge","_excluded3"],"mappings":";;;;;;;;AAUA,MAAMA,MAAM,GAAIC,IAAqB,IAAmB;AACtD,EAAA,OAAQA,IAAI,CAAUC,QAAQ,KAAKC,SAAS,CAAA;AAC9C,CAAC,CAAA;AAOYC,MAAAA,wBAAwB,GAAGC,IAAA,IAGsC;EAAA,IAHrC;IACvCC,KAAK;AACLC,IAAAA,QAAAA;AAC6B,GAAC,GAAAF,IAAA,CAAA;EAC9B,MAAMG,eAAyD,GAAG,EAAE,CAAA;AAEpEF,EAAAA,KAAK,CAACG,GAAG,CAAER,IAAI,IAAK;AAClB,IAAA,IAAI,CAACD,MAAM,CAACC,IAAI,CAAC,EAAE;MACjB,MAAM;UAAES,KAAK;UAAEC,IAAI;AAAEC,UAAAA,GAAAA;AAAa,SAAC,GAAGX,IAAI;AAAbY,QAAAA,IAAI,GAAAC,wBAAA,CAAKb,IAAI,EAAAc,SAAA,CAAA,CAAA;MAC1CP,eAAe,CAACQ,IAAI,eAClBC,cAAA,CAAAC,aAAA,CAACC,sBAAsB,EAAAC,QAAA,CAAA;AACrBC,QAAAA,GAAG,EAAEX,KAAM;AACXY,QAAAA,SAAS,EAAEf,QAAQ,GAAGA,QAAQ,CAACI,IAAK,CAAC,GAAGR,SAAAA;AAAU,OAAA,EAC9CU,IAAI,EAAA;AACRF,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,GAAG,EAAEA,GAAAA;OAEJF,CAAAA,EAAAA,KACqB,CAC1B,CAAC,CAAA;AACH,KAAC,MAAM;MACL,MAAM;UAAEA,KAAK;UAAER,QAAQ;AAAEU,UAAAA,GAAAA;AAAa,SAAC,GAAGX,IAAI;AAAbY,QAAAA,IAAI,GAAAC,wBAAA,CAAKb,IAAI,EAAAsB,UAAA,CAAA,CAAA;MAC9Cf,eAAe,CAACQ,IAAI,eAClBC,cAAA,CAAAC,aAAA,CAACM,kBAAkB,EAAAJ,QAAA,CAAA;AACjBC,QAAAA,GAAG,EAAEX,KAAM;AACX,QAAA,YAAA,EAAYA,KAAM;QAClBe,UAAU,EACRlB,QAAQ,GACJL,QAAQ,CAACwB,MAAM,CAAEC,KAAK,IAAKpB,QAAQ,CAACoB,KAAK,CAAChB,IAAK,CAAC,CAAC,CAACiB,MAAM,GAAG,CAAC,GAC5DzB,SACL;AACD0B,QAAAA,QAAQ,EAAE3B,QAAQ,CAACwB,MAAM,CAAEC,KAAK,IAAKA,KAAK,CAACG,KAAK,CAAC,CAACF,MAAM,GAAG,CAAA;AAAE,OAAA,EACzDf,IAAI,EAAA;AACRD,QAAAA,GAAG,EAAEA,GAAAA;AAAwC,OAAA,CAAA,EAE5CV,QAAQ,CAACO,GAAG,CAAEkB,KAAK,IAAK;QACvB,MAAM;YAAEjB,KAAK;YAAEC,IAAI;AAAEC,YAAAA,GAAAA;AAAa,WAAC,GAAGe,KAAK;AAAdd,UAAAA,IAAI,GAAAC,wBAAA,CAAKa,KAAK,EAAAI,UAAA,CAAA,CAAA;AAC3C,QAAA,oBACEd,cAAA,CAAAC,aAAA,CAACC,sBAAsB,EAAAC,QAAA,CAAA;AACrBC,UAAAA,GAAG,EAAEX,KAAM;AACXC,UAAAA,IAAI,EAAEA,IAAK;AACXW,UAAAA,SAAS,EAAEf,QAAQ,GAAGA,QAAQ,CAACI,IAAK,CAAC,GAAGR,SAAAA;AAAU,SAAA,EAC9CU,IAAI,EAAA;AACRD,UAAAA,GAAG,EAAEA,GAAAA;AAA2C,SAAA,CAAA,EAE/CF,KACqB,CAAC,CAAA;OAE5B,CACiB,CACtB,CAAC,CAAA;AACH,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;AACLR,IAAAA,QAAQ,EAAEM,eAAAA;GACX,CAAA;AACH;;;;"}

package/packages/design-system/src/components/side-navigation-menu-item/_internal/SideNavigationMenuItem.js

@@ -1,115 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useContext, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { warnIfNoAccessibleLabelFound } from '../../../utils/_internal/warnIfNoAccessibleLabelFound.js';
-import { SideNavigationMenuBarContext } from '../../side-navigation-menu-bar/_internal/context.js';
-import { SideNavigationMenuContext } from '../../side-navigation-menu/_internal/context.js';
-import { StyledSideNavigationMenuItemIndicatorContainer, StyledSideNavigationMenuItemIndicator, StyledSideNavigationMenuItem, StyledSideNavigationMenuItemBorder } from './styles.js';
-import { IconSize } from '../../icon/_internal/types.js';
-import { Badge } from '../../badge/_internal/Badge2.js';
-import { BadgeVariant } from '../../badge/_internal/types.js';
-import { useTheme } from '../../theme/_internal/useTheme.js';
-import { Flexbox } from '../../flexbox/_internal/Flexbox2.js';
-import { Icon } from '../../icon/_internal/Icon2.js';
-
-const _excluded = ["as", "badge", "badgeProps", "children", "className", "color", "hasBorder", "href", "icon", "iconProps", "iconRef", "isCurrent", "isDisabled", "isSecondLevel", "onClick", "onKeyDown", "tabIndex", "theme"];
-const COMPONENT_NAME = 'SideNavigationMenuItem';
-const CLASSNAME = 'redsift-side-navigation-menu-item';
-
-/**
- * The SideNavigationMenuItem component.
- */
-const SideNavigationMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
-  const menuItemRef = ref || useRef();
-  const {
-      as,
-      badge,
-      badgeProps,
-      children,
-      className,
-      color,
-      hasBorder,
-      href,
-      icon,
-      iconProps,
-      iconRef = useRef(),
-      isCurrent,
-      isDisabled,
-      isSecondLevel,
-      onClick,
-      onKeyDown,
-      tabIndex,
-      theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  warnIfNoAccessibleLabelFound(props, [children], 'SideNavigationMenuItem');
-  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
-  const sideNavigationMenuContext = useContext(SideNavigationMenuContext);
-  const theme = useTheme(propsTheme);
-  const [isFirstChild, setIsFirstChild] = useState(false);
-  const {
-    menuItems
-  } = sideNavigationMenuContext || sideNavigationMenuBarContext || {};
-  useEffect(() => {
-    if (!(sideNavigationMenuContext || sideNavigationMenuBarContext)) {
-      setIsFirstChild(true);
-      return;
-    }
-    const menuItemNode = menuItemRef.current;
-    if (menuItemNode) {
-      if (!menuItems.size) {
-        setIsFirstChild(true);
-      }
-      menuItems.add(menuItemNode);
-    }
-    return () => {
-      menuItems.delete(menuItemNode);
-    };
-  }, [menuItems]);
-  const sideNavigationVariant = sideNavigationMenuBarContext === null || sideNavigationMenuBarContext === void 0 ? void 0 : sideNavigationMenuBarContext.sideNavigationMenuBarVariant;
-  return /*#__PURE__*/React__default.createElement(Flexbox, {
-    flexDirection: "column",
-    gap: "0px"
-  }, /*#__PURE__*/React__default.createElement(Flexbox, {
-    flexDirection: "row",
-    gap: "0px"
-  }, !isSecondLevel ? /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItemIndicatorContainer, null, isCurrent ? /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItemIndicator, {
-    $theme: theme
-  }) : null) : null, /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItem, _extends({
-    as: as,
-    role: "menuitem"
-  }, forwardedProps, {
-    $color: color,
-    $hasIcon: icon !== undefined,
-    $isCurrent: isCurrent,
-    $isDisabled: isDisabled,
-    $isSecondLevel: isSecondLevel,
-    $theme: theme,
-    $variant: sideNavigationVariant,
-    "aria-current": isCurrent ? 'page' : undefined,
-    "aria-disabled": isDisabled,
-    className: classNames(SideNavigationMenuItem.className, className),
-    href: !isDisabled ? href : undefined,
-    onClick: isDisabled ? undefined : onClick,
-    onKeyDown: isDisabled ? undefined : onKeyDown,
-    ref: menuItemRef,
-    tabIndex: tabIndex !== undefined ? tabIndex : !sideNavigationMenuContext && isFirstChild ? 0 : -1
-  }), !isSecondLevel || icon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    color: `var(--redsift-side-navigation-color-menu-item-text-${isSecondLevel || isDisabled ? 'disabled' : 'resting'})`
-  }, iconProps, {
-    icon: icon,
-    ref: iconRef,
-    className: "first",
-    size: isSecondLevel ? IconSize.small : IconSize.medium
-  })) : null, /*#__PURE__*/React__default.createElement("span", {
-    className: "content"
-  }, children), badge ? /*#__PURE__*/React__default.createElement(Badge, _extends({
-    variant: BadgeVariant.standard,
-    color: "error"
-  }, badgeProps), badge) : null)), isSecondLevel && hasBorder ? /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItemBorder, null) : null);
-});
-SideNavigationMenuItem.className = CLASSNAME;
-SideNavigationMenuItem.displayName = COMPONENT_NAME;
-
-export { SideNavigationMenuItem };
-//# sourceMappingURL=SideNavigationMenuItem.js.map

package/packages/design-system/src/components/side-navigation-menu-item/_internal/SideNavigationMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavigationMenuItem.js","sources":["../../../../../../../src/components/side-navigation-menu-item/SideNavigationMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { Icon, IconSize } from '../icon';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { SideNavigationMenuBarContext } from '../side-navigation-menu-bar/context';\nimport { SideNavigationMenuContext } from '../side-navigation-menu/context';\nimport {\n  StyledSideNavigationMenuItem,\n  StyledSideNavigationMenuItemBorder,\n  StyledSideNavigationMenuItemIndicator,\n  StyledSideNavigationMenuItemIndicatorContainer,\n} from './styles';\nimport { SideNavigationMenuItemProps } from './types';\nimport { Badge, BadgeVariant } from '../badge';\nimport { Flexbox } from '../flexbox';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SideNavigationMenuItem';\nconst CLASSNAME = 'redsift-side-navigation-menu-item';\n\n/**\n * The SideNavigationMenuItem component.\n */\nexport const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const menuItemRef = ref || useRef<HTMLAnchorElement>();\n\n  const {\n    as,\n    badge,\n    badgeProps,\n    children,\n    className,\n    color,\n    hasBorder,\n    href,\n    icon,\n    iconProps,\n    iconRef = useRef<HTMLElement>(),\n    isCurrent,\n    isDisabled,\n    isSecondLevel,\n    onClick,\n    onKeyDown,\n    tabIndex,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children], 'SideNavigationMenuItem');\n\n  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);\n  const sideNavigationMenuContext = useContext(SideNavigationMenuContext);\n  const theme = useTheme(propsTheme);\n\n  const [isFirstChild, setIsFirstChild] = useState(false);\n  const { menuItems } = sideNavigationMenuContext || sideNavigationMenuBarContext || {};\n\n  useEffect(() => {\n    if (!(sideNavigationMenuContext || sideNavigationMenuBarContext)) {\n      setIsFirstChild(true);\n      return;\n    }\n\n    const menuItemNode = (menuItemRef as MutableRefObject<HTMLAnchorElement>).current;\n\n    if (menuItemNode) {\n      if (!menuItems.size) {\n        setIsFirstChild(true);\n      }\n\n      menuItems.add(menuItemNode);\n    }\n\n    return () => {\n      menuItems.delete(menuItemNode);\n    };\n  }, [menuItems]);\n\n  const sideNavigationVariant = sideNavigationMenuBarContext?.sideNavigationMenuBarVariant;\n\n  return (\n    <Flexbox flexDirection=\"column\" gap=\"0px\">\n      <Flexbox flexDirection=\"row\" gap=\"0px\">\n        {!isSecondLevel ? (\n          <StyledSideNavigationMenuItemIndicatorContainer>\n            {isCurrent ? <StyledSideNavigationMenuItemIndicator $theme={theme} /> : null}\n          </StyledSideNavigationMenuItemIndicatorContainer>\n        ) : null}\n        <StyledSideNavigationMenuItem\n          as={as as any}\n          role=\"menuitem\"\n          {...forwardedProps}\n          $color={color}\n          $hasIcon={icon !== undefined}\n          $isCurrent={isCurrent}\n          $isDisabled={isDisabled}\n          $isSecondLevel={isSecondLevel}\n          $theme={theme}\n          $variant={sideNavigationVariant}\n          aria-current={isCurrent ? 'page' : undefined}\n          aria-disabled={isDisabled}\n          className={classNames(SideNavigationMenuItem.className, className)}\n          href={!isDisabled ? href : undefined}\n          onClick={isDisabled ? undefined : onClick}\n          onKeyDown={isDisabled ? undefined : onKeyDown}\n          ref={menuItemRef as MutableRefObject<HTMLAnchorElement>}\n          tabIndex={tabIndex !== undefined ? tabIndex : !sideNavigationMenuContext && isFirstChild ? 0 : -1}\n        >\n          {!isSecondLevel || icon ? (\n            <Icon\n              color={`var(--redsift-side-navigation-color-menu-item-text-${\n                isSecondLevel || isDisabled ? 'disabled' : 'resting'\n              })`}\n              {...iconProps}\n              icon={icon!}\n              ref={iconRef as MutableRefObject<HTMLElement>}\n              className=\"first\"\n              size={isSecondLevel ? IconSize.small : IconSize.medium}\n            />\n          ) : null}\n          <span className=\"content\">{children}</span>\n          {badge ? (\n            <Badge variant={BadgeVariant.standard} color=\"error\" {...badgeProps}>\n              {badge}\n            </Badge>\n          ) : null}\n        </StyledSideNavigationMenuItem>\n      </Flexbox>\n      {isSecondLevel && hasBorder ? <StyledSideNavigationMenuItemBorder /> : null}\n    </Flexbox>\n  );\n});\nSideNavigationMenuItem.className = CLASSNAME;\nSideNavigationMenuItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","SideNavigationMenuItem","forwardRef","props","ref","menuItemRef","useRef","as","badge","badgeProps","children","className","color","hasBorder","href","icon","iconProps","iconRef","isCurrent","isDisabled","isSecondLevel","onClick","onKeyDown","tabIndex","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","sideNavigationMenuBarContext","useContext","SideNavigationMenuBarContext","sideNavigationMenuContext","SideNavigationMenuContext","useTheme","isFirstChild","setIsFirstChild","useState","menuItems","useEffect","menuItemNode","current","size","add","delete","sideNavigationVariant","sideNavigationMenuBarVariant","React","createElement","Flexbox","flexDirection","gap","StyledSideNavigationMenuItemIndicatorContainer","StyledSideNavigationMenuItemIndicator","$theme","StyledSideNavigationMenuItem","_extends","role","$color","$hasIcon","undefined","$isCurrent","$isDisabled","$isSecondLevel","$variant","classNames","Icon","IconSize","small","medium","Badge","variant","BadgeVariant","standard","StyledSideNavigationMenuItemBorder","displayName"],"mappings":"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"}

package/packages/design-system/src/components/side-navigation-menu-item/_internal/side-navigation-menu-item.js

@@ -1,2 +0,0 @@
-export { SideNavigationMenuItem } from './SideNavigationMenuItem.js';
-//# sourceMappingURL=side-navigation-menu-item.js.map

package/packages/design-system/src/components/side-navigation-menu-item/_internal/styles.js

@@ -1,174 +0,0 @@
-import styled, { css } from 'styled-components';
-import { SideNavigationMenuBarVariant } from '../../side-navigation-menu-bar/_internal/types.js';
-
-const StyledSideNavigationMenuItemIndicatorContainer = styled.div`
-  min-width: 4px;
-`;
-const StyledSideNavigationMenuItemIndicator = styled.div`
-  position: relative;
-  width: 4px;
-  height: 40px;
-  border-radius: 0px 4px 4px 0px;
-  background-color: ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return `var(--redsift-color-${$theme}-components-side-navigation-current-marker)`;
-}};
-`;
-const StyledSideNavigationMenuItemBorder = styled.div`
-  position: relative;
-  width: 100%;
-  height: 1px;
-  background-color: var(--redsift-color-neutral-light-grey);
-  margin-left: 62px;
-  margin-top: -1px;
-`;
-
-/**
- * Component style.
- */
-const StyledSideNavigationMenuItem = styled.a`
-  /**
-   * Common style
-   */
-  ${_ref2 => {
-  let {
-    $isDisabled,
-    $theme,
-    $color
-  } = _ref2;
-  return !$isDisabled ? css`
-          & {
-            color: ${$color ? $color : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-resting)`};
-          }
-        ` : css`
-          & {
-            color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-disabled);
-          }
-        `;
-}}
-  align-items: center;
-  border-radius: 0 4px 4px 0;
-  display: flex;
-  font-family: var(--redsift-typography-body-font-family);
-  font-size: 14px;
-  font-weight: var(--redsift-typography-body-font-weight);
-  gap: 8px;
-  line-height: var(--redsift-typography-body-line-height);
-  overflow: hidden;
-  text-decoration: none;
-  text-transform: uppercase;
-  width: 100%;
-
-  &:hover,
-  &:focus-visible {
-    outline: none;
-
-    ${_ref3 => {
-  let {
-    $isDisabled,
-    $theme,
-    $color
-  } = _ref3;
-  return !$isDisabled ? css`
-            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-hover);
-            & {
-              color: ${$color ? $color : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-hover)`};
-            }
-          ` : '';
-}}
-  }
-
-  :active {
-    ${_ref4 => {
-  let {
-    $isDisabled,
-    $theme
-  } = _ref4;
-  return !$isDisabled ? css`
-            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-active);
-          ` : '';
-}}
-  }
-
-  ${_ref5 => {
-  let {
-    $variant
-  } = _ref5;
-  return css`
-    @media (prefers-reduced-motion: no-preference) {
-      :focus-visible {
-        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {
-          outline: 2px solid var(--redsift-color-primary-n);
-          transition: outline-offset 75ms ease-out;
-        }
-
-        :not(:active):focus-visible {
-          > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {
-            transition-duration: 0.25s;
-          }
-        }
-      }
-
-      :not(:active):focus-visible {
-        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {
-          outline-offset: 0.25rem;
-        }
-      }
-    }
-
-    .content {
-      transition: opacity 300ms ease-out;
-      opacity: ${$variant === SideNavigationMenuBarVariant.shrinked ? '0' : '1'};
-      overflow: hidden;
-      white-space: nowrap;
-    }
-  `;
-}}
-
-  ${_ref6 => {
-  let {
-    $hasIcon,
-    $isSecondLevel,
-    $variant,
-    $theme
-  } = _ref6;
-  return !$isSecondLevel ? css`
-          /**
-           * First-level items
-           */
-
-          background-color: var(--redsift-color-${$theme}-components-side-navigation-background);
-          height: 40px;
-          margin-bottom: 4px;
-          margin-left: -4px;
-          transition: padding 300ms ease-out;
-          padding: 0 16px 0 ${$variant === SideNavigationMenuBarVariant.shrinked ? '16px' : '16px'};
-
-          .redsift-icon.first {
-            box-sizing: unset;
-          }
-        ` : `
-    /**
-     * Second-level items
-     */
-
-    background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-secondary);
-    font-size: var(--redsift-typography-caption-font-size);
-    padding-bottom: 4px;
-    padding-left: ${$hasIcon ? '18px' : '54px'};
-    padding-right: 0;
-    padding-top: 4px;
-    border-radius: 0;
-
-    .redsift-icon.first {
-      box-sizing: unset;
-      margin-right: 8px;
-    }
-  `;
-}}
-`;
-
-export { StyledSideNavigationMenuItem, StyledSideNavigationMenuItemBorder, StyledSideNavigationMenuItemIndicator, StyledSideNavigationMenuItemIndicatorContainer };
-//# sourceMappingURL=styles.js.map

package/packages/design-system/src/components/side-navigation-menu-item/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/side-navigation-menu-item/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSideNavigationMenuItemProps } from './types';\nimport { SideNavigationMenuBarVariant } from '../side-navigation-menu-bar';\nimport { Theme } from '../../types';\n\nexport const StyledSideNavigationMenuItemIndicatorContainer = styled.div`\n  min-width: 4px;\n`;\n\nexport const StyledSideNavigationMenuItemIndicator = styled.div<{ $theme: Theme }>`\n  position: relative;\n  width: 4px;\n  height: 40px;\n  border-radius: 0px 4px 4px 0px;\n  background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-current-marker)`};\n`;\n\nexport const StyledSideNavigationMenuItemBorder = styled.div`\n  position: relative;\n  width: 100%;\n  height: 1px;\n  background-color: var(--redsift-color-neutral-light-grey);\n  margin-left: 62px;\n  margin-top: -1px;\n`;\n\n/**\n * Component style.\n */\nexport const StyledSideNavigationMenuItem = styled.a<StyledSideNavigationMenuItemProps>`\n  /**\n   * Common style\n   */\n  ${({ $isDisabled, $theme, $color }) =>\n    !$isDisabled\n      ? css`\n          & {\n            color: ${$color\n              ? $color\n              : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-resting)`};\n          }\n        `\n      : css`\n          & {\n            color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-disabled);\n          }\n        `}\n  align-items: center;\n  border-radius: 0 4px 4px 0;\n  display: flex;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: 14px;\n  font-weight: var(--redsift-typography-body-font-weight);\n  gap: 8px;\n  line-height: var(--redsift-typography-body-line-height);\n  overflow: hidden;\n  text-decoration: none;\n  text-transform: uppercase;\n  width: 100%;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isDisabled, $theme, $color }) =>\n      !$isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-hover);\n            & {\n              color: ${$color\n                ? $color\n                : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-hover)`};\n            }\n          `\n        : ''}\n  }\n\n  :active {\n    ${({ $isDisabled, $theme }) =>\n      !$isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-active);\n          `\n        : ''}\n  }\n\n  ${({ $variant }) => css`\n    @media (prefers-reduced-motion: no-preference) {\n      :focus-visible {\n        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n          outline: 2px solid var(--redsift-color-primary-n);\n          transition: outline-offset 75ms ease-out;\n        }\n\n        :not(:active):focus-visible {\n          > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n            transition-duration: 0.25s;\n          }\n        }\n      }\n\n      :not(:active):focus-visible {\n        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n          outline-offset: 0.25rem;\n        }\n      }\n    }\n\n    .content {\n      transition: opacity 300ms ease-out;\n      opacity: ${$variant === SideNavigationMenuBarVariant.shrinked ? '0' : '1'};\n      overflow: hidden;\n      white-space: nowrap;\n    }\n  `}\n\n  ${({ $hasIcon, $isSecondLevel, $variant, $theme }) =>\n    !$isSecondLevel\n      ? css`\n          /**\n           * First-level items\n           */\n\n          background-color: var(--redsift-color-${$theme}-components-side-navigation-background);\n          height: 40px;\n          margin-bottom: 4px;\n          margin-left: -4px;\n          transition: padding 300ms ease-out;\n          padding: 0 16px 0 ${$variant === SideNavigationMenuBarVariant.shrinked ? '16px' : '16px'};\n\n          .redsift-icon.first {\n            box-sizing: unset;\n          }\n        `\n      : `\n    /**\n     * Second-level items\n     */\n\n    background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-secondary);\n    font-size: var(--redsift-typography-caption-font-size);\n    padding-bottom: 4px;\n    padding-left: ${$hasIcon ? '18px' : '54px'};\n    padding-right: 0;\n    padding-top: 4px;\n    border-radius: 0;\n\n    .redsift-icon.first {\n      box-sizing: unset;\n      margin-right: 8px;\n    }\n  `}\n`;\n"],"names":["StyledSideNavigationMenuItemIndicatorContainer","styled","div","StyledSideNavigationMenuItemIndicator","_ref","$theme","StyledSideNavigationMenuItemBorder","StyledSideNavigationMenuItem","a","_ref2","$isDisabled","$color","css","_ref3","_ref4","_ref5","$variant","SideNavigationMenuBarVariant","shrinked","_ref6","$hasIcon","$isSecondLevel"],"mappings":"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"}

package/packages/design-system/src/components/skeleton/_internal/Skeleton2.js

@@ -1,42 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { StyledSkeleton } from './styles.js';
-import { SkeletonCircle } from '../../skeleton-circle/_internal/SkeletonCircle.js';
-import { SkeletonText } from '../../skeleton-text/_internal/SkeletonText.js';
-import { useTheme } from '../../theme/_internal/useTheme.js';
-
-const _excluded = ["children", "className", "isLoaded", "theme"];
-const COMPONENT_NAME = 'Skeleton';
-const CLASSNAME = 'redsift-skeleton';
-
-/**
- * The Skeleton component.
- */
-const BaseSkeleton = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      isLoaded,
-      theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  if (isLoaded) {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
-  }
-  return /*#__PURE__*/React__default.createElement(StyledSkeleton, _extends({}, forwardedProps, {
-    $theme: theme,
-    className: classNames(BaseSkeleton.className, className),
-    ref: ref
-  }), typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", null, children) : children);
-});
-BaseSkeleton.className = CLASSNAME;
-BaseSkeleton.displayName = COMPONENT_NAME;
-const Skeleton = Object.assign(BaseSkeleton, {
-  Circle: SkeletonCircle,
-  Text: SkeletonText
-});
-
-export { BaseSkeleton, Skeleton };
-//# sourceMappingURL=Skeleton2.js.map

package/packages/design-system/src/components/skeleton/_internal/Skeleton2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton2.js","sources":["../../../../../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeleton } from './styles';\nimport { SkeletonProps } from './types';\nimport { SkeletonCircle } from '../skeleton-circle';\nimport { SkeletonText } from '../skeleton-text';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Skeleton';\nconst CLASSNAME = 'redsift-skeleton';\n\n/**\n * The Skeleton component.\n */\nexport const BaseSkeleton: Comp<SkeletonProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, isLoaded, theme: propsTheme, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  if (isLoaded) {\n    return <>{children}</>;\n  }\n\n  return (\n    <StyledSkeleton\n      {...forwardedProps}\n      $theme={theme}\n      className={classNames(BaseSkeleton.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </StyledSkeleton>\n  );\n});\nBaseSkeleton.className = CLASSNAME;\nBaseSkeleton.displayName = COMPONENT_NAME;\n\nexport const Skeleton = Object.assign(BaseSkeleton, {\n  Circle: SkeletonCircle,\n  Text: SkeletonText,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseSkeleton","forwardRef","props","ref","children","className","isLoaded","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","StyledSkeleton","_extends","$theme","classNames","displayName","Skeleton","Object","assign","Circle","SkeletonCircle","Text","SkeletonText"],"mappings":";;;;;;;;;AAUA,MAAMA,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,kBAAkB,CAAA;;AAEpC;AACA;AACA;AACO,MAAMC,YAAiD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,QAAQ;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErF,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBAAOO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGX,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACES,cAAA,CAAAC,aAAA,CAACE,cAAc,EAAAC,QAAA,KACTR,cAAc,EAAA;AAClBS,IAAAA,MAAM,EAAEX,KAAM;IACdF,SAAS,EAAEc,UAAU,CAACnB,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErC,OAAOC,QAAQ,KAAK,QAAQ,gBAAGS,cAAA,CAAAC,aAAA,CAAOV,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QAC5C,CAAC,CAAA;AAErB,CAAC,EAAC;AACFJ,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAACoB,WAAW,GAAGtB,cAAc,CAAA;AAElC,MAAMuB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACvB,YAAY,EAAE;AAClDwB,EAAAA,MAAM,EAAEC,cAAc;AACtBC,EAAAA,IAAI,EAAEC,YAAAA;AACR,CAAC;;;;"}

package/packages/design-system/src/components/skeleton/_internal/skeleton.js

@@ -1,2 +0,0 @@
-export { BaseSkeleton, Skeleton } from './Skeleton2.js';
-//# sourceMappingURL=skeleton.js.map