@redsift/design-system 6.0.0-alpha.1 → 6.0.0-alpha.10

package/esm/_internal/AppBar.js

@@ -1,18 +1,18 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useContext } from 'react';
 import classNames from 'classnames';
+import { mdiMenu } from '@redsift/icons';
 import { A as AppContainerContext } from './context.js';
 import { u as useIsLoaded } from './useIsLoaded.js';
 import styled, { css } from 'styled-components';
 import { a as IconButton } from './IconButton.js';
-import { mdiMenu } from '@mdi/js';
 
 var _templateObject, _templateObject2, _templateObject3;
 
 /**
  * Component style.
  */
-const StyledAppBar = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-content: center;\n  align-items: center;\n  background-color: var(--redsift-color-primary-main);\n  color: var(--redsift-color-primary-contrast);\n  display: flex;\n  flex-direction: row;\n  height: 64px;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n  top: 0;\n  z-index: 1;\n\n  ", "\n  \n  ", "\n\n  .redsift-app-bar__left {\n    align-content: center;\n    align-items: center;\n    display: inline-flex;\n    flex-direction: row;\n    gap: 16px;\n    justify-content: center;\n    margin-left: 32px;\n  }\n\n  .redsift-app-bar-left__expand-button {\n    margin-left: -16px;\n    \n    i {\n      color: var(--redsift-color-primary-contrast);\n    }\n  }\n\n  .redsift-app-bar-left__expand-button:hover,\n  .redsift-app-bar-left__expand-button:focus-visible {\n    background-color: var(--redsift-color-primary-contained-hover);\n  }\n\n  .redsift-app-bar__right {\n    display: inline-flex;\n    margin: 16px;\n  }\n"])), _ref => {
+const StyledAppBar = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-content: center;\n  align-items: center;\n  background-color: var(--redsift-color-primary-main);\n  color: var(--redsift-color-primary-contrast);\n  display: flex;\n  flex-direction: row;\n  height: 72px;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n  top: 0;\n  z-index: 1;\n\n  ", "\n  \n  ", "\n\n  h1 {\n    margin: unset;\n    padding: unset;\n  }\n\n  .redsift-app-bar__left {\n    align-content: center;\n    align-items: center;\n    display: inline-flex;\n    flex-direction: row;\n    gap: 16px;\n    justify-content: center;\n    margin-left: 32px;\n  }\n\n  .redsift-app-bar-left__expand-button {\n    margin-left: -16px;\n    \n    i {\n      color: var(--redsift-color-primary-contrast);\n    }\n  }\n\n  .redsift-app-bar-left__expand-button:hover,\n  .redsift-app-bar-left__expand-button:focus-visible {\n    background-color: var(--redsift-color-primary-contained-hover);\n  }\n\n  .redsift-app-bar__right {\n    display: inline-flex;\n    margin: 16px;\n  }\n"])), _ref => {
   let {
     $isSidePanelCollapsed
   } = _ref;
@@ -24,7 +24,7 @@ const StyledAppBar = styled.header(_templateObject || (_templateObject = _tagged
   return $isLoaded ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    transition: transform .25s ease-out, width .25s ease-out;\n  "]))) : '';
 });
 
-const _excluded = ["children", "className", "iconButtonProps", "iconButtonRef", "title"];
+const _excluded = ["children", "className", "fallbackTitle", "iconButtonProps", "iconButtonRef", "title"];
 const COMPONENT_NAME = 'RedSiftAppBar';
 const CLASSNAME = 'redsift-app-bar';
 const DEFAULT_PROPS = {};
@@ -38,6 +38,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     children,
     className,
+    fallbackTitle,
     iconButtonProps,
     iconButtonRef = useRef(),
     title: propsTitle
@@ -62,7 +63,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     icon: mdiMenu,
     onPress: appContainerState.expandSidePanel,
     ref: iconButtonRef
-  })) : null, appContainerState && appContainerState.title ? /*#__PURE__*/React.createElement("h1", null, appContainerState.title) : propsTitle ? /*#__PURE__*/React.createElement("h1", null, propsTitle) : null), /*#__PURE__*/React.createElement("div", {
+  })) : null, propsTitle && typeof propsTitle !== 'string' ? /*#__PURE__*/React.createElement(React.Fragment, null, propsTitle) : typeof propsTitle === 'string' ? /*#__PURE__*/React.createElement("h1", null, propsTitle) : appContainerState && appContainerState.title ? /*#__PURE__*/React.createElement("h1", null, appContainerState.title) : fallbackTitle ? /*#__PURE__*/React.createElement("h1", null, fallbackTitle) : null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(AppBar.className, "__right")
   }, children));
 });

package/esm/_internal/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","sources":["../../../src/components/app-bar/styles.ts","../../../src/components/app-bar/AppBar.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAppBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppBar = styled.header<StyledAppBarProps>`\n  align-content: center;\n  align-items: center;\n  background-color: var(--redsift-color-primary-main);\n  color: var(--redsift-color-primary-contrast);\n  display: flex;\n  flex-direction: row;\n  height: 64px;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n  top: 0;\n  z-index: 1;\n\n  ${({ $isSidePanelCollapsed }) => !$isSidePanelCollapsed ? css`\n    transform: translate(240px);\n    width: calc(100% - 240px);\n  `: `\n    transform: translate(0px);\n    width: 100%;\n  `}\n  \n  ${({ $isLoaded }) => $isLoaded ? css`\n    transition: transform .25s ease-out, width .25s ease-out;\n  `: ''}\n\n  .redsift-app-bar__left {\n    align-content: center;\n    align-items: center;\n    display: inline-flex;\n    flex-direction: row;\n    gap: 16px;\n    justify-content: center;\n    margin-left: 32px;\n  }\n\n  .redsift-app-bar-left__expand-button {\n    margin-left: -16px;\n    \n    i {\n      color: var(--redsift-color-primary-contrast);\n    }\n  }\n\n  .redsift-app-bar-left__expand-button:hover,\n  .redsift-app-bar-left__expand-button:focus-visible {\n    background-color: var(--redsift-color-primary-contained-hover);\n  }\n\n  .redsift-app-bar__right {\n    display: inline-flex;\n    margin: 16px;\n  }\n`\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { mdiMenu } from '~/components/icon';\nimport { IconButton } from '~/components/icon-button';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { useIsLoaded } from '~/hooks/useIsLoaded';\nimport { StyledAppBar } from './styles';\nimport { AppBarProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppBar';\nconst CLASSNAME = 'redsift-app-bar';\nconst DEFAULT_PROPS: Partial<AppBarProps> = {};\n\n/**\n * The AppBar component.\n */\nexport const AppBar: Comp<AppBarProps, HTMLHeadingElement> = forwardRef((props, ref) => {\n  const barRef = ref || useRef<HTMLHeadingElement>();\n\n  const {\n    children,\n    className,\n    iconButtonProps,\n    iconButtonRef = useRef<HTMLButtonElement>(),\n    title: propsTitle,\n    ...forwardedProps\n  } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n\n  return (\n    <StyledAppBar\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={appContainerState ? appContainerState.isSidePanelCollapsed : true}\n      className={classNames(AppBar.className, className)}\n      ref={barRef as RefObject<HTMLHeadingElement>}\n    >\n      <div className={`${AppBar.className}__left`}>\n        {appContainerState && appContainerState.isSidePanelCollapsed ? (\n          <IconButton\n            className={`${AppBar.className}-left__expand-button`}\n            {...iconButtonProps}\n            aria-label=\"Expand left side panel\"\n            icon={mdiMenu}\n            onPress={appContainerState.expandSidePanel}\n            ref={iconButtonRef as RefObject<HTMLButtonElement>}\n          />\n          ) : null}\n        {appContainerState && appContainerState.title ? (\n          <h1>{appContainerState.title}</h1>\n          ) : propsTitle ? (\n          <h1>{propsTitle}</h1>\n        ) : null}\n      </div>\n      <div className={`${AppBar.className}__right`}>\n        {children}\n      </div>\n    </StyledAppBar>\n  );\n});\nAppBar.className = CLASSNAME;\nAppBar.defaultProps = DEFAULT_PROPS;\nAppBar.displayName = COMPONENT_NAME;\n"],"names":["StyledAppBar","styled","header","$isSidePanelCollapsed","css","$isLoaded","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppBar","forwardRef","props","ref","barRef","useRef","children","className","iconButtonProps","iconButtonRef","title","propsTitle","forwardedProps","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","isSidePanelCollapsed","classNames","mdiMenu","expandSidePanel","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"AppBar.js","sources":["../../../src/components/app-bar/styles.ts","../../../src/components/app-bar/AppBar.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAppBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppBar = styled.header<StyledAppBarProps>`\n  align-content: center;\n  align-items: center;\n  background-color: var(--redsift-color-primary-main);\n  color: var(--redsift-color-primary-contrast);\n  display: flex;\n  flex-direction: row;\n  height: 72px;\n  justify-content: space-between;\n  left: 0;\n  position: fixed;\n  top: 0;\n  z-index: 1;\n\n  ${({ $isSidePanelCollapsed }) => !$isSidePanelCollapsed ? css`\n    transform: translate(240px);\n    width: calc(100% - 240px);\n  `: `\n    transform: translate(0px);\n    width: 100%;\n  `}\n  \n  ${({ $isLoaded }) => $isLoaded ? css`\n    transition: transform .25s ease-out, width .25s ease-out;\n  `: ''}\n\n  h1 {\n    margin: unset;\n    padding: unset;\n  }\n\n  .redsift-app-bar__left {\n    align-content: center;\n    align-items: center;\n    display: inline-flex;\n    flex-direction: row;\n    gap: 16px;\n    justify-content: center;\n    margin-left: 32px;\n  }\n\n  .redsift-app-bar-left__expand-button {\n    margin-left: -16px;\n    \n    i {\n      color: var(--redsift-color-primary-contrast);\n    }\n  }\n\n  .redsift-app-bar-left__expand-button:hover,\n  .redsift-app-bar-left__expand-button:focus-visible {\n    background-color: var(--redsift-color-primary-contained-hover);\n  }\n\n  .redsift-app-bar__right {\n    display: inline-flex;\n    margin: 16px;\n  }\n`\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { mdiMenu } from '@redsift/icons';\nimport { Comp } from '~/types';\nimport { IconButton } from '~/components/icon-button';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { useIsLoaded } from '~/hooks/useIsLoaded';\nimport { StyledAppBar } from './styles';\nimport { AppBarProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppBar';\nconst CLASSNAME = 'redsift-app-bar';\nconst DEFAULT_PROPS: Partial<AppBarProps> = {};\n\n/**\n * The AppBar component.\n */\nexport const AppBar: Comp<AppBarProps, HTMLHeadingElement> = forwardRef((props, ref) => {\n  const barRef = ref || useRef<HTMLHeadingElement>();\n\n  const {\n    children,\n    className,\n    fallbackTitle,\n    iconButtonProps,\n    iconButtonRef = useRef<HTMLButtonElement>(),\n    title: propsTitle,\n    ...forwardedProps\n  } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n\n  return (\n    <StyledAppBar\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={appContainerState ? appContainerState.isSidePanelCollapsed : true}\n      className={classNames(AppBar.className, className)}\n      ref={barRef as RefObject<HTMLHeadingElement>}\n    >\n      <div className={`${AppBar.className}__left`}>\n        {appContainerState && appContainerState.isSidePanelCollapsed ? (\n          <IconButton\n            className={`${AppBar.className}-left__expand-button`}\n            {...iconButtonProps}\n            aria-label=\"Expand left side panel\"\n            icon={mdiMenu}\n            onPress={appContainerState.expandSidePanel}\n            ref={iconButtonRef as RefObject<HTMLButtonElement>}\n          />\n          ) : null}\n        {propsTitle && typeof propsTitle !== 'string' ? (\n          <>{propsTitle}</>\n        ) : typeof propsTitle === 'string' ? (\n          <h1>{propsTitle}</h1>\n        ) : appContainerState && appContainerState.title ? (\n          <h1>{appContainerState.title}</h1>\n          ) : fallbackTitle ? (\n          <h1>{fallbackTitle}</h1>\n        ) : null}\n      </div>\n      <div className={`${AppBar.className}__right`}>\n        {children}\n      </div>\n    </StyledAppBar>\n  );\n});\nAppBar.className = CLASSNAME;\nAppBar.defaultProps = DEFAULT_PROPS;\nAppBar.displayName = COMPONENT_NAME;\n"],"names":["StyledAppBar","styled","header","$isSidePanelCollapsed","css","$isLoaded","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppBar","forwardRef","props","ref","barRef","useRef","children","className","fallbackTitle","iconButtonProps","iconButtonRef","title","propsTitle","forwardedProps","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","isSidePanelCollapsed","classNames","mdiMenu","expandSidePanel","defaultProps","displayName"],"mappings":"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"}

package/esm/_internal/AppContainer.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import { A as AppContainerContext } from './context.js';

package/esm/_internal/AppContent.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useContext } from 'react';
 import classNames from 'classnames';
 import { A as AppContainerContext } from './context.js';
@@ -10,7 +10,7 @@ var _templateObject, _templateObject2, _templateObject3;
 /**
  * Component style.
  */
-const StyledAppContent = styled.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  margin-top: 64px;\n  padding: 16px 32px;\n\n  ", "\n\n  ", "\n"])), _ref => {
+const StyledAppContent = styled.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  margin-top: 72px;\n  padding: 16px 32px;\n\n  ", "\n\n  ", "\n"])), _ref => {
   let {
     $isSidePanelCollapsed
   } = _ref;

package/esm/_internal/AppContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppContent.js","sources":["../../../src/components/app-content/styles.ts","../../../src/components/app-content/AppContent.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAppContentProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppContent = styled.main<StyledAppContentProps>`\n  box-sizing: border-box;\n  margin-top: 64px;\n  padding: 16px 32px;\n\n  ${({ $isSidePanelCollapsed }) => !$isSidePanelCollapsed ? css`\n    transform: translate(240px);\n    width: calc(100% - 240px);\n  `: `\n    transform: translate(0px);\n    width: 100%;\n  `}\n\n  ${({ $isLoaded }) => $isLoaded ? css`\n    transition: transform .25s ease-out, width .25s ease-out;\n  `: ''}\n`\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { useIsLoaded } from '~/hooks/useIsLoaded';\nimport { StyledAppContent } from './styles';\nimport { AppContentProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppContent';\nconst CLASSNAME = 'redsift-app-content';\nconst DEFAULT_PROPS: Partial<AppContentProps> = {};\n\n/**\n * The AppContent component.\n */\nexport const AppContent: Comp<AppContentProps, HTMLElement> = forwardRef((props, ref) => {\n  const contentRef = ref || useRef<HTMLElement>();\n\n  const {\n    children,\n    className,\n    ...forwardedProps\n  } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n\n  return (\n    <StyledAppContent\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={appContainerState ? appContainerState.isSidePanelCollapsed : true}\n      className={classNames(AppContent.className, className)}\n      ref={contentRef as RefObject<HTMLElement>}\n    >\n      {children}\n    </StyledAppContent>\n  );\n});\nAppContent.className = CLASSNAME;\nAppContent.defaultProps = DEFAULT_PROPS;\nAppContent.displayName = COMPONENT_NAME;\n"],"names":["StyledAppContent","styled","main","$isSidePanelCollapsed","css","$isLoaded","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppContent","forwardRef","props","ref","contentRef","useRef","children","className","forwardedProps","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","isSidePanelCollapsed","classNames","defaultProps","displayName"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACO,MAAMA,gBAAgB,GAAGC,MAAM,CAACC,IAAV,CAKzB,eAAA,KAAA,eAAA,GAAA,sBAAA,CAAA,CAAA,+EAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,qBAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAA+B,CAACA,qBAAD,GAAyBC,GAAzB,CAA/B,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,wEAAA,CAAA,CAAA,CAAA,CAAA,GAAA,wDAAA,CAAA;AAAA,CALyB,EAazB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,SAAS,GAAGD,GAAH,CAAA,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,qEAAA,CAAA,CAAA,CAAA,CAAA,GAE3B,EAFD,CAAA;AAAA,CAbyB,CAAtB;;;ACEP,MAAME,cAAc,GAAG,mBAAvB,CAAA;AACA,MAAMC,SAAS,GAAG,qBAAlB,CAAA;AACA,MAAMC,aAAuC,GAAG,EAAhD,CAAA;AAEA;AACA;AACA;;AACO,MAAMC,UAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvF,EAAA,MAAMC,UAAU,GAAGD,GAAG,IAAIE,MAAM,EAAhC,CAAA;;EAEA,MAAM;IACJC,QADI;AAEJC,IAAAA,SAAAA;AAFI,GAAA,GAIFL,KAJJ;QAGKM,cAHL,4BAIIN,KAJJ,EAAA,SAAA,CAAA,CAAA;;EAMA,MAAM;AAAEO,IAAAA,QAAAA;AAAF,GAAA,GAAeC,WAAW,EAAhC,CAAA;AACA,EAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACC,mBAAD,CAApC,CAAA;EAEA,oBACE,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAA,QAAA,CAAA,EAAA,EACML,cADN,EAAA;AAEE,IAAA,SAAS,EAAEC,QAFb;AAGE,IAAA,qBAAqB,EAAEE,iBAAiB,GAAGA,iBAAiB,CAACG,oBAArB,GAA4C,IAHtF;IAIE,SAAS,EAAEC,UAAU,CAACf,UAAU,CAACO,SAAZ,EAAuBA,SAAvB,CAJvB;AAKE,IAAA,GAAG,EAAEH,UAAAA;AALP,GAAA,CAAA,EAOGE,QAPH,CADF,CAAA;AAWD,CAvBuE,EAAjE;AAwBPN,UAAU,CAACO,SAAX,GAAuBT,SAAvB,CAAA;AACAE,UAAU,CAACgB,YAAX,GAA0BjB,aAA1B,CAAA;AACAC,UAAU,CAACiB,WAAX,GAAyBpB,cAAzB;;;;"}
+{"version":3,"file":"AppContent.js","sources":["../../../src/components/app-content/styles.ts","../../../src/components/app-content/AppContent.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAppContentProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppContent = styled.main<StyledAppContentProps>`\n  box-sizing: border-box;\n  margin-top: 72px;\n  padding: 16px 32px;\n\n  ${({ $isSidePanelCollapsed }) => !$isSidePanelCollapsed ? css`\n    transform: translate(240px);\n    width: calc(100% - 240px);\n  `: `\n    transform: translate(0px);\n    width: 100%;\n  `}\n\n  ${({ $isLoaded }) => $isLoaded ? css`\n    transition: transform .25s ease-out, width .25s ease-out;\n  `: ''}\n`\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { useIsLoaded } from '~/hooks/useIsLoaded';\nimport { StyledAppContent } from './styles';\nimport { AppContentProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppContent';\nconst CLASSNAME = 'redsift-app-content';\nconst DEFAULT_PROPS: Partial<AppContentProps> = {};\n\n/**\n * The AppContent component.\n */\nexport const AppContent: Comp<AppContentProps, HTMLElement> = forwardRef((props, ref) => {\n  const contentRef = ref || useRef<HTMLElement>();\n\n  const {\n    children,\n    className,\n    ...forwardedProps\n  } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n\n  return (\n    <StyledAppContent\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={appContainerState ? appContainerState.isSidePanelCollapsed : true}\n      className={classNames(AppContent.className, className)}\n      ref={contentRef as RefObject<HTMLElement>}\n    >\n      {children}\n    </StyledAppContent>\n  );\n});\nAppContent.className = CLASSNAME;\nAppContent.defaultProps = DEFAULT_PROPS;\nAppContent.displayName = COMPONENT_NAME;\n"],"names":["StyledAppContent","styled","main","$isSidePanelCollapsed","css","$isLoaded","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppContent","forwardRef","props","ref","contentRef","useRef","children","className","forwardedProps","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","isSidePanelCollapsed","classNames","defaultProps","displayName"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACO,MAAMA,gBAAgB,GAAGC,MAAM,CAACC,IAAV,CAKzB,eAAA,KAAA,eAAA,GAAA,sBAAA,CAAA,CAAA,+EAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,qBAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAA+B,CAACA,qBAAD,GAAyBC,GAAzB,CAA/B,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,wEAAA,CAAA,CAAA,CAAA,CAAA,GAAA,wDAAA,CAAA;AAAA,CALyB,EAazB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,SAAS,GAAGD,GAAH,CAAA,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,qEAAA,CAAA,CAAA,CAAA,CAAA,GAE3B,EAFD,CAAA;AAAA,CAbyB,CAAtB;;;ACEP,MAAME,cAAc,GAAG,mBAAvB,CAAA;AACA,MAAMC,SAAS,GAAG,qBAAlB,CAAA;AACA,MAAMC,aAAuC,GAAG,EAAhD,CAAA;AAEA;AACA;AACA;;AACO,MAAMC,UAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvF,EAAA,MAAMC,UAAU,GAAGD,GAAG,IAAIE,MAAM,EAAhC,CAAA;;EAEA,MAAM;IACJC,QADI;AAEJC,IAAAA,SAAAA;AAFI,GAAA,GAIFL,KAJJ;QAGKM,cAHL,4BAIIN,KAJJ,EAAA,SAAA,CAAA,CAAA;;EAMA,MAAM;AAAEO,IAAAA,QAAAA;AAAF,GAAA,GAAeC,WAAW,EAAhC,CAAA;AACA,EAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACC,mBAAD,CAApC,CAAA;EAEA,oBACE,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAA,QAAA,CAAA,EAAA,EACML,cADN,EAAA;AAEE,IAAA,SAAS,EAAEC,QAFb;AAGE,IAAA,qBAAqB,EAAEE,iBAAiB,GAAGA,iBAAiB,CAACG,oBAArB,GAA4C,IAHtF;IAIE,SAAS,EAAEC,UAAU,CAACf,UAAU,CAACO,SAAZ,EAAuBA,SAAvB,CAJvB;AAKE,IAAA,GAAG,EAAEH,UAAAA;AALP,GAAA,CAAA,EAOGE,QAPH,CADF,CAAA;AAWD,CAvBuE,EAAjE;AAwBPN,UAAU,CAACO,SAAX,GAAuBT,SAAvB,CAAA;AACAE,UAAU,CAACgB,YAAX,GAA0BjB,aAA1B,CAAA;AACAC,UAAU,CAACiB,WAAX,GAAyBpB,cAAzB;;;;"}

package/esm/_internal/AppSidePanel.js

@@ -1,17 +1,17 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useContext } from 'react';
 import classNames from 'classnames';
+import { mdiChevronLeft } from '@redsift/icons';
 import { A as AppContainerContext } from './context.js';
 import styled from 'styled-components';
 import { a as IconButton } from './IconButton.js';
-import { mdiChevronLeft } from '@mdi/js';
 
 var _templateObject;
 
 /**
  * Component style.
  */
-const StyledAppSidePanel = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: var(--redsift-color-side-navigation-background);\n  flex-direction: column;\n  height: 100%;\n  left: 0px;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  transform: ", ";\n  transition: transform .25s ease-out, visibility .25s ease-out;\n  visibility: ", ";\n  width: 240px;\n  z-index: 1;\n\n  .redsift-app-side-panel__header {\n    align-items: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: space-between;\n    padding: 16px;\n    width: 100%;\n  }\n\n  .redsift-app-side-panel__header > img {\n    max-height: 36px;\n    max-width: 160px;\n  }\n\n  .redsift-app-side-panel-header__collapse-button {\n    padding: 4px;\n    \n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-resting);\n    }\n  }\n\n  .redsift-app-side-panel-header__collapse-button:hover,\n  .redsift-app-side-panel-header__collapse-button:focus-visible {\n    background-color: var(--redsift-color-side-navigation-menu-item-background-hover);\n\n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-hover);\n    }\n  }\n\n  .redsift-app-side-panel__featured {\n    box-sizing: border-box;\n    margin-bottom: 16px;\n    padding: 0px 16px;\n    width: 100%;\n  }\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 0px;\n    transform: unset;\n    transition: unset;\n\n    .redsift-app-side-panel-header__collapse-button {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n"])), _ref => {
+const StyledAppSidePanel = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  align-items: center;\n  background-color: var(--redsift-color-side-navigation-background);\n  flex-direction: column;\n  height: 100%;\n  left: 0px;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  transform: ", ";\n  transition: transform .25s ease-out, visibility .25s ease-out;\n  visibility: ", ";\n  width: 240px;\n  z-index: 1;\n\n  .redsift-app-side-panel__header {\n    align-items: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: space-between;\n    padding: 16px;\n    width: 100%;\n    height: 72px;\n  }\n\n  .redsift-app-side-panel__header > img {\n    max-height: 36px;\n    max-width: 160px;\n  }\n\n  .redsift-app-side-panel-header__collapse-button {\n    padding: 4px;\n    \n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-resting);\n    }\n  }\n\n  .redsift-app-side-panel-header__collapse-button:hover,\n  .redsift-app-side-panel-header__collapse-button:focus-visible {\n    background-color: var(--redsift-color-side-navigation-menu-item-background-hover);\n\n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-hover);\n    }\n  }\n\n  .redsift-app-side-panel__featured {\n    box-sizing: border-box;\n    margin-bottom: 16px;\n    padding: 0px 16px;\n    width: 100%;\n  }\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 0px;\n    transform: unset;\n    transition: unset;\n\n    .redsift-app-side-panel-header__collapse-button {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n"])), _ref => {
   let {
     $isCollapsed
   } = _ref;

package/esm/_internal/AppSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidePanel.js","sources":["../../../src/components/app-side-panel/styles.ts","../../../src/components/app-side-panel/AppSidePanel.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledAppSidePanelProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppSidePanel = styled.div<StyledAppSidePanelProps>`\n  align-items: center;\n  background-color: var(--redsift-color-side-navigation-background);\n  flex-direction: column;\n  height: 100%;\n  left: 0px;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  transform: ${({ $isCollapsed }) => !$isCollapsed ? 'translate(0px)' : 'translate(-240px)'};\n  transition: transform .25s ease-out, visibility .25s ease-out;\n  visibility: ${({ $isCollapsed }) => !$isCollapsed ? 'visible' : 'hidden'};\n  width: 240px;\n  z-index: 1;\n\n  .redsift-app-side-panel__header {\n    align-items: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: space-between;\n    padding: 16px;\n    width: 100%;\n  }\n\n  .redsift-app-side-panel__header > img {\n    max-height: 36px;\n    max-width: 160px;\n  }\n\n  .redsift-app-side-panel-header__collapse-button {\n    padding: 4px;\n    \n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-resting);\n    }\n  }\n\n  .redsift-app-side-panel-header__collapse-button:hover,\n  .redsift-app-side-panel-header__collapse-button:focus-visible {\n    background-color: var(--redsift-color-side-navigation-menu-item-background-hover);\n\n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-hover);\n    }\n  }\n\n  .redsift-app-side-panel__featured {\n    box-sizing: border-box;\n    margin-bottom: 16px;\n    padding: 0px 16px;\n    width: 100%;\n  }\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 0px;\n    transform: unset;\n    transition: unset;\n\n    .redsift-app-side-panel-header__collapse-button {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n`","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport { PressEvent } from '@react-types/shared';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { mdiChevronLeft } from '~/components/icon';\nimport { IconButton } from '~/components/icon-button';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { StyledAppSidePanel } from './styles';\nimport { AppSidePanelProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppSidePanel';\nconst CLASSNAME = 'redsift-app-side-panel';\nconst DEFAULT_PROPS: Partial<AppSidePanelProps> = {};\n\n/**\n * The AppSidePanel component.\n */\nexport const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const panelRef = (ref || useRef<HTMLDivElement>()) as RefObject<HTMLDivElement>;\n\n  const {\n    children,\n    className,\n    featuredElements,\n    iconButtonProps,\n    iconButtonRef = useRef<HTMLButtonElement>(),\n    isCollapsed = false,\n    logo,\n    onClose,\n    ...forwardedProps\n  } = props;\n\n  const appContainerState = useContext(AppContainerContext);\n\n  const handleClose = (event: PressEvent) => {\n    onClose?.(event);\n    appContainerState?.collapseSidePanel();\n  }\n\n  return (\n    <StyledAppSidePanel\n      {...forwardedProps}\n      $isCollapsed={!!(isCollapsed || appContainerState?.isSidePanelCollapsed)}\n      className={classNames(AppSidePanel.className, className)}\n      ref={panelRef as RefObject<HTMLDivElement>}\n    >\n      {logo || (onClose || appContainerState) ? (\n        <div className={`${AppSidePanel.className}__header`}>\n          {logo ? (\n            React.isValidElement(logo) ? logo : <img src={logo.src} alt={logo.alt} />\n          ) : null}\n          {(onClose || appContainerState) ? (\n            <IconButton\n              aria-label=\"Collapse left side panel\"\n              {...iconButtonProps}\n              className={`${AppSidePanel.className}-header__collapse-button`}\n              icon={mdiChevronLeft}\n              onPress={handleClose}\n              ref={iconButtonRef as RefObject<HTMLButtonElement>}\n            />\n          ) : null }\n        </div>\n      ) : null}\n      {featuredElements ? (\n        <div className={`${AppSidePanel.className}__featured`}>\n          {featuredElements}\n        </div>\n      ) : null}\n      {children}\n    </StyledAppSidePanel>\n  );\n});\nAppSidePanel.className = CLASSNAME;\nAppSidePanel.defaultProps = DEFAULT_PROPS;\nAppSidePanel.displayName = COMPONENT_NAME;\n"],"names":["StyledAppSidePanel","styled","div","$isCollapsed","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppSidePanel","forwardRef","props","ref","panelRef","useRef","children","className","featuredElements","iconButtonProps","iconButtonRef","isCollapsed","logo","onClose","forwardedProps","appContainerState","useContext","AppContainerContext","handleClose","event","collapseSidePanel","isSidePanelCollapsed","classNames","React","isValidElement","src","alt","mdiChevronLeft","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"AppSidePanel.js","sources":["../../../src/components/app-side-panel/styles.ts","../../../src/components/app-side-panel/AppSidePanel.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledAppSidePanelProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppSidePanel = styled.div<StyledAppSidePanelProps>`\n  align-items: center;\n  background-color: var(--redsift-color-side-navigation-background);\n  flex-direction: column;\n  height: 100%;\n  left: 0px;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  transform: ${({ $isCollapsed }) => !$isCollapsed ? 'translate(0px)' : 'translate(-240px)'};\n  transition: transform .25s ease-out, visibility .25s ease-out;\n  visibility: ${({ $isCollapsed }) => !$isCollapsed ? 'visible' : 'hidden'};\n  width: 240px;\n  z-index: 1;\n\n  .redsift-app-side-panel__header {\n    align-items: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: space-between;\n    padding: 16px;\n    width: 100%;\n    height: 72px;\n  }\n\n  .redsift-app-side-panel__header > img {\n    max-height: 36px;\n    max-width: 160px;\n  }\n\n  .redsift-app-side-panel-header__collapse-button {\n    padding: 4px;\n    \n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-resting);\n    }\n  }\n\n  .redsift-app-side-panel-header__collapse-button:hover,\n  .redsift-app-side-panel-header__collapse-button:focus-visible {\n    background-color: var(--redsift-color-side-navigation-menu-item-background-hover);\n\n    i {\n      color: var(--redsift-color-side-navigation-menu-item-text-hover);\n    }\n  }\n\n  .redsift-app-side-panel__featured {\n    box-sizing: border-box;\n    margin-bottom: 16px;\n    padding: 0px 16px;\n    width: 100%;\n  }\n\n  [dir=\"rtl\"] & {\n    left: unset;\n    right: 0px;\n    transform: unset;\n    transition: unset;\n\n    .redsift-app-side-panel-header__collapse-button {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n`","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport { PressEvent } from '@react-types/shared';\nimport classNames from 'classnames';\nimport { mdiChevronLeft } from '@redsift/icons';\nimport { Comp } from '~/types';\nimport { IconButton } from '~/components/icon-button';\nimport { AppContainerContext } from '~/components/app-container/context';\nimport { StyledAppSidePanel } from './styles';\nimport { AppSidePanelProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftAppSidePanel';\nconst CLASSNAME = 'redsift-app-side-panel';\nconst DEFAULT_PROPS: Partial<AppSidePanelProps> = {};\n\n/**\n * The AppSidePanel component.\n */\nexport const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const panelRef = (ref || useRef<HTMLDivElement>()) as RefObject<HTMLDivElement>;\n\n  const {\n    children,\n    className,\n    featuredElements,\n    iconButtonProps,\n    iconButtonRef = useRef<HTMLButtonElement>(),\n    isCollapsed = false,\n    logo,\n    onClose,\n    ...forwardedProps\n  } = props;\n\n  const appContainerState = useContext(AppContainerContext);\n\n  const handleClose = (event: PressEvent) => {\n    onClose?.(event);\n    appContainerState?.collapseSidePanel();\n  }\n\n  return (\n    <StyledAppSidePanel\n      {...forwardedProps}\n      $isCollapsed={!!(isCollapsed || appContainerState?.isSidePanelCollapsed)}\n      className={classNames(AppSidePanel.className, className)}\n      ref={panelRef as RefObject<HTMLDivElement>}\n    >\n      {logo || (onClose || appContainerState) ? (\n        <div className={`${AppSidePanel.className}__header`}>\n          {logo ? (\n            React.isValidElement(logo) ? logo : <img src={logo.src} alt={logo.alt} />\n          ) : null}\n          {(onClose || appContainerState) ? (\n            <IconButton\n              aria-label=\"Collapse left side panel\"\n              {...iconButtonProps}\n              className={`${AppSidePanel.className}-header__collapse-button`}\n              icon={mdiChevronLeft}\n              onPress={handleClose}\n              ref={iconButtonRef as RefObject<HTMLButtonElement>}\n            />\n          ) : null }\n        </div>\n      ) : null}\n      {featuredElements ? (\n        <div className={`${AppSidePanel.className}__featured`}>\n          {featuredElements}\n        </div>\n      ) : null}\n      {children}\n    </StyledAppSidePanel>\n  );\n});\nAppSidePanel.className = CLASSNAME;\nAppSidePanel.defaultProps = DEFAULT_PROPS;\nAppSidePanel.displayName = COMPONENT_NAME;\n"],"names":["StyledAppSidePanel","styled","div","$isCollapsed","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","AppSidePanel","forwardRef","props","ref","panelRef","useRef","children","className","featuredElements","iconButtonProps","iconButtonRef","isCollapsed","logo","onClose","forwardedProps","appContainerState","useContext","AppContainerContext","handleClose","event","collapseSidePanel","isSidePanelCollapsed","classNames","React","isValidElement","src","alt","mdiChevronLeft","defaultProps","displayName"],"mappings":"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"}

package/esm/_internal/Badge2.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import styled, { css } from 'styled-components';

package/esm/_internal/BreadcrumbItem.js

@@ -1,32 +1,42 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
+import { T as Theme } from './types.js';
 import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
 import styled, { css } from 'styled-components';
 import { a as Icon } from './Icon2.js';
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 /**
  * Component style.
  */
-const StyledBreadcrumbItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border: none;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 4px;\n  text-decoration: none;\n\n  ", "\n  \n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-text-primary);\n  }\n    \n  i {\n    font-size: 20px;\n    height: 20px;\n    line-height: 20px;\n    margin-right: 4px;\n    vertical-align: -1.5px;\n    width: 20px;\n\n    ", "\n  }\n\n"])), _ref => {
+const StyledBreadcrumbItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border: none;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 4px;\n  text-decoration: none;\n\n  ", "\n  \n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-text-", "primary);\n  }\n    \n  i {\n    font-size: 20px;\n    height: 20px;\n    line-height: 20px;\n    margin-right: 4px;\n    vertical-align: -1.5px;\n    width: 20px;\n\n    ", "\n  }\n\n"])), _ref => {
   let {
     $isDisabled,
-    $isCurrent
+    $isCurrent,
+    $theme
   } = _ref;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n  "])), $isDisabled ? "\n      color: var(--redsift-color-text-disabled);\n    " : $isCurrent ? "\n      color: var(--redsift-color-text-primary);\n    " : "\n      color: var(--redsift-color-text-secondary);\n    ", !$isDisabled && !$isCurrent && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &:hover,\n      &:focus-visible {\n        cursor: pointer;\n        color: var(--redsift-color-text-primary);\n      }\n    "]))));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n  "])), $theme === Theme.dark ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      ", "\n\n      ", "\n    "])), $isDisabled ? "\n        color: var(--redsift-color-text-disabled);\n      " : $isCurrent ? "\n        color: var(--redsift-color-text-primary);\n      " : "\n        color: var(--redsift-color-text-secondary);\n      ", !$isDisabled && !$isCurrent && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        &:hover,\n        &:focus-visible {\n          cursor: pointer;\n          color: var(--redsift-color-text-primary);\n        }\n      "])))) : css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      ", "\n\n      ", "\n    "])), $isDisabled ? "\n        color: var(--redsift-color-text-light-disabled);\n      " : $isCurrent ? "\n        color: var(--redsift-color-text-light-secondary);\n      " : "\n        color: var(--redsift-color-text-light-primary);\n      ", !$isDisabled && !$isCurrent && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        &:hover,\n        &:focus-visible {\n          cursor: pointer;\n          text-decoration: underline;\n          text-underline-offset: 2px;\n        }\n      "])))));
 }, _ref2 => {
   let {
-    $isDisabled
+    $theme
   } = _ref2;
-  return $isDisabled ? css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: var(--redsift-color-text-disabled);\n    "]))) : css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: var(--redsift-color-action-active);\n    "])));
+  return $theme === Theme.light ? 'light' : '';
+}, _ref3 => {
+  let {
+    $isDisabled,
+    $theme
+  } = _ref3;
+  return $isDisabled ? css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      color: var(--redsift-color-text-disabled);\n    "]))) : css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      color: var(--redsift-color-text-", ");\n    "])), $theme === Theme.dark ? 'secondary' : 'light-primary');
 });
 
-const _excluded = ["children", "className", "href", "icon", "isCurrent", "isDisabled"];
+const _excluded = ["children", "className", "href", "icon", "isCurrent", "isDisabled", "theme"];
 const COMPONENT_NAME = 'RedSiftBreadcrumbItem';
 const CLASSNAME = 'redsift-breadcrumb-item';
-const DEFAULT_PROPS = {};
+const DEFAULT_PROPS = {
+  theme: Theme.dark
+};
 /**
  * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.
  */
@@ -40,7 +50,8 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
     href,
     icon,
     isCurrent,
-    isDisabled
+    isDisabled,
+    theme
   } = props,
         forwardedProps = _objectWithoutProperties(props, _excluded);
 
@@ -51,6 +62,7 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
   }, forwardedProps, {
     $isCurrent: isCurrent,
     $isDisabled: isDisabled,
+    $theme: theme,
     "aria-current": isCurrent ? 'page' : undefined,
     "aria-disabled": isDisabled || isCurrent,
     className: classNames(BreadcrumbItem.className, className),

package/esm/_internal/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/breadcrumb-item/styles.ts","../../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledBreadcrumbItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbItem = styled.a<StyledBreadcrumbItemProps>`\n  background: none;\n  border: none;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 4px;\n  text-decoration: none;\n\n  ${({ $isDisabled, $isCurrent }) => css`\n    ${$isDisabled ? `\n      color: var(--redsift-color-text-disabled);\n    ` : $isCurrent ? `\n      color: var(--redsift-color-text-primary);\n    ` : `\n      color: var(--redsift-color-text-secondary);\n    `}\n\n    ${!$isDisabled && !$isCurrent && css`\n      &:hover,\n      &:focus-visible {\n        cursor: pointer;\n        color: var(--redsift-color-text-primary);\n      }\n    `}\n  `}\n  \n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-text-primary);\n  }\n    \n  i {\n    font-size: 20px;\n    height: 20px;\n    line-height: 20px;\n    margin-right: 4px;\n    vertical-align: -1.5px;\n    width: 20px;\n\n    ${({ $isDisabled }) => $isDisabled ? css`\n      color: var(--redsift-color-text-disabled);\n    ` : css`\n      color: var(--redsift-color-action-active);\n    `}\n  }\n\n`","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { Icon } from '~/components/icon';\nimport { StyledBreadcrumbItem } from './styles';\nimport { BreadcrumbItemProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftBreadcrumbItem';\nconst CLASSNAME = 'redsift-breadcrumb-item';\nconst DEFAULT_PROPS: Partial<BreadcrumbItemProps> = {};\n\n/**\n * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const linkRef = ref || useRef<HTMLAnchorElement>();\n\n  const {\n    children,\n    className,\n    href,\n    icon,\n    isCurrent,\n    isDisabled,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children]);\n\n  return (\n    <StyledBreadcrumbItem\n      role=\"link\"\n      tabIndex={!isDisabled && !isCurrent ? 0 : undefined}\n      {...forwardedProps}\n      $isCurrent={isCurrent}\n      $isDisabled={isDisabled}\n      aria-current={isCurrent ? 'page' : undefined}\n      aria-disabled={isDisabled || isCurrent}\n      className={classNames(BreadcrumbItem.className, className)}\n      href={!isDisabled && !isCurrent ? href : undefined}\n      ref={linkRef as RefObject<HTMLAnchorElement>}\n    >\n      {icon ? <Icon icon={icon} /> : null}\n      {children}\n    </StyledBreadcrumbItem>\n  );\n});\nBreadcrumbItem.className = CLASSNAME;\nBreadcrumbItem.defaultProps = DEFAULT_PROPS;\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"],"names":["StyledBreadcrumbItem","styled","a","$isDisabled","$isCurrent","css","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","BreadcrumbItem","forwardRef","props","ref","linkRef","useRef","children","className","href","icon","isCurrent","isDisabled","forwardedProps","warnIfNoAccessibleLabelFound","undefined","classNames","defaultProps","displayName"],"mappings":";;;;;;;;;AAGA;AACA;AACA;AACO,MAAMA,oBAAoB,GAAGC,MAAM,CAACC,CAAV,CAU7B,eAAA,KAAA,eAAA,GAAA,sBAAA,CAAA,CAAA,qUAAA,EAAA,wPAAA,EAAA,WAAA,CAAA,CAAA,CAAA,EAAA,IAAA,IAAA;EAAA,IAAC;IAAEC,WAAF;AAAeC,IAAAA,UAAAA;GAAhB,GAAA,IAAA,CAAA;AAAA,EAAA,OAAiCC,GAAjC,CAAA,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,QAAA,EAAA,UAAA,EAAA,MAAA,CAAA,CAAA,CAAA,EACEF,WAAW,GAAA,0DAAA,GAETC,UAAU,GAHd,yDAAA,GAAA,2DAAA,EASE,CAACD,WAAD,IAAgB,CAACC,UAAjB,IAA+BC,GAA/B,CATF,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,uIAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAV6B,EAwC3B,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,WAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAqBA,WAAW,GAAGE,GAAH,CAAA,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,0DAAA,CAAA,CAAA,CAAA,CAAA,GAE9BA,GAF8B,CAAhC,gBAAA,KAAA,gBAAA,GAAA,sBAAA,CAAA,CAAA,0DAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAxC2B,CAA1B;;;ACEP,MAAMC,cAAc,GAAG,uBAAvB,CAAA;AACA,MAAMC,SAAS,GAAG,yBAAlB,CAAA;AACA,MAAMC,aAA2C,GAAG,EAApD,CAAA;AAEA;AACA;AACA;;AACO,MAAMC,cAA4D,gBAAGC,UAAU,CAAC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrG,EAAA,MAAMC,OAAO,GAAGD,GAAG,IAAIE,MAAM,EAA7B,CAAA;;EAEA,MAAM;IACJC,QADI;IAEJC,SAFI;IAGJC,IAHI;IAIJC,IAJI;IAKJC,SALI;AAMJC,IAAAA,UAAAA;AANI,GAAA,GAQFT,KARJ;QAOKU,cAPL,4BAQIV,KARJ,EAAA,SAAA,CAAA,CAAA;;AAUAW,EAAAA,4BAA4B,CAACX,KAAD,EAAQ,CAACI,QAAD,CAAR,CAA5B,CAAA;AAEA,EAAA,oBACE,oBAAC,oBAAD,EAAA,QAAA,CAAA;AACE,IAAA,IAAI,EAAC,MADP;IAEE,QAAQ,EAAE,CAACK,UAAD,IAAe,CAACD,SAAhB,GAA4B,CAA5B,GAAgCI,SAAAA;AAF5C,GAAA,EAGMF,cAHN,EAAA;AAIE,IAAA,UAAU,EAAEF,SAJd;AAKE,IAAA,WAAW,EAAEC,UALf;AAME,IAAA,cAAA,EAAcD,SAAS,GAAG,MAAH,GAAYI,SANrC;IAOE,eAAeH,EAAAA,UAAU,IAAID,SAP/B;IAQE,SAAS,EAAEK,UAAU,CAACf,cAAc,CAACO,SAAhB,EAA2BA,SAA3B,CARvB;IASE,IAAI,EAAE,CAACI,UAAD,IAAe,CAACD,SAAhB,GAA4BF,IAA5B,GAAmCM,SAT3C;AAUE,IAAA,GAAG,EAAEV,OAAAA;GAEJK,CAAAA,EAAAA,IAAI,gBAAG,KAAA,CAAA,aAAA,CAAC,IAAD,EAAA;AAAM,IAAA,IAAI,EAAEA,IAAAA;AAAZ,GAAA,CAAH,GAA0B,IAZjC,EAaGH,QAbH,CADF,CAAA;AAiBD,CAhCqF,EAA/E;AAiCPN,cAAc,CAACO,SAAf,GAA2BT,SAA3B,CAAA;AACAE,cAAc,CAACgB,YAAf,GAA8BjB,aAA9B,CAAA;AACAC,cAAc,CAACiB,WAAf,GAA6BpB,cAA7B;;;;"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/breadcrumb-item/styles.ts","../../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Theme } from '~/types';\nimport { StyledBreadcrumbItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbItem = styled.a<StyledBreadcrumbItemProps>`\n  background: none;\n  border: none;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: var(--redsift-typography-body-font-size);\n  font-weight: var(--redsift-typography-body-font-weight);\n  line-height: var(--redsift-typography-body-line-height);\n  padding: 4px;\n  text-decoration: none;\n\n  ${({ $isDisabled, $isCurrent, $theme }) => css`\n    ${$theme === Theme.dark ? css`\n      ${$isDisabled ? `\n        color: var(--redsift-color-text-disabled);\n      ` : $isCurrent ? `\n        color: var(--redsift-color-text-primary);\n      ` : `\n        color: var(--redsift-color-text-secondary);\n      `}\n\n      ${!$isDisabled && !$isCurrent && css`\n        &:hover,\n        &:focus-visible {\n          cursor: pointer;\n          color: var(--redsift-color-text-primary);\n        }\n      `}\n    ` : css`\n      ${$isDisabled ? `\n        color: var(--redsift-color-text-light-disabled);\n      ` : $isCurrent ? `\n        color: var(--redsift-color-text-light-secondary);\n      ` : `\n        color: var(--redsift-color-text-light-primary);\n      `}\n\n      ${!$isDisabled && !$isCurrent && css`\n        &:hover,\n        &:focus-visible {\n          cursor: pointer;\n          text-decoration: underline;\n          text-underline-offset: 2px;\n        }\n      `}\n    `}\n  `}\n  \n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-text-${({ $theme }) => $theme === Theme.light ? 'light' : ''}primary);\n  }\n    \n  i {\n    font-size: 20px;\n    height: 20px;\n    line-height: 20px;\n    margin-right: 4px;\n    vertical-align: -1.5px;\n    width: 20px;\n\n    ${({ $isDisabled, $theme }) => $isDisabled ? css`\n      color: var(--redsift-color-text-disabled);\n    ` : css`\n      color: var(--redsift-color-text-${$theme === Theme.dark ? 'secondary' : 'light-primary'});\n    `}\n  }\n\n`","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp, Theme } from '~/types';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { Icon } from '~/components/icon';\nimport { StyledBreadcrumbItem } from './styles';\nimport { BreadcrumbItemProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftBreadcrumbItem';\nconst CLASSNAME = 'redsift-breadcrumb-item';\nconst DEFAULT_PROPS: Partial<BreadcrumbItemProps> = {\n  theme: Theme.dark,\n};\n\n/**\n * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const linkRef = ref || useRef<HTMLAnchorElement>();\n\n  const {\n    children,\n    className,\n    href,\n    icon,\n    isCurrent,\n    isDisabled,\n    theme,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children]);\n\n  return (\n    <StyledBreadcrumbItem\n      role=\"link\"\n      tabIndex={!isDisabled && !isCurrent ? 0 : undefined}\n      {...forwardedProps}\n      $isCurrent={isCurrent}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      aria-current={isCurrent ? 'page' : undefined}\n      aria-disabled={isDisabled || isCurrent}\n      className={classNames(BreadcrumbItem.className, className)}\n      href={!isDisabled && !isCurrent ? href : undefined}\n      ref={linkRef as RefObject<HTMLAnchorElement>}\n    >\n      {icon ? <Icon icon={icon} /> : null}\n      {children}\n    </StyledBreadcrumbItem>\n  );\n});\nBreadcrumbItem.className = CLASSNAME;\nBreadcrumbItem.defaultProps = DEFAULT_PROPS;\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"],"names":["StyledBreadcrumbItem","styled","a","$isDisabled","$isCurrent","$theme","css","Theme","dark","light","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","theme","BreadcrumbItem","forwardRef","props","ref","linkRef","useRef","children","className","href","icon","isCurrent","isDisabled","forwardedProps","warnIfNoAccessibleLabelFound","undefined","classNames","defaultProps","displayName"],"mappings":"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"}

package/esm/_internal/Breadcrumbs2.js

@@ -1,6 +1,7 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
+import { T as Theme } from './types.js';
 import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
 import styled, { css } from 'styled-components';
 import { B as BreadcrumbItem } from './BreadcrumbItem.js';
@@ -12,15 +13,18 @@ var _templateObject, _templateObject2, _templateObject3;
  */
 const StyledBreadcrumbs = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ol {\n    display: inline-flex;\n    list-style: none;\n    padding: unset;\n  }\n\n  .redsift-breadcrumbs__separator {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    margin: 0px 4px;\n\n    &, i {\n      ", "\n    }\n\n    i {\n      font-size: 20px;\n      height: 20px;\n      line-height: 20px;\n      vertical-align: -2.5px;\n      width: 20px;\n    }\n  }\n"])), _ref => {
   let {
-    $isDisabled
+    $isDisabled,
+    $theme
   } = _ref;
-  return $isDisabled ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        color: var(--redsift-color-text-disabled);\n      "]))) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: var(--redsift-color-text-secondary);\n      "])));
+  return $isDisabled ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        color: var(--redsift-color-text-", "disabled);\n      "])), $theme === Theme.light ? 'light' : '') : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: var(--redsift-color-text-", ");\n      "])), $theme === Theme.light ? 'light-primary' : 'secondary');
 });
 
-const _excluded = ["children", "className", "icon", "isDisabled", "separator"];
+const _excluded = ["children", "className", "icon", "isDisabled", "separator", "theme"];
 const COMPONENT_NAME = 'RedSiftBreadcrumbs';
 const CLASSNAME = 'redsift-breadcrumbs';
-const DEFAULT_PROPS = {};
+const DEFAULT_PROPS = {
+  theme: Theme.dark
+};
 /**
  * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.
  */
@@ -33,7 +37,8 @@ const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
     className,
     icon,
     isDisabled,
-    separator
+    separator,
+    theme
   } = props,
         forwardedProps = _objectWithoutProperties(props, _excluded);
 
@@ -55,13 +60,15 @@ const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled: child.props.isDisabled || isDisabled || undefined
     }, child.props, {
       key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
-      isCurrent: isCurrent
+      isCurrent: isCurrent,
+      theme: theme
     })), isCurrent === false ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(Breadcrumbs.className, "__separator")
     }, separator ? separator : '/') : null);
   });
   return /*#__PURE__*/React.createElement(StyledBreadcrumbs, _extends({}, forwardedProps, {
     $isDisabled: isDisabled,
+    $theme: theme,
     className: classNames(Breadcrumbs.className, className),
     ref: linkRef
   }), /*#__PURE__*/React.createElement("ol", null, breadcrumbItems));

package/esm/_internal/Breadcrumbs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs2.js","sources":["../../../src/components/breadcrumbs/styles.ts","../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledBreadcrumbsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbs = styled.nav<StyledBreadcrumbsProps>`\n  ol {\n    display: inline-flex;\n    list-style: none;\n    padding: unset;\n  }\n\n  .redsift-breadcrumbs__separator {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    margin: 0px 4px;\n\n    &, i {\n      ${({ $isDisabled }) => $isDisabled ? css`\n        color: var(--redsift-color-text-disabled);\n      `: css`\n        color: var(--redsift-color-text-secondary);\n      `}\n    }\n\n    i {\n      font-size: 20px;\n      height: 20px;\n      line-height: 20px;\n      vertical-align: -2.5px;\n      width: 20px;\n    }\n  }\n`\n","import React, { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '~/types';\nimport { BreadcrumbItem } from '~/components/breadcrumb-item';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { StyledBreadcrumbs } from './styles';\nimport { BreadcrumbsProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftBreadcrumbs';\nconst CLASSNAME = 'redsift-breadcrumbs';\nconst DEFAULT_PROPS: Partial<BreadcrumbsProps> = {};\n\n/**\n * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const Breadcrumbs: Comp<BreadcrumbsProps, HTMLElement> = forwardRef((props, ref) => {\n  const linkRef = ref || useRef<HTMLElement>();\n\n  const {\n    children,\n    className,\n    icon,\n    isDisabled,\n    separator,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props);\n\n  const childArray: ReactElement[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n\n  const breadcrumbItems = childArray.map((child, index) => {\n    const isCurrent = index === childArray.length - 1;\n\n    return (\n      <li key={index}>\n        <BreadcrumbItem\n          icon={child.props.icon || icon || undefined}\n          isDisabled={child.props.isDisabled || isDisabled || undefined}\n          {...child.props}\n          key={child.key ?? index}\n          isCurrent={isCurrent}\n        />\n        {isCurrent === false ?\n          <span className={`${Breadcrumbs.className}__separator`}>\n            {separator ? separator : '/'}\n          </span> :\n        null}\n      </li>\n    )\n  })\n\n  return (\n    <StyledBreadcrumbs\n      {...forwardedProps}\n      $isDisabled={isDisabled}\n      className={classNames(Breadcrumbs.className, className)}\n      ref={linkRef as RefObject<HTMLElement>}\n    >\n      <ol>\n        {breadcrumbItems}\n      </ol>\n    </StyledBreadcrumbs>\n  );\n});\nBreadcrumbs.className = CLASSNAME;\nBreadcrumbs.defaultProps = DEFAULT_PROPS;\nBreadcrumbs.displayName = COMPONENT_NAME;\n"],"names":["StyledBreadcrumbs","styled","nav","$isDisabled","css","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","Breadcrumbs","forwardRef","props","ref","linkRef","useRef","children","className","icon","isDisabled","separator","forwardedProps","warnIfNoAccessibleLabelFound","childArray","React","Children","forEach","child","isValidElement","push","breadcrumbItems","map","index","isCurrent","length","undefined","key","classNames","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs2.js","sources":["../../../src/components/breadcrumbs/styles.ts","../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Theme } from '~/types';\nimport { StyledBreadcrumbsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledBreadcrumbs = styled.nav<StyledBreadcrumbsProps>`\n  ol {\n    display: inline-flex;\n    list-style: none;\n    padding: unset;\n  }\n\n  .redsift-breadcrumbs__separator {\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    margin: 0px 4px;\n\n    &, i {\n      ${({ $isDisabled, $theme }) => $isDisabled ? css`\n        color: var(--redsift-color-text-${$theme === Theme.light ? 'light' : ''}disabled);\n      `: css`\n        color: var(--redsift-color-text-${$theme === Theme.light ? 'light-primary' : 'secondary'});\n      `}\n    }\n\n    i {\n      font-size: 20px;\n      height: 20px;\n      line-height: 20px;\n      vertical-align: -2.5px;\n      width: 20px;\n    }\n  }\n`\n","import React, { forwardRef, ReactElement, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp, Theme } from '~/types';\nimport { BreadcrumbItem } from '~/components/breadcrumb-item';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { StyledBreadcrumbs } from './styles';\nimport { BreadcrumbsProps } from './types';\n\nconst COMPONENT_NAME = 'RedSiftBreadcrumbs';\nconst CLASSNAME = 'redsift-breadcrumbs';\nconst DEFAULT_PROPS: Partial<BreadcrumbsProps> = {\n  theme: Theme.dark,\n};\n\n/**\n * The Breadcrumbs components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const Breadcrumbs: Comp<BreadcrumbsProps, HTMLElement> = forwardRef((props, ref) => {\n  const linkRef = ref || useRef<HTMLElement>();\n\n  const {\n    children,\n    className,\n    icon,\n    isDisabled,\n    separator,\n    theme,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props);\n\n  const childArray: ReactElement[] = [];\n  React.Children.forEach(children, child => {\n    if (React.isValidElement(child)) {\n      childArray.push(child);\n    }\n  });\n\n  const breadcrumbItems = childArray.map((child, index) => {\n    const isCurrent = index === childArray.length - 1;\n\n    return (\n      <li key={index}>\n        <BreadcrumbItem\n          icon={child.props.icon || icon || undefined}\n          isDisabled={child.props.isDisabled || isDisabled || undefined}\n          {...child.props}\n          key={child.key ?? index}\n          isCurrent={isCurrent}\n          theme={theme}\n        />\n        {isCurrent === false ?\n          <span className={`${Breadcrumbs.className}__separator`}>\n            {separator ? separator : '/'}\n          </span> :\n        null}\n      </li>\n    )\n  })\n\n  return (\n    <StyledBreadcrumbs\n      {...forwardedProps}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      className={classNames(Breadcrumbs.className, className)}\n      ref={linkRef as RefObject<HTMLElement>}\n    >\n      <ol>\n        {breadcrumbItems}\n      </ol>\n    </StyledBreadcrumbs>\n  );\n});\nBreadcrumbs.className = CLASSNAME;\nBreadcrumbs.defaultProps = DEFAULT_PROPS;\nBreadcrumbs.displayName = COMPONENT_NAME;\n"],"names":["StyledBreadcrumbs","styled","nav","$isDisabled","$theme","css","Theme","light","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","theme","dark","Breadcrumbs","forwardRef","props","ref","linkRef","useRef","children","className","icon","isDisabled","separator","forwardedProps","warnIfNoAccessibleLabelFound","childArray","React","Children","forEach","child","isValidElement","push","breadcrumbItems","map","index","isCurrent","length","undefined","key","classNames","defaultProps","displayName"],"mappings":"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"}

package/esm/_internal/Button2.js

@@ -1,4 +1,4 @@
-import { b as _objectSpread2, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { useButton } from '@react-aria/button';

package/esm/_internal/ButtonLink.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { C as ColorPalette } from './types.js';

package/esm/_internal/Checkbox2.js

@@ -1,13 +1,13 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useContext, useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import { useFocusRing } from '@react-aria/focus';
+import { mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline } from '@redsift/icons';
 import { C as ColorPalette } from './types.js';
 import { C as CheckboxGroupContext } from './context2.js';
 import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
 import styled, { css } from 'styled-components';
 import { a as Icon } from './Icon2.js';
-import { mdiCheckboxMarked, mdiMinusBox, mdiCheckboxBlankOutline } from '@mdi/js';
 
 /**
  * Component size.

package/esm/_internal/Checkbox2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox2.js","sources":["../../../src/components/checkbox/types.ts","../../../src/components/checkbox/styles.ts","../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, MutableRefObject } from 'react';\nimport { ColorPalette, ValueOf } from '~/types';\nimport { CheckboxGroupState } from '../checkbox-group';\n\n/**\n * Component size.\n */\n export const CheckboxSize = {\n  large: 'large',\n  small: 'small',\n} as const;\nexport type CheckboxSize = ValueOf<typeof CheckboxSize>;\n\n/**\n * Component props.\n */\nexport interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'> {\n  /** Whether the component can be autofocused. */\n  autoFocus?: boolean;\n  /** Color variant. */\n  color?: ColorPalette;\n  /**\n   * Default select status.\n   * Used for uncontrolled version.\n   * Shouldn't be used inside a group unless isControlled is force to true.\n   */\n  defaultSelected?: boolean;\n  /** Custom props to pass to the input element. */\n  inputProps?: ComponentProps<'input'>;\n  /** Custom ref object to pass to the input element. */\n  inputRef?: MutableRefObject<HTMLInputElement>;\n  /** Indicates that the component is forced to be controlled. */\n  isControlled?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the checkbox status is indeterminate or not. */\n  isIndeterminate?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /**\n   * Whether the component is selected or not.\n   * Used for controlled version.\n   * Shouldn't be used inside a group unless isControlled is force to true.\n   */\n  isSelected?: boolean;\n  /** Name to pass to the input element. */\n  name?: HTMLInputElement[\"name\"];\n  /** Method to handle component change. */\n  onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: CheckboxGroupState): void;\n  /** Size of the checkbox. */\n  size?: CheckboxSize;\n  /**\n   * Value to pass to the input element.\n   * Required within a group.\n   */\n  value?: HTMLInputElement[\"value\"];\n}\n\nexport type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {\n  $color: CheckboxProps['color'];\n  $isDisabled: CheckboxProps['isDisabled'];\n  $isInvalid: CheckboxProps['isInvalid'];\n  $isFocusVisible: boolean;\n  $isRequired: CheckboxProps['isRequired'];\n  $isSelected: CheckboxProps['isSelected'];\n  $size: CheckboxProps['size'];\n};\n","import styled, { css } from 'styled-components';\nimport { CheckboxSize, StyledCheckboxProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledCheckbox = styled.label<StyledCheckboxProps>`\n  align-items: center;\n  background-color: ${({ $color }) => css`var(--redsift-color-${$color}-contrast)`};\n  border: none;\n  display: inline-flex;\n  position: relative;\n  width: fit-content;\n  \n  input {\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    width: 100%;\n  }\n  \n  span {\n    ${({ $isDisabled, $isInvalid }) => $isDisabled ? css`\n      color: var(--redsift-color-action-disabled);\n    ` : $isInvalid ? css`\n      color: var(--redsift-color-error-main);\n    ` : css`\n      color: var(--redsift-color-text-primary);\n    `}\n\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n\n    padding-right: 16px;\n\n    [dir=\"rtl\"] & {\n      padding-left: 16px;\n      padding-right: 0px;\n    }\n  }\n\n  i {\n    padding: 8px;\n\n    ${({ $size, $isDisabled, $isInvalid, $isFocusVisible, $color }) => css`\n      font-size: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      height: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      line-height: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      width: ${$size === CheckboxSize.large ? '24px' : '20px'};\n\n      ${$isDisabled ? css`\n        color: var(--redsift-color-action-disabled);\n      ` : $isInvalid ? css`\n        color: var(--redsift-color-error-main);\n      ` : ''}\n\n      ${$isFocusVisible ? css`\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n        border-radius: 21px;\n      ` : ''}\n    `}\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isDisabled, $color }) => !$isDisabled ? css`\n      i {\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n        border-radius: 21px;\n      }\n    ` : ''}\n  }\n\n  ${({ $isFocusVisible, $color }) => $isFocusVisible ? css`\n    i {\n      background-color: var(--redsift-color-${$color}-outlined-hover);\n      border-radius: 21px;\n    }\n  ` : ''}\n`\n","import React, { ComponentProps, forwardRef, MutableRefObject, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '@react-aria/focus';\nimport { ColorPalette, Comp } from '~/types';\nimport { Icon, mdiCheckboxBlankOutline, mdiMinusBox, mdiCheckboxMarked } from '~/components/icon';\nimport { CheckboxGroupContext } from '~/components/checkbox-group/context';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { CheckboxProps, CheckboxSize } from './types';\nimport { StyledCheckbox } from './styles';\n\nconst COMPONENT_NAME = 'RedSiftCheckbox';\nconst CLASSNAME = 'redsift-checkbox';\nconst DEFAULT_PROPS: Partial<CheckboxProps> = {\n  color: ColorPalette.primary,\n  size: CheckboxSize.large,\n};\n\n/**\n * The Checkbox component.\n * Works both inside a CheckboxGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Checkbox: Comp<CheckboxProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const labelRef = ref || useRef<HTMLLabelElement>();\n  const groupState = useContext(CheckboxGroupContext);\n  \n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    color,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isControlled,\n    isDisabled,\n    isIndeterminate,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    size,\n    value,\n    ...forwardedProps\n  } = props;\n  \n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  inputRef = (inputRef || useRef<HTMLInputElement>()) as MutableRefObject<HTMLInputElement>;\n  isDisabled = isDisabled || groupState?.isDisabled;\n  isReadOnly = isReadOnly || groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(propsIsSelected || defaultSelected || groupState?.value.includes(value as string));\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value.includes(value as string));\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children]);\n\n  if (groupState && !isControlled) {\n    if (propsIsSelected != null) {\n      console.warn(`isSelected is unsupported on individual <Checkbox> elements within a <CheckboxGroup> unless the <Checkbox> is controlled. Please apply this prop to the group instead or pass isControlled to the component.`);\n    }\n    if (defaultSelected != null) {\n      console.warn(`defaultSelected is unsupported on individual <Checkbox> elements within a <CheckboxGroup> unless the <Checkbox> is controlled. Please apply this prop to the group instead or pass isControlled to the component.`);\n    }\n    if (props.value == null) {\n      console.warn('A <Checkbox> element within a <CheckboxGroup> requires a `value` property unless the <Checkbox> is controlled.');\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        if (!groupState.value.includes(value as string)) {\n          groupState.addValue(value as string);\n        } else {\n          groupState.removeValue(value as string);\n        }\n      }\n      \n      if (onChange) {\n        onChange(!isSelected, value, name, event, groupState!);\n      }\n      setSelected(event.target.checked);\n    },\n    [onChange, groupState]\n  );\n\n  return (\n    <StyledCheckbox\n      {...forwardedProps}\n      $color={color}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !isSelected)}\n      $isRequired={isRequired}\n      $isSelected={isSelected}\n      $size={size}\n      className={classNames(Checkbox.className, className)}\n      ref={labelRef as MutableRefObject<HTMLLabelElement>}\n    >\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : isIndeterminate ? 'mixed' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !isSelected)}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        checked={isSelected ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        type=\"checkbox\"\n        value={value}\n      />\n      {\n        isSelected || (isControlled && propsIsSelected) ? <Icon icon={mdiCheckboxMarked} color={isDisabled ? undefined : color} /> :\n        isIndeterminate ? <Icon icon={mdiMinusBox} color={isDisabled ? undefined : color} /> :\n        <Icon icon={mdiCheckboxBlankOutline} />\n      }\n      {children ? <span>{children}</span> : null}\n    </StyledCheckbox>\n  );\n});\nCheckbox.className = CLASSNAME;\nCheckbox.defaultProps = DEFAULT_PROPS;\nCheckbox.displayName = COMPONENT_NAME;\n"],"names":["CheckboxSize","large","small","StyledCheckbox","styled","label","$color","css","$isDisabled","$isInvalid","$size","$isFocusVisible","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","color","ColorPalette","primary","size","Checkbox","forwardRef","props","ref","labelRef","useRef","groupState","useContext","CheckboxGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isControlled","isDisabled","isIndeterminate","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","value","forwardedProps","isFocusVisible","focusProps","useFocusRing","setSelected","useState","includes","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","addValue","removeValue","target","checked","classNames","mdiCheckboxMarked","undefined","mdiMinusBox","mdiCheckboxBlankOutline","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"Checkbox2.js","sources":["../../../src/components/checkbox/types.ts","../../../src/components/checkbox/styles.ts","../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, MutableRefObject } from 'react';\nimport { ColorPalette, ValueOf } from '~/types';\nimport { CheckboxGroupState } from '../checkbox-group';\n\n/**\n * Component size.\n */\n export const CheckboxSize = {\n  large: 'large',\n  small: 'small',\n} as const;\nexport type CheckboxSize = ValueOf<typeof CheckboxSize>;\n\n/**\n * Component props.\n */\nexport interface CheckboxProps extends Omit<ComponentProps<'label'>, 'onChange'> {\n  /** Whether the component can be autofocused. */\n  autoFocus?: boolean;\n  /** Color variant. */\n  color?: ColorPalette;\n  /**\n   * Default select status.\n   * Used for uncontrolled version.\n   * Shouldn't be used inside a group unless isControlled is force to true.\n   */\n  defaultSelected?: boolean;\n  /** Custom props to pass to the input element. */\n  inputProps?: ComponentProps<'input'>;\n  /** Custom ref object to pass to the input element. */\n  inputRef?: MutableRefObject<HTMLInputElement>;\n  /** Indicates that the component is forced to be controlled. */\n  isControlled?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the checkbox status is indeterminate or not. */\n  isIndeterminate?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /**\n   * Whether the component is selected or not.\n   * Used for controlled version.\n   * Shouldn't be used inside a group unless isControlled is force to true.\n   */\n  isSelected?: boolean;\n  /** Name to pass to the input element. */\n  name?: HTMLInputElement[\"name\"];\n  /** Method to handle component change. */\n  onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: CheckboxGroupState): void;\n  /** Size of the checkbox. */\n  size?: CheckboxSize;\n  /**\n   * Value to pass to the input element.\n   * Required within a group.\n   */\n  value?: HTMLInputElement[\"value\"];\n}\n\nexport type StyledCheckboxProps = Omit<CheckboxProps, 'color' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {\n  $color: CheckboxProps['color'];\n  $isDisabled: CheckboxProps['isDisabled'];\n  $isInvalid: CheckboxProps['isInvalid'];\n  $isFocusVisible: boolean;\n  $isRequired: CheckboxProps['isRequired'];\n  $isSelected: CheckboxProps['isSelected'];\n  $size: CheckboxProps['size'];\n};\n","import styled, { css } from 'styled-components';\nimport { CheckboxSize, StyledCheckboxProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledCheckbox = styled.label<StyledCheckboxProps>`\n  align-items: center;\n  background-color: ${({ $color }) => css`var(--redsift-color-${$color}-contrast)`};\n  border: none;\n  display: inline-flex;\n  position: relative;\n  width: fit-content;\n  \n  input {\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    width: 100%;\n  }\n  \n  span {\n    ${({ $isDisabled, $isInvalid }) => $isDisabled ? css`\n      color: var(--redsift-color-action-disabled);\n    ` : $isInvalid ? css`\n      color: var(--redsift-color-error-main);\n    ` : css`\n      color: var(--redsift-color-text-primary);\n    `}\n\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n\n    padding-right: 16px;\n\n    [dir=\"rtl\"] & {\n      padding-left: 16px;\n      padding-right: 0px;\n    }\n  }\n\n  i {\n    padding: 8px;\n\n    ${({ $size, $isDisabled, $isInvalid, $isFocusVisible, $color }) => css`\n      font-size: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      height: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      line-height: ${$size === CheckboxSize.large ? '24px' : '20px'};\n      width: ${$size === CheckboxSize.large ? '24px' : '20px'};\n\n      ${$isDisabled ? css`\n        color: var(--redsift-color-action-disabled);\n      ` : $isInvalid ? css`\n        color: var(--redsift-color-error-main);\n      ` : ''}\n\n      ${$isFocusVisible ? css`\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n        border-radius: 21px;\n      ` : ''}\n    `}\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isDisabled, $color }) => !$isDisabled ? css`\n      i {\n        background-color: var(--redsift-color-${$color}-outlined-hover);\n        border-radius: 21px;\n      }\n    ` : ''}\n  }\n\n  ${({ $isFocusVisible, $color }) => $isFocusVisible ? css`\n    i {\n      background-color: var(--redsift-color-${$color}-outlined-hover);\n      border-radius: 21px;\n    }\n  ` : ''}\n`\n","import React, { ComponentProps, forwardRef, MutableRefObject, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mdiCheckboxBlankOutline, mdiMinusBox, mdiCheckboxMarked } from '@redsift/icons';\nimport { ColorPalette, Comp } from '~/types';\nimport { Icon } from '~/components/icon';\nimport { CheckboxGroupContext } from '~/components/checkbox-group/context';\nimport { warnIfNoAccessibleLabelFound } from '~/utils/warnIfNoAccessibleLabelFound';\nimport { CheckboxProps, CheckboxSize } from './types';\nimport { StyledCheckbox } from './styles';\n\nconst COMPONENT_NAME = 'RedSiftCheckbox';\nconst CLASSNAME = 'redsift-checkbox';\nconst DEFAULT_PROPS: Partial<CheckboxProps> = {\n  color: ColorPalette.primary,\n  size: CheckboxSize.large,\n};\n\n/**\n * The Checkbox component.\n * Works both inside a CheckboxGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Checkbox: Comp<CheckboxProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const labelRef = ref || useRef<HTMLLabelElement>();\n  const groupState = useContext(CheckboxGroupContext);\n  \n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    color,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isControlled,\n    isDisabled,\n    isIndeterminate,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    size,\n    value,\n    ...forwardedProps\n  } = props;\n  \n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  inputRef = (inputRef || useRef<HTMLInputElement>()) as MutableRefObject<HTMLInputElement>;\n  isDisabled = isDisabled || groupState?.isDisabled;\n  isReadOnly = isReadOnly || groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(propsIsSelected || defaultSelected || groupState?.value.includes(value as string));\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value.includes(value as string));\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children]);\n\n  if (groupState && !isControlled) {\n    if (propsIsSelected != null) {\n      console.warn(`isSelected is unsupported on individual <Checkbox> elements within a <CheckboxGroup> unless the <Checkbox> is controlled. Please apply this prop to the group instead or pass isControlled to the component.`);\n    }\n    if (defaultSelected != null) {\n      console.warn(`defaultSelected is unsupported on individual <Checkbox> elements within a <CheckboxGroup> unless the <Checkbox> is controlled. Please apply this prop to the group instead or pass isControlled to the component.`);\n    }\n    if (props.value == null) {\n      console.warn('A <Checkbox> element within a <CheckboxGroup> requires a `value` property unless the <Checkbox> is controlled.');\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        if (!groupState.value.includes(value as string)) {\n          groupState.addValue(value as string);\n        } else {\n          groupState.removeValue(value as string);\n        }\n      }\n      \n      if (onChange) {\n        onChange(!isSelected, value, name, event, groupState!);\n      }\n      setSelected(event.target.checked);\n    },\n    [onChange, groupState]\n  );\n\n  return (\n    <StyledCheckbox\n      {...forwardedProps}\n      $color={color}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !isSelected)}\n      $isRequired={isRequired}\n      $isSelected={isSelected}\n      $size={size}\n      className={classNames(Checkbox.className, className)}\n      ref={labelRef as MutableRefObject<HTMLLabelElement>}\n    >\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : isIndeterminate ? 'mixed' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !isSelected)}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        checked={isSelected ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        type=\"checkbox\"\n        value={value}\n      />\n      {\n        isSelected || (isControlled && propsIsSelected) ? <Icon icon={mdiCheckboxMarked} color={isDisabled ? undefined : color} /> :\n        isIndeterminate ? <Icon icon={mdiMinusBox} color={isDisabled ? undefined : color} /> :\n        <Icon icon={mdiCheckboxBlankOutline} />\n      }\n      {children ? <span>{children}</span> : null}\n    </StyledCheckbox>\n  );\n});\nCheckbox.className = CLASSNAME;\nCheckbox.defaultProps = DEFAULT_PROPS;\nCheckbox.displayName = COMPONENT_NAME;\n"],"names":["CheckboxSize","large","small","StyledCheckbox","styled","label","$color","css","$isDisabled","$isInvalid","$size","$isFocusVisible","COMPONENT_NAME","CLASSNAME","DEFAULT_PROPS","color","ColorPalette","primary","size","Checkbox","forwardRef","props","ref","labelRef","useRef","groupState","useContext","CheckboxGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isControlled","isDisabled","isIndeterminate","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","value","forwardedProps","isFocusVisible","focusProps","useFocusRing","setSelected","useState","includes","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","addValue","removeValue","target","checked","classNames","mdiCheckboxMarked","undefined","mdiMinusBox","mdiCheckboxBlankOutline","defaultProps","displayName"],"mappings":"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"}

package/esm/_internal/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { C as ColorPalette } from './types.js';

package/esm/_internal/FloatingActionButton.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, b as _objectSpread2, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { useButton } from '@react-aria/button';

package/esm/_internal/Icon2.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import styled, { css } from 'styled-components';

package/esm/_internal/IconButton.js

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteral, b as _objectSpread2, c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { _ as _taggedTemplateLiteral, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { useButton } from '@react-aria/button';

package/esm/_internal/Link2.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { S as StyledLink } from './styles2.js';