@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/_internal/Pill2.js

@@ -0,0 +1,9 @@
+import { a as PillProps } from './types20.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Pill component.
+ */
+declare const Pill: Comp<PillProps, HTMLDivElement>;
+
+export { Pill as P };

package/_internal/Pill2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill2.js","sources":["../../src/components/pill/types.ts","../../src/components/pill/styles.ts","../../src/components/pill/Pill.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NeutralColorPalette, PresentationColorPalette, Theme, ValueOf } from '../../types';\nimport { StylingProps } from '../../types';\n\n/**\n * Component size.\n */\nexport const PillSize = {\n  small: 'small',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\nexport type PillSize = ValueOf<typeof PillSize>;\n\n/**\n * Component props.\n */\nexport interface PillProps extends ComponentProps<'div'>, StylingProps {\n  /** Whether the badge should automatically break content. */\n  autoBreak?: boolean;\n  /** Color to use for border. */\n  borderColor?: string;\n  /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */\n  color?:\n    | PresentationColorPalette\n    | NeutralColorPalette\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'error-dark'\n    | 'warning-dark'\n    | 'success-dark'\n    | (string & {});\n  /** Color to use when disabled. */\n  disabledColor?: string;\n  /** Color to use on hover. */\n  hoverColor?: string;\n  /** Whether the Pill is disabled or not. */\n  isDisabled?: boolean;\n  /** Size of the Pill. */\n  size?: PillSize;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {\n  $autoBreak: PillProps['autoBreak'];\n  $borderColor: PillProps['borderColor'];\n  $color: PillProps['color'];\n  $disabledColor: PillProps['disabledColor'];\n  $hoverColor: PillProps['hoverColor'];\n  $isDisabled: PillProps['isDisabled'];\n  $size: PillProps['size'];\n  $theme: PillProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { PillSize, StyledPillProps } from './types';\nimport {\n  RedsiftColorGreenL4,\n  RedsiftColorGreenN,\n  RedsiftColorGreyL1,\n  RedsiftColorNeutralBlack,\n  RedsiftColorNeutralDarkGrey,\n  RedsiftColorNeutralLightGrey,\n  RedsiftColorNeutralMidGrey,\n  RedsiftColorNeutralWhite,\n  RedsiftColorNeutralXDarkGrey,\n  RedsiftColorNeutralXLightGrey,\n  RedsiftColorPresentationAquaDefault,\n  RedsiftColorPresentationBlueDefault,\n  RedsiftColorPresentationBrownDefault,\n  RedsiftColorPresentationGreenDefault,\n  RedsiftColorPresentationGreyDefault,\n  RedsiftColorPresentationOrangeDefault,\n  RedsiftColorPresentationPinkDefault,\n  RedsiftColorPresentationPurpleDefault,\n  RedsiftColorPresentationRedDefault,\n  RedsiftColorPresentationYellowDefault,\n  RedsiftColorRedL4,\n  RedsiftColorRedN,\n  RedsiftColorYellowL4,\n  RedsiftColorYellowN,\n} from '../../utils';\n\nconst predefinedColorToHex: Record<string, string> = {\n  green: RedsiftColorPresentationGreenDefault,\n  pink: RedsiftColorPresentationPinkDefault,\n  aqua: RedsiftColorPresentationAquaDefault,\n  brown: RedsiftColorPresentationBrownDefault,\n  red: RedsiftColorPresentationRedDefault,\n  yellow: RedsiftColorPresentationYellowDefault,\n  purple: RedsiftColorPresentationPurpleDefault,\n  orange: RedsiftColorPresentationOrangeDefault,\n  blue: RedsiftColorPresentationBlueDefault,\n  grey: RedsiftColorPresentationGreyDefault,\n  black: RedsiftColorNeutralBlack,\n  'x-dark-grey': RedsiftColorNeutralXDarkGrey,\n  'dark-grey': RedsiftColorNeutralDarkGrey,\n  'mid-grey': RedsiftColorNeutralMidGrey,\n  'light-grey': RedsiftColorNeutralLightGrey,\n  'x-light-grey': RedsiftColorNeutralXLightGrey,\n  white: RedsiftColorNeutralWhite,\n  error: RedsiftColorRedL4,\n  warning: RedsiftColorYellowL4,\n  success: RedsiftColorGreenL4,\n  'error-dark': RedsiftColorRedN,\n  'warning-dark': RedsiftColorYellowN,\n  'success-dark': RedsiftColorGreenN,\n};\n\nexport const pickTextColorBasedOnBgColorAdvanced = (bgColor: string, lightColor: string, darkColor: string) => {\n  var color = isPredefinedColor(bgColor)\n    ? predefinedColorToHex[bgColor].substring(1, 7)\n    : bgColor.charAt(0) === '#'\n    ? bgColor.substring(1, 7)\n    : bgColor;\n  var r = parseInt(color.substring(0, 2), 16); // hexToR\n  var g = parseInt(color.substring(2, 4), 16); // hexToG\n  var b = parseInt(color.substring(4, 6), 16); // hexToB\n  var uicolors = [r / 255, g / 255, b / 255];\n  var c = uicolors.map((col) => {\n    if (col <= 0.03928) {\n      return col / 12.92;\n    }\n    return Math.pow((col + 0.055) / 1.055, 2.4);\n  });\n  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];\n  return L > 0.179 ? darkColor : lightColor;\n};\n\nexport const pickHoverColorBasedOnBgColorAdvanced = (bgColor: string) => {\n  var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;\n  if (color.toUpperCase() === 'FFFFFF') {\n    return RedsiftColorNeutralLightGrey;\n  }\n  var r = parseInt(color.substring(0, 2), 16); // hexToR\n  var g = parseInt(color.substring(2, 4), 16); // hexToG\n  var b = parseInt(color.substring(4, 6), 16); // hexToB\n  return `rgba(${r}, ${g}, ${b}, 0.75)`;\n};\n\nconst isPredefinedColor = (color: string) => Object.keys(predefinedColorToHex).includes(color);\n\n/**\n * Component style.\n */\nexport const StyledPill = styled.div<StyledPillProps>`\n  align-items: stretch;\n  display: inline-flex;\n  height: fit-content;\n  width: fit-content;\n  ${baseStyling}\n\n  text-align: center;\n\n  ${({ $autoBreak }) =>\n    !$autoBreak\n      ? css`\n          text-wrap: nowrap;\n        `\n      : css`\n          word-break: break-word;\n        `};\n\n  ${({ $size }) => css`\n    .redsift-icon-button,\n    .redsift-button,\n    .redsift-button-link {\n      width: unset;\n      height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n      cursor: pointer;\n      padding: 5px;\n      border: none;\n      text-transform: none;\n\n      font-size: ${$size === PillSize.small ? css`14px` : css`15px`};\n\n      > .redsift-icon:not(.colored) {\n        color: inherit;\n      }\n    }\n\n    .redsift-icon-button {\n      width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n    }\n\n    .redsift-button-link {\n      height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};\n    }\n\n    .first.redsift-text,\n    .first.redsift-number,\n    .middle.redsift-text,\n    .middle.redsift-number,\n    .last.redsift-text,\n    .last.redsift-number {\n      padding: 0 8px;\n    }\n  `}\n\n  ${({ $color, $hoverColor, $isDisabled, $theme }) =>\n    isPredefinedColor($color!)\n      ? css`\n          .first,\n          .middle,\n          .last {\n            background-color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background\n            );\n          }\n\n          & {\n            color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text\n            );\n          }\n\n          .redsift-icon-button:hover,\n          .redsift-button:hover,\n          .redsift-button-link:hover {\n            background-color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background\n            );\n          }\n        `\n      : css`\n          .first,\n          .middle,\n          .last {\n            background-color: ${$color ?? RedsiftColorNeutralWhite};\n          }\n\n          & {\n            color: ${pickTextColorBasedOnBgColorAdvanced(\n              $color ?? RedsiftColorNeutralWhite,\n              $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite,\n              $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack\n            )};\n          }\n\n          .redsift-icon-button:hover,\n          .redsift-button:hover,\n          .redsift-button-link:hover {\n            background-color: ${$hoverColor ??\n            pickHoverColorBasedOnBgColorAdvanced($color ?? RedsiftColorNeutralWhite)};\n          }\n        `};\n\n  ${({ $color, $borderColor, $isDisabled, $theme }) => css`\n    .first:not(.last) {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 2px;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n            border-right: 1px solid white;\n          `}\n    }\n\n    .middle {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n            border-right: 1px solid white;\n          `}\n      border-left: none;\n    }\n\n    .last:not(.first) {\n      border-top-left-radius: 0;\n      border-top-right-radius: 2px;\n      border-bottom-right-radius: 2px;\n      border-bottom-left-radius: 0;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n          `}\n      border-left: none;\n    }\n\n    .first.last {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 2px;\n      border-bottom-right-radius: 2px;\n      border-bottom-left-radius: 2px;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n          `}\n    }\n  `};\n\n  .redsift-icon {\n    font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px')};\n  }\n\n  &,\n  .redsift-text,\n  .redsift-number,\n  .first,\n  .middle,\n  .last {\n    font-family: var(--redsift-typography-pill-font-family);\n    font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px')};\n    font-weight: var(--redsift-typography-pill-font-weight);\n    line-height: ${({ $size }) =>\n      $size === PillSize.xlarge\n        ? '28px'\n        : $size === PillSize.large\n        ? css`var(--redsift-typography-chip-line-height)`\n        : css`var(--redsift-typography-pill-line-height)`};\n  }\n\n  .redsift-icon:not(.colored) {\n    color: inherit;\n  }\n\n  .redsift-icon {\n    width: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n    height: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n\n    > svg {\n      width: 1em;\n      height: 1em;\n    }\n  }\n`;\n","import React, { forwardRef, ReactNode, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, PresentationColorPalette } from '../../types';\nimport { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles';\nimport { PillProps, PillSize } from './types';\nimport { useTheme } from '../theme';\nimport { Text } from '../text';\nimport { Number } from '../number';\nimport { isComponent } from '../../utils';\n\nconst COMPONENT_NAME = 'Pill';\nconst CLASSNAME = 'redsift-pill';\n\n/**\n * The Pill component.\n */\nexport const Pill: Comp<PillProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoBreak,\n    borderColor,\n    children,\n    className,\n    color: propsColor,\n    disabledColor,\n    hoverColor,\n    isDisabled,\n    size: propsSize,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = propsColor || PresentationColorPalette.blue;\n  const size = propsSize || PillSize.large;\n\n  const childArray: ReactNode[] = [];\n  React.Children.forEach(children, (child, index) => {\n    const currentClassName =\n      React.Children.count(children) === 1\n        ? 'first last'\n        : index === 0\n        ? 'first'\n        : index === React.Children.count(children) - 1\n        ? 'last'\n        : 'middle';\n\n    if (\n      isComponent('MenuButton')(child) ||\n      isComponent('Select')(child) ||\n      isComponent('Dialog')(child) ||\n      isComponent('Popover')(child) ||\n      isComponent('Tooltip')(child)\n    ) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: child.key ?? index,\n          triggerClassName: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (React.isValidElement(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n        } as any)\n      );\n    } else if (typeof child === 'string') {\n      childArray.push(\n        <Text key={index} className={currentClassName}>\n          {child}\n        </Text>\n      );\n    } else if (typeof child === 'number') {\n      childArray.push(<Number key={index} className={currentClassName} value={child} />);\n    } else {\n      childArray.push(child);\n    }\n  });\n\n  return (\n    <StyledPill\n      {...forwardedProps}\n      $autoBreak={autoBreak}\n      $borderColor={borderColor}\n      $color={color}\n      $disabledColor={disabledColor}\n      $hoverColor={hoverColor}\n      $isDisabled={isDisabled}\n      $size={size}\n      $theme={theme}\n      className={classNames(Pill.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {childArray}\n    </StyledPill>\n  );\n});\nPill.className = CLASSNAME;\nPill.displayName = COMPONENT_NAME;\n"],"names":["PillSize","small","large","xlarge","predefinedColorToHex","green","RedsiftColorPresentationGreenDefault","pink","RedsiftColorPresentationPinkDefault","aqua","RedsiftColorPresentationAquaDefault","brown","RedsiftColorPresentationBrownDefault","red","RedsiftColorPresentationRedDefault","yellow","RedsiftColorPresentationYellowDefault","purple","RedsiftColorPresentationPurpleDefault","orange","RedsiftColorPresentationOrangeDefault","blue","RedsiftColorPresentationBlueDefault","grey","RedsiftColorPresentationGreyDefault","black","RedsiftColorNeutralBlack","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralDarkGrey","RedsiftColorNeutralMidGrey","RedsiftColorNeutralLightGrey","RedsiftColorNeutralXLightGrey","white","RedsiftColorNeutralWhite","error","RedsiftColorRedL4","warning","RedsiftColorYellowL4","success","RedsiftColorGreenL4","RedsiftColorRedN","RedsiftColorYellowN","RedsiftColorGreenN","pickTextColorBasedOnBgColorAdvanced","bgColor","lightColor","darkColor","color","isPredefinedColor","substring","charAt","r","parseInt","g","b","uicolors","c","map","col","Math","pow","L","pickHoverColorBasedOnBgColorAdvanced","toUpperCase","Object","keys","includes","StyledPill","styled","div","baseStyling","_ref","$autoBreak","css","_ref2","$size","_ref3","$color","$hoverColor","$isDisabled","$theme","RedsiftColorGreyL1","_ref4","$borderColor","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","Pill","forwardRef","props","ref","autoBreak","borderColor","children","className","propsColor","disabledColor","hoverColor","isDisabled","size","propsSize","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","PresentationColorPalette","childArray","React","Children","forEach","child","index","currentClassName","count","isComponent","_child$key","push","cloneElement","key","triggerClassName","variant","_key","isValidElement","_key2","createElement","Text","Number","value","_extends","$disabledColor","classNames","displayName"],"mappings":"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"}

package/_internal/ProgressBar.js

@@ -0,0 +1,26 @@
+import { LinearProgressProps } from '@mui/material/LinearProgress';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface ProgressBarProps extends LinearProgressProps {
+    /** Color of the progress part of the bar. */
+    progressColor?: string;
+    /** Color of the background part of the bar. */
+    backgroundColor?: string;
+    /** Height of the bar. */
+    height?: string;
+    /** Theme. */
+    theme?: Theme;
+    /** Width of the bar. */
+    width?: string;
+}
+
+/**
+ * The Progress bar component.
+ */
+declare const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement>;
+
+export { ProgressBarProps as P, ProgressBar as a };

package/_internal/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../src/components/progress-bar/styles.ts","../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ProgressBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledProgressBar = styled.progress<ProgressBarProps>`\n  ${({ backgroundColor, height, progressColor, width }) => css`\n    &[value] {\n      // Target only state with a value\n      -webkit-appearance: none;\n      appearance: none;\n      height: ${height || '8px'};\n      width: ${width || '100%'};\n      color: var(--redsift-color-presentation-red-default);\n\n      &::-webkit-progress-bar {\n        background-color: ${backgroundColor || 'var(--redsift-color-neutral-x-light-grey)'};\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;\n      }\n\n      &::-webkit-progress-value {\n        background-color: ${progressColor || 'var(--redsift-color-primary-n)'};\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;\n      }\n    }\n  `}\n`;\n","import React, { forwardRef, MutableRefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ProgressBarProps } from './types';\nimport { StyledProgressBar } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst CLASSNAME = 'redsift-progress-bar';\n\n/**\n * The Progress bar component.\n */\nexport const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement> = forwardRef((props, ref) => {\n  const { className, theme: propsTheme, value, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledProgressBar\n      {...forwardedProps}\n      className={classNames(ProgressBar.className, className)}\n      ref={ref as MutableRefObject<HTMLProgressElement>}\n      variant=\"determinate\"\n      max=\"100\"\n      value={value || 0}\n      theme={theme}\n    />\n  );\n});\nProgressBar.className = CLASSNAME;\nProgressBar.displayName = COMPONENT_NAME;\n"],"names":["StyledProgressBar","styled","progress","_ref","backgroundColor","height","progressColor","width","css","COMPONENT_NAME","CLASSNAME","ProgressBar","forwardRef","props","ref","className","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","_extends","classNames","variant","max","displayName"],"mappings":";;;;;;AAGA;AACA;AACA;AACO,MAAMA,iBAAiB,GAAGC,MAAM,CAACC,QAA2B,CAAA;AACnE,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,eAAe;IAAEC,MAAM;IAAEC,aAAa;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,OAAKK,GAAI,CAAA;AAC/D;AACA;AACA;AACA;AACA,cAAgBH,EAAAA,MAAM,IAAI,KAAM,CAAA;AAChC,aAAeE,EAAAA,KAAK,IAAI,MAAO,CAAA;AAC/B;AACA;AACA;AACA,0BAA4BH,EAAAA,eAAe,IAAI,2CAA4C,CAAA;AAC3F;AACA;AACA;AACA;AACA,0BAA4BE,EAAAA,aAAa,IAAI,gCAAiC,CAAA;AAC9E;AACA;AACA;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ,CAAC;;;ACpBD,MAAMG,cAAc,GAAG,aAAa,CAAA;AACpC,MAAMC,SAAS,GAAG,sBAAsB,CAAA;;AAExC;AACA;AACA;AACO,MAAMC,WAAwD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAU;AAAEC,MAAAA,KAAAA;AAAyB,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAExE,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;EAElC,oBACEM,cAAA,CAAAC,aAAA,CAACxB,iBAAiB,EAAAyB,QAAA,KACZN,cAAc,EAAA;IAClBJ,SAAS,EAAEW,UAAU,CAACf,WAAW,CAACI,SAAS,EAAEA,SAAS,CAAE;AACxDD,IAAAA,GAAG,EAAEA,GAA6C;AAClDa,IAAAA,OAAO,EAAC,aAAa;AACrBC,IAAAA,GAAG,EAAC,KAAK;IACTV,KAAK,EAAEA,KAAK,IAAI,CAAE;AAClBF,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACd,CAAC,CAAA;AAEN,CAAC,EAAC;AACFL,WAAW,CAACI,SAAS,GAAGL,SAAS,CAAA;AACjCC,WAAW,CAACkB,WAAW,GAAGpB,cAAc;;;;"}

package/_internal/Radio2.js

@@ -0,0 +1,66 @@
+import { ComponentProps, MutableRefObject, ChangeEvent } from 'react';
+import { R as RadioGroupState } from './types21.js';
+import { h as StylingProps } from './styles2.js';
+import { T as Theme } from './colors.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * Component props.
+ */
+interface RadioProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
+    /** Whether the component can be autofocused. */
+    autoFocus?: boolean;
+    /**
+     * Default select status.
+     * Used for uncontrolled version.
+     */
+    defaultSelected?: boolean;
+    /** Custom props to pass to the input element. */
+    inputProps?: ComponentProps<'input'>;
+    /** Custom ref object to pass to the input element. */
+    inputRef?: MutableRefObject<HTMLInputElement>;
+    /** Whether the component should use the product colors or shades of grey. */
+    isColored?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Whether the component is invalid or not. */
+    isInvalid?: boolean;
+    /** Whether the component is read only or not. */
+    isReadOnly?: boolean;
+    /** Whether the component is required or not. */
+    isRequired?: boolean;
+    /**
+     * Whether the component is selected or not.
+     * Used for controlled version.
+     */
+    isSelected?: boolean;
+    /** Name to pass to the input element. */
+    name?: HTMLInputElement['name'];
+    /** Method to handle component change. */
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: RadioGroupState): void;
+    /** Theme. */
+    theme?: Theme;
+    /**
+     * Value to pass to the input element.
+     * Required within a group.
+     */
+    value?: HTMLInputElement['value'];
+}
+type StyledRadioProps = Omit<RadioProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
+    $isColored: RadioProps['isColored'];
+    $isDisabled: RadioProps['isDisabled'];
+    $isInvalid: RadioProps['isInvalid'];
+    $isFocusVisible: boolean;
+    $isRequired: RadioProps['isRequired'];
+    $isSelected: RadioProps['isSelected'];
+    $theme: RadioProps['theme'];
+};
+
+/**
+ * The Radio component.
+ * Works both inside a RadioGroup or as standalone.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const Radio: Comp<RadioProps, HTMLLabelElement>;
+
+export { RadioProps as R, StyledRadioProps as S, Radio as a };

package/_internal/Radio2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio2.js","sources":["../../src/components/radio/styles.ts","../../src/components/radio/Radio.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledRadioProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledRadio = styled.label<StyledRadioProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  ${baseStyling}\n\n  align-items: center;\n  background: none;\n  border: none;\n  display: inline-flex;\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.label {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-radio-text-default);\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    padding-left: 4px;\n    padding-right: 16px;\n\n    [dir='rtl'] & {\n      padding-left: 16px;\n      padding-right: 4px;\n    }\n  }\n\n  .redsift-icon {\n    box-sizing: content-box;\n    padding: 2px;\n    width: 24px;\n\n    ${({ $isColored, $isDisabled, $isInvalid, $isFocusVisible, $theme }) => css`\n      ${$isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-fill-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-fill-invalid);\n          `\n        : css`\n            color: ${$isColored\n              ? `var(--redsift-color-${$theme}-components-radio-fill-default)`\n              : `var(--redsift-color-${$theme}-components-radio-fill-uncolored)`};\n          `}\n\n      ${$isFocusVisible && !$isDisabled\n        ? css`\n            background-color: ${$isColored\n              ? `var(--redsift-color-${$theme}-components-radio-fill-default-hover)`\n              : `var(--redsift-color-${$theme}-components-radio-fill-uncolored-hover)`};\n            border-radius: 16px;\n          `\n        : ''}\n    `}\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isColored, $isDisabled, $isInvalid, $theme }) =>\n      !$isDisabled\n        ? css`\n            .redsift-icon {\n              ${$isInvalid\n                ? css`\n                    background-color: var(--redsift-color-${$theme}-components-radio-fill-invalid-hover);\n                  `\n                : css`\n                    background-color: ${$isColored\n                      ? `var(--redsift-color-${$theme}-components-radio-fill-default-hover)`\n                      : `var(--redsift-color-${$theme}-components-radio-fill-uncolored-hover)`};\n                  `}\n              border-radius: 16px;\n            }\n          `\n        : ''}\n  }\n`;\n","import React, {\n  ComponentProps,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { mdiRadioboxBlank, mdiRadioboxMarked } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { Icon } from '../icon';\nimport { RadioGroupContext } from '../radio-group/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { RadioProps } from './types';\nimport { StyledRadio } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Radio';\nconst CLASSNAME = 'redsift-radio';\n\n/**\n * The Radio component.\n * Works both inside a RadioGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Radio: Comp<RadioProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const groupState = useContext(RadioGroupContext);\n\n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  isDisabled = isDisabled ?? groupState?.isDisabled;\n  isReadOnly = isReadOnly ?? groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(\n    Boolean(propsIsSelected ?? defaultSelected ?? Boolean(groupState?.value && groupState.value === value))\n  );\n  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;\n\n  useEffect(() => {\n    setSelected(Boolean(propsIsSelected ?? defaultSelected));\n  }, [propsIsSelected, defaultSelected]);\n\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value === value);\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children], 'Radio');\n\n  if (groupState) {\n    if (propsIsSelected != null) {\n      console.warn(\n        'isSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (defaultSelected != null) {\n      console.warn(\n        'defaultSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (props.value == null) {\n      console.warn(\n        'A <Radio> element within a <RadioGroup> requires a `value` property unless the <Radio> is controlled.'\n      );\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        groupState.setValue(value as string);\n      }\n\n      if (isControlled) {\n        onChange?.(!propsIsSelected, value, name, event, groupState!);\n      } else {\n        setSelected(!isSelected);\n        onChange?.(!isSelected, value, name, event, groupState!);\n      }\n    },\n    [onChange, groupState, isSelected, propsIsSelected]\n  );\n\n  return (\n    <StyledRadio\n      {...forwardedProps}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n      $isRequired={isRequired}\n      $isSelected={isSelected || (isControlled && propsIsSelected)}\n      $theme={theme}\n      className={classNames(Radio.className, className)}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n    >\n      {isSelected || (isControlled && propsIsSelected) ? (\n        <Icon icon={mdiRadioboxMarked} />\n      ) : (\n        <Icon icon={mdiRadioboxBlank} />\n      )}\n      {children ? <span className=\"label\">{children}</span> : null}\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        autoFocus={autoFocus}\n        checked={isSelected || (isControlled && propsIsSelected) ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        type=\"radio\"\n        value={value}\n      />\n    </StyledRadio>\n  );\n});\nRadio.className = CLASSNAME;\nRadio.displayName = COMPONENT_NAME;\n"],"names":["StyledRadio","styled","label","baseStyling","_ref","$isDisabled","$isInvalid","$theme","css","_ref2","$isColored","$isFocusVisible","_ref3","COMPONENT_NAME","CLASSNAME","Radio","forwardRef","props","ref","_isDisabled","_isReadOnly","groupState","useContext","RadioGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","isFocusVisible","focusProps","useFocusRing","setSelected","useState","Boolean","isControlled","undefined","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","setValue","React","createElement","_extends","$isRequired","$isSelected","classNames","Icon","icon","mdiRadioboxMarked","mdiRadioboxBlank","checked","disabled","type","displayName"],"mappings":"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"}

package/_internal/RadioGroup.js

@@ -0,0 +1,10 @@
+import { b as RadioGroupProps } from './types21.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The RadioGroup component.
+ * Can be used as controlled or uncontrolled.
+ */
+declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
+
+export { RadioGroup as R };

package/_internal/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/components/radio-group/types.ts","../../src/components/radio-group/styles.ts","../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Context props.\n */\nexport type RadioGroupState = {\n  /** Whether the radio group is disabled or not. */\n  readonly isDisabled: boolean;\n  /** Whether the radio group is read only or not. */\n  readonly isReadOnly: boolean;\n  /** Sets the selected value. */\n  setValue(value: string): void;\n  /** Current selected value. */\n  readonly value: string;\n};\n\n/**\n * Component orientation.\n */\nexport const RadioGroupOrientation = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const;\nexport type RadioGroupOrientation = ValueOf<typeof RadioGroupOrientation>;\n\n/**\n * Component props.\n */\nexport interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /**\n   * Default selected value.\n   * Used for uncontrolled version.\n   */\n  defaultValue?: string;\n  /** Description of the radio group. */\n  description?: string;\n  /** Whether the component is disabled or not. */\n  isDisabled?: 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  /** Label of the radio group. */\n  label?: string;\n  /** Method to handle component change. */\n  onChange?(values: string): void;\n  /** Method to handle component change. */\n  orientation?: RadioGroupOrientation;\n  /** Theme. */\n  theme?: Theme;\n  /**\n   * Currently selected value.\n   * Used for controlled version.\n   */\n  value?: string;\n}\n\nexport type StyledRadioGroupProps = Omit<\n  RadioGroupProps,\n  'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'\n> & {\n  $isDisabled: RadioGroupProps['isDisabled'];\n  $isInvalid: RadioGroupProps['isInvalid'];\n  $isReadOnly: RadioGroupProps['isReadOnly'];\n  $orientation: RadioGroupProps['orientation'];\n  $theme: RadioGroupProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { RadioGroupOrientation, StyledRadioGroupProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledRadioGroup = styled.div<StyledRadioGroupProps>`\n  ${baseStyling}\n\n  display: flex;\n  flex-direction: column;\n\n  ${({ $orientation }) =>\n    $orientation === RadioGroupOrientation.vertical\n      ? `\n    div.redsift-radio-group-boxes {\n      display: flex;\n      flex-direction: column;\n    }\n  `\n      : `\n    div.redsift-radio-group-boxes {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  `}\n\n  span.redsift-radio-group-label {\n    font-family: var(--redsift-typography-body-font-family);\n    font-weight: var(--redsift-typography-body-font-weight);\n    font-size: var(--redsift-typography-body-font-size);\n    line-height: var(--redsift-typography-body-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-radio-text-default);\n          `}\n  }\n\n  span.redsift-radio-group-description {\n    font-family: var(--redsift-typography-helper-font-family);\n    font-weight: var(--redsift-typography-helper-font-weight);\n    font-size: var(--redsift-typography-helper-font-size);\n    line-height: var(--redsift-typography-helper-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-radio-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-radio-text-default);\n          `}\n  }\n`;\n","import React, { forwardRef, RefObject, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ColorPalette } from '../../types';\nimport { RadioGroupOrientation, RadioGroupProps } from './types';\nimport { RadioGroupContext } from './context';\nimport { StyledRadioGroup } from './styles';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'RadioGroup';\nconst CLASSNAME = 'redsift-radio-group';\n\n/**\n * The RadioGroup component.\n * Can be used as controlled or uncontrolled.\n */\nexport const RadioGroup: Comp<RadioGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    color = ColorPalette.primary,\n    defaultValue,\n    description,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    onChange,\n    orientation = RadioGroupOrientation.vertical,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValue, setValue] = useState<string>(value || defaultValue || '');\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n\n  const state = {\n    value: selectedValue,\n    isDisabled: isDisabled || false,\n    isReadOnly: isReadOnly || false,\n    setValue(value: string) {\n      if (isReadOnly || isDisabled) {\n        return;\n      }\n\n      const previousValue = selectedValue;\n      setValue(value);\n      if (value !== previousValue && onChange) {\n        onChange(value);\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledRadioGroup\n        color={color}\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isInvalid={isInvalid || (isRequired && selectedValue.length === 0)}\n        $isReadOnly={isReadOnly}\n        $orientation={orientation}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(RadioGroup.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        role=\"radiogroup\"\n      >\n        <span className={`${RadioGroup.className}-label`}>\n          {label}\n          {isRequired ? ' *' : null}\n        </span>\n        <div className={`${RadioGroup.className}-boxes`}>\n          <RadioGroupContext.Provider value={state}>{children}</RadioGroupContext.Provider>\n        </div>\n        <span className={`${RadioGroup.className}-description`}>{description}</span>\n      </StyledRadioGroup>\n    </ThemeProvider>\n  );\n});\nRadioGroup.className = CLASSNAME;\nRadioGroup.displayName = COMPONENT_NAME;\n"],"names":["RadioGroupOrientation","horizontal","vertical","StyledRadioGroup","styled","div","baseStyling","_ref","$orientation","_ref2","$isDisabled","$isInvalid","$theme","css","_ref3","COMPONENT_NAME","CLASSNAME","RadioGroup","forwardRef","props","ref","children","className","color","ColorPalette","primary","defaultValue","description","isDisabled","isInvalid","isReadOnly","isRequired","label","onChange","orientation","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","selectedValue","setValue","useState","useEffect","state","previousValue","React","createElement","ThemeProvider","_extends","length","$isReadOnly","classNames","role","RadioGroupContext","Provider","displayName"],"mappings":"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"}

package/_internal/Shield2.js

@@ -0,0 +1,9 @@
+import { a as ShieldProps } from './types22.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Shield component.
+ */
+declare const Shield: Comp<ShieldProps, HTMLDivElement>;
+
+export { Shield as S };

package/_internal/Shield2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shield2.js","sources":["../../src/components/shield/types.ts","../../src/components/shield/styles.ts","../../src/components/shield/Shield.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NotificationsColorPalette, ProductColorPalette, StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component variant.\n */\nexport const ShieldVariant = {\n  success: 'success',\n  successLocked: 'successLocked',\n  successUnlocked: 'successUnlocked',\n  fail: 'fail',\n  failLocked: 'failLocked',\n  failUnlocked: 'failUnlocked',\n  warning: 'warning',\n  warningLocked: 'warningLocked',\n  warningUnlocked: 'warningUnlocked',\n  ignored: 'ignored',\n  noData: 'noData',\n  question: 'question',\n  email: 'email',\n} as const;\nexport type ShieldVariant = ValueOf<typeof ShieldVariant>;\n\n/**\n * Component props.\n */\nexport interface ShieldProps extends ComponentProps<'div'>, StylingProps {\n  /** Indicates whether the element is exposed to an accessibility API. */\n  'aria-hidden'?: boolean | 'false' | 'true';\n  /** A screen reader only label for the Icon. */\n  'aria-label'?: string;\n  /** Additional properties to forward to the SVG tag. */\n  svgProps?: ComponentProps<'svg'>;\n  /** Whether the shield has an outline or not. */\n  isOutlined?: boolean;\n  /** Whether the shield has its colors reversed or not. */\n  isReversed?: boolean;\n  /** Theme. */\n  theme?: Theme;\n  /** Shield variant. */\n  variant?: ShieldVariant;\n}\n\nexport type StyledShieldProps = Omit<ShieldProps, 'color'> & {\n  $color?: NotificationsColorPalette | ProductColorPalette | (string & {});\n  $isOutlined: ShieldProps['isOutlined'];\n  $isReversed: ShieldProps['isReversed'];\n  $theme: ShieldProps['theme'];\n  $variant: ShieldProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledShieldProps } from './types';\n\nexport const StyledShield = styled.div<StyledShieldProps>`\n  height: 24px;\n  width: 20px;\n  ${baseStyling}\n\n  box-sizing: content-box;\n\n  ${({ $color, $isOutlined, $isReversed, $theme }) => {\n    if ($isReversed && $isOutlined) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-notifications-${$color}-primary);\n          stroke: var(--redsift-color-${$theme}-components-page-background);\n          stroke-width: 2;\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n      `;\n    } else if ($isOutlined) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-${$theme}-components-page-background);\n          stroke: var(--redsift-color-notifications-${$color}-primary);\n          stroke-width: 2;\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n      `;\n    } else if ($isReversed) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n      `;\n    } else {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n      `;\n    }\n  }}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { NotificationsColorPalette, Comp } from '../../types';\n\nimport { ShieldProps, ShieldVariant } from './types';\nimport { StyledShield } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Shield';\nconst CLASSNAME = 'redsift-shield';\n\nconst getVariant = (variant: ShieldVariant) => {\n  switch (variant) {\n    case ShieldVariant.email:\n      return {\n        color: NotificationsColorPalette.info,\n        icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z',\n      };\n    case ShieldVariant.fail:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z',\n      };\n    case ShieldVariant.failLocked:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.failUnlocked:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n    case ShieldVariant.ignored:\n      return {\n        color: NotificationsColorPalette['no-data'],\n        icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z',\n      };\n    case ShieldVariant.noData:\n      return {\n        color: NotificationsColorPalette['no-data'],\n        icon: 'M16,13H4v-2h12V13z',\n      };\n    case ShieldVariant.question:\n      return {\n        color: NotificationsColorPalette.question,\n        icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z',\n      };\n    case ShieldVariant.success:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z',\n      };\n    case ShieldVariant.successLocked:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.successUnlocked:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n    case ShieldVariant.warning:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z',\n      };\n    case ShieldVariant.warningLocked:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.warningUnlocked:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n  }\n};\n\n/**\n * The Shield component.\n */\nexport const Shield: Comp<ShieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-hidden': ariaHidden,\n    'aria-label': ariaLabel,\n    className,\n    svgProps,\n    isOutlined,\n    isReversed,\n    theme: propsTheme,\n    variant = ShieldVariant.success,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { color, icon } = getVariant(variant!);\n\n  return (\n    <StyledShield\n      {...forwardedProps}\n      aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n      aria-label={ariaLabel}\n      className={classNames(Shield.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $color={color}\n      $isOutlined={isOutlined}\n      $isReversed={isReversed}\n      $theme={theme}\n      $variant={variant}\n    >\n      <svg\n        aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n        aria-label={ariaLabel}\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        role=\"img\"\n        style={{ verticalAlign: '-0.125em' }}\n        viewBox=\"0 0 20 24\"\n        width=\"20\"\n        height=\"24\"\n        {...svgProps}\n      >\n        <path\n          d={\n            isOutlined\n              ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z'\n              : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z'\n          }\n          className=\"shield\"\n        />\n        <path d={icon} className=\"icon\" />\n      </svg>\n    </StyledShield>\n  );\n});\nShield.className = CLASSNAME;\nShield.displayName = COMPONENT_NAME;\n"],"names":["ShieldVariant","success","successLocked","successUnlocked","fail","failLocked","failUnlocked","warning","warningLocked","warningUnlocked","ignored","noData","question","email","StyledShield","styled","div","baseStyling","_ref","$color","$isOutlined","$isReversed","$theme","css","COMPONENT_NAME","CLASSNAME","getVariant","variant","color","NotificationsColorPalette","info","icon","error","Shield","forwardRef","props","ref","ariaHidden","ariaLabel","className","svgProps","isOutlined","isReversed","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","_extends","undefined","classNames","$variant","focusable","preserveAspectRatio","role","style","verticalAlign","viewBox","width","height","d","displayName"],"mappings":"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"}

package/_internal/SideNavigationMenu.js

@@ -0,0 +1,9 @@
+import { l as SideNavigationMenuProps } from './types23.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SideNavigationMenu component.
+ */
+declare const SideNavigationMenu: Comp<SideNavigationMenuProps, HTMLDivElement>;
+
+export { SideNavigationMenu as S };

package/_internal/SideNavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationMenu.js","sources":["../../src/components/side-navigation-menu/types.ts","../../src/components/side-navigation-menu/styles.ts","../../src/components/side-navigation-menu/reducer.ts","../../src/components/side-navigation-menu/SideNavigationMenu.tsx"],"sourcesContent":["import { ComponentProps, MutableRefObject } from 'react';\nimport { IconProps } from '../icon';\nimport { SideNavigationMenuBarVariant } from '../side-navigation-menu-bar';\nimport { Theme } from '@redsift/design-system/types';\nimport { BadgeProps } from '../badge';\n\n/**\n * Context props.\n */\nexport type SideNavigationMenuContextProps = {\n  menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;\n};\n\n/**\n * Reducer props.\n */\nexport type SideNavigationMenuReducerState = {\n  isExpanded: boolean;\n  currentIndex: number;\n  previousIndex: number;\n};\n\nexport enum SideNavigationMenuReducerActionType {\n  Expand = 'expand',\n  Collapse = 'collapse',\n  Move = 'move',\n}\n\nexport type SideNavigationMenuReducerAction = {\n  type: SideNavigationMenuReducerActionType;\n  index?: number;\n};\n\n/**\n * Component props.\n */\nexport interface SideNavigationMenuProps extends ComponentProps<'div'> {\n  /** Custom props to pass to the button. */\n  buttonProps?: ComponentProps<'button'>;\n  /** Custom ref to pass to the button. */\n  buttonRef?: MutableRefObject<HTMLButtonElement>;\n  /** Custom props to pass to the Badge component, if any. */\n  badgeProps?: Omit<BadgeProps, 'ref'>;\n  /** Whether or not the menu contains children that have a badge. */\n  hasBadge?: boolean;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  icon?: IconProps['icon'];\n  /** Custom props to pass to the Icon component. */\n  iconProps?: Omit<IconProps, 'ref' | 'icon'>;\n  /** Custom ref to pass to the Icon component. */\n  iconRef?: MutableRefObject<HTMLElement>;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the menu is expanded or not. */\n  isExpanded?: boolean;\n  /** By default, the badge is hidden when the menu is expanded. This prop controls this behavior. */\n  keepBadgeVisible?: boolean;\n  /** Custom props to pass to the menu. */\n  menuProps?: ComponentProps<'ul'>;\n  /** Custom ref to pass to the menu. */\n  menuRef?: MutableRefObject<HTMLUListElement>;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledSideNavigationMenuProps = Omit<SideNavigationMenuProps, 'isDisabled' | 'isExpanded'> & {\n  $isDisabled: SideNavigationMenuProps['isDisabled'];\n  $isExpanded: SideNavigationMenuProps['isExpanded'];\n  $numberOfChildren: number;\n  $variant: SideNavigationMenuBarVariant;\n  $theme: SideNavigationMenuProps['theme'];\n};\n","import styled, { css } from 'styled-components';\nimport { StyledSideNavigationMenuProps } from './types';\nimport { SideNavigationMenuBarVariant } from '../side-navigation-menu-bar';\n\n/**\n * Component style.\n */\nexport const StyledSideNavigationMenu = styled.div<StyledSideNavigationMenuProps>`\n  .redsift-side-navigation-menu__current-indicator-container {\n    min-width: 4px;\n  }\n\n  .redsift-side-navigation-menu__menu-container {\n    width: 100%;\n  }\n\n  .redsift-badge {\n    margin-left: 8px;\n  }\n\n  ${({ $isDisabled, $variant, $theme }) => css`\n    .redsift-side-navigation-menu__menu-container > button {\n      ${!$isDisabled\n        ? css`\n            & {\n              color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-resting);\n            }\n          `\n        : css`\n            & {\n              color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-disabled);\n            }\n          `}\n      align-items: center;\n      background-color: var(--redsift-color-${$theme}-components-side-navigation-background);\n      border: none;\n      border-radius: 0 4px 4px 0;\n      display: flex;\n      font-family: var(--redsift-typography-body-font-family);\n      font-size: 14px;\n      font-weight: var(--redsift-typography-body-font-weight);\n      gap: 0;\n      height: 40px;\n      line-height: var(--redsift-typography-body-line-height);\n      margin-left: -4px;\n      transition: padding 300ms ease-out;\n      padding: 0 16px 0 ${$variant === SideNavigationMenuBarVariant.shrinked ? '16px' : '16px'};\n      text-decoration: none;\n      text-transform: uppercase;\n      width: calc(100% + ${$variant === SideNavigationMenuBarVariant.shrinked ? '0px' : '4px'});\n\n      :hover,\n      :focus-visible {\n        outline: none;\n\n        ${!$isDisabled\n          ? css`\n              background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-hover);\n              &,\n              .redsift-icon.first,\n              .redsift-side-navigation-menu__expand-icon {\n                color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-hover);\n              }\n              cursor: pointer;\n            `\n          : ''}\n      }\n\n      :active {\n        ${!$isDisabled\n          ? css`\n              background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-active);\n            `\n          : ''}\n      }\n\n      @media (prefers-reduced-motion: no-preference) {\n        :focus-visible {\n          > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n            outline: 2px solid var(--redsift-color-primary-n);\n            transition: outline-offset 75ms ease-out;\n          }\n\n          :not(:active):focus-visible {\n            > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n              transition-duration: 0.25s;\n            }\n          }\n        }\n\n        :not(:active):focus-visible {\n          > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n            outline-offset: 0.25rem;\n          }\n        }\n      }\n    }\n\n    .content {\n      transition: opacity 300ms ease-out;\n      opacity: ${$variant === SideNavigationMenuBarVariant.shrinked ? '0' : '1'};\n      overflow: hidden;\n      white-space: nowrap;\n    }\n  `}\n\n  .first {\n    box-sizing: unset;\n    margin-right: 8px;\n  }\n\n  .redsift-side-navigation-menu__expand-icon {\n    transition: transform 300ms ease-out;\n    ${({ $isDisabled, $theme }) =>\n      !$isDisabled\n        ? css`\n            &,\n            .redsift-icon.first {\n              color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-resting);\n            }\n          `\n        : css`\n            &,\n            .redsift-icon.first {\n              color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-disabled);\n            }\n          `}\n    ${({ $isExpanded }) =>\n      !$isExpanded\n        ? css`\n            transform: rotate(0);\n          `\n        : css`\n            transform: rotate(-180deg);\n          `}\n    margin-left: auto;\n\n    transition: opacity 300ms ease-out;\n    opacity: ${({ $variant }) => ($variant === SideNavigationMenuBarVariant.standard ? '1' : '0')};\n  }\n\n  [dir='rtl'] & {\n    .redsift-side-navigation-menu__expand-icon {\n      margin-left: unset;\n      margin-right: auto;\n    }\n  }\n\n  /**\n   * Display children or not\n   */\n\n  .redsift-side-navigation-menu__menu-container > ul {\n    list-style: none;\n    margin: unset;\n    padding: unset;\n    margin-left: -4px;\n\n    ${({ $variant }) => css`\n      width: calc(100% + ${$variant === SideNavigationMenuBarVariant.shrinked ? '0px' : '4px'});\n    `}\n    margin-bottom: 4px;\n    max-width: 241px;\n    transition: height 300ms ease-out;\n    overflow: hidden;\n    ${({ $isExpanded, $numberOfChildren }) =>\n      $isExpanded\n        ? css`\n            height: ${$numberOfChildren * 32}px;\n          `\n        : css`\n            height: 0;\n          `};\n  }\n`;\n","import {\n  SideNavigationMenuReducerState,\n  SideNavigationMenuReducerAction,\n  SideNavigationMenuReducerActionType,\n} from './types';\n\nexport const SideNavigationMenuReducer = (\n  state: SideNavigationMenuReducerState,\n  action: SideNavigationMenuReducerAction\n): SideNavigationMenuReducerState => {\n  switch (action.type) {\n    case SideNavigationMenuReducerActionType.Expand:\n      return { ...state, isExpanded: true };\n    case SideNavigationMenuReducerActionType.Collapse:\n      return {\n        isExpanded: false,\n        currentIndex: null!,\n        previousIndex: null!,\n      };\n    case SideNavigationMenuReducerActionType.Move:\n      return {\n        ...state,\n        isExpanded: true,\n        currentIndex: action.index!,\n        previousIndex: state.currentIndex,\n      };\n  }\n};\n","import React, {\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { mdiChevronDown } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { SideNavigationMenuItem } from '../side-navigation-menu-item';\nimport { Icon, IconSize } from '../icon';\nimport { Badge } from '../badge';\nimport { StyledSideNavigationMenu } from './styles';\nimport { SideNavigationMenuContextProps, SideNavigationMenuProps, SideNavigationMenuReducerActionType } from './types';\nimport { SideNavigationMenuContext } from './context';\nimport { SideNavigationMenuReducer } from './reducer';\nimport { SideNavigationMenuBarContext } from '../side-navigation-menu-bar/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { filterComponents } from '../../utils/filterComponents';\nimport { Flexbox } from '../flexbox';\nimport { StyledSideNavigationMenuItemIndicator } from '../side-navigation-menu-item/styles';\nimport { AppContainerContext } from '../app-container';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { ThemeProvider, useTheme } from '../theme';\nimport { useId } from '../../utils';\n\nconst COMPONENT_NAME = 'SideNavigationMenu';\nconst CLASSNAME = 'redsift-side-navigation-menu';\n\n/**\n * The SideNavigationMenu component.\n */\nexport const SideNavigationMenu: Comp<SideNavigationMenuProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    buttonProps = {},\n    buttonRef = useRef<HTMLButtonElement>() as MutableRefObject<HTMLButtonElement>,\n    children,\n    className,\n    badgeProps,\n    hasBadge,\n    icon,\n    iconProps,\n    iconRef = useRef<HTMLElement>(),\n    id: propsId,\n    isDisabled,\n    isExpanded: propsIsExpanded,\n    keepBadgeVisible,\n    menuProps = {},\n    menuRef = useRef<HTMLUListElement>(),\n    tabIndex,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  warnIfNoAccessibleLabelFound(props, undefined, 'SideNavigationMenu');\n\n  const appContainerState = useContext(AppContainerContext);\n  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);\n  const theme = useTheme(propsTheme);\n  const [isFirstChild, setIsFirstChild] = useState(false);\n  const currentPosition = useRef(-1);\n  const { menuItems: menubarItems } = sideNavigationMenuBarContext || {};\n\n  useEffect(() => {\n    currentPosition.current = -1;\n  });\n\n  /**\n   * Create an array containing only valid children which can only be SideNavigationMenuItem.\n   * This prevent the navigation menubar to have more than two levels.\n   */\n  const childArray = filterComponents(SideNavigationMenuItem)(children);\n  const renderedMenuItems = childArray.map((child, index) => {\n    if (child.props.isCurrent) {\n      currentPosition.current = index;\n    }\n    return (\n      <li key={child.key ?? index} role=\"none\">\n        {React.cloneElement(child, {\n          isDisabled: child.props.isDisabled || isDisabled || undefined,\n          isSecondLevel: true,\n          key: child.key ?? index,\n        })}\n      </li>\n    );\n  });\n\n  const menuItems = useRef<Set<HTMLAnchorElement | HTMLButtonElement>>(new Set()).current;\n  const [state, dispatch] = useReducer(SideNavigationMenuReducer, {\n    currentIndex: null!,\n    isExpanded: Boolean(propsIsExpanded),\n    previousIndex: null!,\n  });\n  const { isExpanded, currentIndex, previousIndex } = state;\n\n  const first = useCallback(() => dispatch({ type: SideNavigationMenuReducerActionType.Move, index: 0 }), []);\n\n  const last = useCallback(\n    () =>\n      dispatch({\n        type: SideNavigationMenuReducerActionType.Move,\n        index: menuItems.size - 1,\n      }),\n    [menuItems.size]\n  );\n\n  const move = useCallback((index: number) => dispatch({ type: SideNavigationMenuReducerActionType.Move, index }), []);\n\n  const open = useCallback(() => {\n    sideNavigationMenuBarContext?.setCurrentOpenMenuId?.(id);\n    dispatch({ type: SideNavigationMenuReducerActionType.Expand });\n    appContainerState?.expandSidePanel();\n  }, []);\n\n  const close = useCallback(\n    (focusButton?: boolean) => {\n      if (isExpanded) {\n        if (focusButton) {\n          buttonRef.current.focus();\n        }\n\n        dispatch({ type: SideNavigationMenuReducerActionType.Collapse });\n      }\n    },\n    [isExpanded]\n  );\n\n  useEffect(() => {\n    if (sideNavigationMenuBarContext?.currentOpenMenuId && sideNavigationMenuBarContext.currentOpenMenuId !== id) {\n      close();\n    }\n  }, [sideNavigationMenuBarContext?.currentOpenMenuId]);\n\n  const previous = () => {\n    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;\n    move(index);\n  };\n\n  const next = () => {\n    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;\n    move(index);\n  };\n\n  const match = (e: React.KeyboardEvent<HTMLUListElement>) => {\n    const items = Array.from(menuItems);\n\n    // Reorder the array, starting with the currentNode\n    const reorderedItems = [...items.slice(currentIndex), ...items.slice(0, currentIndex)];\n\n    // Find all nodes that begin with the pressed letter\n    const matches = reorderedItems.filter((menuItem) => {\n      const { textContent } = menuItem;\n      // istanbul ignore next\n      const firstLetter = textContent?.toLowerCase().charAt(0);\n      return e.key === firstLetter;\n    });\n\n    // Exit early if there are no matches\n    if (!matches.length) {\n      return;\n    }\n\n    // If the focused item is a match, focus the next match.\n    // Otherwise, focus the first match\n    const currentNode = items[currentIndex];\n    const nextMatch = matches.includes(currentNode) ? matches[1] : matches[0];\n    const index = items.findIndex((item) => {\n      return item === nextMatch;\n    });\n\n    move(index);\n  };\n\n  useEffect(() => {\n    if (appContainerState && appContainerState?.sidePanelVariant === AppSidePanelVariant.shrinked && isExpanded) {\n      close();\n    }\n  }, [appContainerState?.sidePanelVariant]);\n\n  const value = useMemo<SideNavigationMenuContextProps>(() => ({ menuItems }), [menuItems]);\n\n  useEffect(() => {\n    const items = Array.from(menuItems);\n\n    if (currentIndex !== previousIndex) {\n      const currentNode = items[currentIndex] as HTMLElement;\n      currentNode?.focus();\n    }\n  }, [menuItems, currentIndex, previousIndex]);\n\n  useEffect(() => {\n    if (!sideNavigationMenuBarContext) {\n      setIsFirstChild(true);\n      return;\n    }\n\n    const menuItemNode = (buttonRef as MutableRefObject<HTMLButtonElement>).current;\n\n    if (menuItemNode) {\n      menubarItems.add(menuItemNode);\n    }\n\n    return () => {\n      menubarItems.delete(menuItemNode);\n    };\n  }, [menubarItems]);\n\n  const keyDownOnButton = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (isDisabled) {\n      return;\n    }\n    const currentNode = e.target as HTMLUListElement;\n\n    switch (e.code) {\n      case 'Enter':\n      case 'Space':\n        e.stopPropagation();\n        currentNode.click();\n        first();\n        break;\n      case 'ArrowRight':\n        e.stopPropagation();\n        first();\n        break;\n      case 'ArrowLeft':\n        last();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const buttonEventHandler = {\n    onClick: (event: MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      buttonProps.onClick?.(event);\n      event.stopPropagation();\n      if (isExpanded) {\n        close();\n      } else {\n        open();\n      }\n    },\n    onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => {\n      buttonProps.onKeyDown?.(event);\n      keyDownOnButton(event);\n    },\n  };\n\n  const keyDownOnMenuItemList = (e: KeyboardEvent<HTMLUListElement>) => {\n    const currentNode = e.target as HTMLUListElement;\n\n    switch (e.code) {\n      case 'ArrowUp':\n        e.stopPropagation();\n        e.preventDefault();\n        previous();\n        break;\n      case 'ArrowDown':\n        e.stopPropagation();\n        e.preventDefault();\n        next();\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        e.stopPropagation();\n        close(true);\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        close(!sideNavigationMenuBarContext);\n        break;\n      case 'Home':\n        e.stopPropagation();\n        e.preventDefault();\n        first();\n        break;\n      case 'End':\n        e.stopPropagation();\n        e.preventDefault();\n        last();\n        break;\n      case 'Enter':\n      case 'Space':\n        e.preventDefault();\n        currentNode.click();\n        break;\n      case 'Escape':\n        e.stopPropagation();\n        e.preventDefault();\n        close(true);\n        break;\n      default:\n        e.stopPropagation();\n        match(e);\n        break;\n    }\n  };\n\n  const menuItemListEventHandler = {\n    onKeyDown: (event: KeyboardEvent<HTMLUListElement>) => {\n      menuProps.onKeyDown?.(event);\n      keyDownOnMenuItemList(event);\n    },\n    onClick: (event: MouseEvent<HTMLUListElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      menuProps.onClick?.(event);\n    },\n  };\n\n  const sideNavigationVariant = sideNavigationMenuBarContext?.sideNavigationMenuBarVariant;\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledSideNavigationMenu\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isExpanded={isExpanded}\n        $numberOfChildren={renderedMenuItems.length}\n        $theme={theme}\n        $variant={sideNavigationVariant}\n        className={classNames(SideNavigationMenu.className, className)}\n        id={id}\n        ref={ref as MutableRefObject<HTMLDivElement>}\n        tabIndex={undefined}\n      >\n        <SideNavigationMenuContext.Provider value={value}>\n          <Flexbox flexDirection=\"row\" gap=\"0px\">\n            <div className={`${SideNavigationMenu.className}__current-indicator-container`}>\n              {currentPosition.current !== -1 ? (\n                <StyledSideNavigationMenuItemIndicator\n                  $theme={theme}\n                  style={{\n                    position: 'relative',\n                    top: isExpanded ? `${32 + currentPosition.current * 32}px` : 0,\n                    transition: 'top 300ms ease-out',\n                  }}\n                />\n              ) : null}\n            </div>\n            <div className={`${SideNavigationMenu.className}__menu-container`}>\n              <button\n                {...buttonProps}\n                aria-disabled={isDisabled}\n                aria-expanded={isExpanded ? 'true' : 'false'}\n                aria-haspopup=\"true\"\n                ref={buttonRef as MutableRefObject<HTMLButtonElement>}\n                role=\"menuitem\"\n                tabIndex={tabIndex !== undefined ? tabIndex : isFirstChild ? 0 : -1}\n                type=\"button\"\n                {...buttonEventHandler}\n              >\n                <Icon\n                  color={`var(--redsift-side-navigation-color-menu-item-text-${isDisabled ? 'disabled' : 'resting'})`}\n                  {...iconProps}\n                  icon={icon!}\n                  ref={iconRef as MutableRefObject<HTMLElement>}\n                  className={classNames(iconProps?.className, 'first')}\n                  size={IconSize.medium}\n                />\n                <span className=\"content\">{ariaLabel}</span>\n                {hasBadge && (!isExpanded || keepBadgeVisible) ? <Badge color=\"error\" {...badgeProps} /> : null}\n                <Icon\n                  icon={mdiChevronDown}\n                  className={`${SideNavigationMenu.className}__expand-icon`}\n                  size={IconSize.medium}\n                />\n              </button>\n              <ul\n                {...menuProps}\n                aria-label={ariaLabel}\n                aria-orientation=\"vertical\"\n                ref={menuRef as MutableRefObject<HTMLUListElement>}\n                role=\"menu\"\n                {...menuItemListEventHandler}\n              >\n                {renderedMenuItems}\n              </ul>\n            </div>\n          </Flexbox>\n        </SideNavigationMenuContext.Provider>\n      </StyledSideNavigationMenu>\n    </ThemeProvider>\n  );\n});\nSideNavigationMenu.className = CLASSNAME;\nSideNavigationMenu.displayName = COMPONENT_NAME;\n"],"names":["SideNavigationMenuReducerActionType","StyledSideNavigationMenu","styled","div","_ref","$isDisabled","$variant","$theme","css","SideNavigationMenuBarVariant","shrinked","_ref2","_ref3","$isExpanded","_ref4","standard","_ref5","_ref6","$numberOfChildren","SideNavigationMenuReducer","state","action","type","Expand","_objectSpread","isExpanded","Collapse","currentIndex","previousIndex","Move","index","COMPONENT_NAME","CLASSNAME","SideNavigationMenu","forwardRef","props","ref","ariaLabel","buttonProps","buttonRef","useRef","children","className","badgeProps","hasBadge","icon","iconProps","iconRef","id","propsId","isDisabled","propsIsExpanded","keepBadgeVisible","menuProps","menuRef","tabIndex","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","warnIfNoAccessibleLabelFound","undefined","appContainerState","useContext","AppContainerContext","sideNavigationMenuBarContext","SideNavigationMenuBarContext","useTheme","isFirstChild","setIsFirstChild","useState","currentPosition","menuItems","menubarItems","useEffect","current","childArray","filterComponents","SideNavigationMenuItem","renderedMenuItems","map","child","_child$key","_child$key2","isCurrent","React","createElement","key","role","cloneElement","isSecondLevel","Set","dispatch","useReducer","Boolean","first","useCallback","last","size","move","open","_sideNavigationMenuBa","setCurrentOpenMenuId","call","expandSidePanel","close","focusButton","focus","currentOpenMenuId","previous","next","match","e","items","Array","from","reorderedItems","slice","matches","filter","menuItem","textContent","firstLetter","toLowerCase","charAt","length","currentNode","nextMatch","includes","findIndex","item","sidePanelVariant","AppSidePanelVariant","value","useMemo","menuItemNode","add","delete","keyDownOnButton","target","code","stopPropagation","click","buttonEventHandler","onClick","event","_buttonProps$onClick","onKeyDown","_buttonProps$onKeyDow","keyDownOnMenuItemList","preventDefault","menuItemListEventHandler","_menuProps$onKeyDown","_menuProps$onClick","sideNavigationVariant","sideNavigationMenuBarVariant","ThemeProvider","_extends","classNames","SideNavigationMenuContext","Provider","Flexbox","flexDirection","gap","StyledSideNavigationMenuItemIndicator","style","position","top","transition","Icon","color","IconSize","medium","Badge","mdiChevronDown","displayName"],"mappings":"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"}

package/_internal/SideNavigationMenuBar.js

@@ -0,0 +1,9 @@
+import { b as SideNavigationMenuBarProps } from './types23.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SideNavigationMenuBar component.
+ */
+declare const SideNavigationMenuBar: Comp<SideNavigationMenuBarProps, HTMLElement>;
+
+export { SideNavigationMenuBar as S };

package/_internal/SideNavigationMenuItem.js

@@ -0,0 +1,9 @@
+import { f as SideNavigationMenuItemProps } from './types23.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SideNavigationMenuItem component.
+ */
+declare const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement>;
+
+export { SideNavigationMenuItem as S };

package/_internal/SideNavigationMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationMenuItem.js","sources":["../../src/components/side-navigation-menu-bar/types.ts","../../src/components/side-navigation-menu-bar/context.ts","../../src/components/side-navigation-menu/context.ts","../../src/components/side-navigation-menu-item/styles.ts","../../src/components/side-navigation-menu-item/SideNavigationMenuItem.tsx"],"sourcesContent":["import { ComponentProps, Dispatch, MutableRefObject, SetStateAction } from 'react';\nimport { SideNavigationMenuProps } from '../side-navigation-menu';\nimport { SideNavigationMenuItemProps } from '../side-navigation-menu-item';\nimport { Theme, ValueOf } from '@redsift/design-system/types';\n\n/**\n * Component variant.\n */\nexport const SideNavigationMenuBarVariant = {\n  shrinked: 'shrinked',\n  standard: 'standard',\n} as const;\nexport type SideNavigationMenuBarVariant = ValueOf<typeof SideNavigationMenuBarVariant>;\n\n/**\n * Context props.\n */\nexport type SideNavigationMenuBarContextProps = {\n  /** List of menu items. */\n  menuItems: Set<HTMLAnchorElement | HTMLButtonElement>;\n  /** Side navigation variant. */\n  sideNavigationMenuBarVariant: SideNavigationMenuBarVariant;\n  /** Change side navigation variant. */\n  setSideNavigationMenuBarVariant: Dispatch<SetStateAction<SideNavigationMenuBarVariant>>;\n  /** Current open menu, used to close other menu when canHaveMultipleMenuOpenAtOnce is false. */\n  currentOpenMenuId?: string;\n  /** Change current open menu id. */\n  setCurrentOpenMenuId?: Dispatch<SetStateAction<string | undefined>>;\n};\n\n/**\n * Component props.\n */\nexport interface SideNavigationMenuBarProps extends ComponentProps<'nav'> {\n  /** Whether or not opening a menu closes the others. */\n  canHaveMultipleMenuOpenAtOnce?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Custom props to pass to the menubar. */\n  menubarProps?: ComponentProps<'ul'>;\n  /** Custom ref to pass to the menubar. */\n  menubarRef?: MutableRefObject<HTMLUListElement>;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant. */\n  variant?: SideNavigationMenuBarVariant;\n}\n\nexport type StyledSideNavigationMenuBarProps = Omit<SideNavigationMenuBarProps, 'isDisabled'> & {\n  $isDisabled: SideNavigationMenuBarProps['isDisabled'];\n  $marginTop?: number;\n  $variant: SideNavigationMenuBarProps['variant'];\n  $theme: SideNavigationMenuBarProps['theme'];\n};\n\n/**\n * Hook props.\n */\nexport interface MenuItem extends Omit<SideNavigationMenuItemProps, 'children'> {\n  title: string;\n}\nexport interface Menu extends Omit<SideNavigationMenuProps, 'children'> {\n  title: string;\n  children: MenuItem[];\n}\nexport type MenuBarItems = (Menu | MenuItem)[];\n","import React from 'react';\nimport { SideNavigationMenuBarContextProps } from './types';\n\nexport const SideNavigationMenuBarContext =\n  React.createContext<SideNavigationMenuBarContextProps>(null!);\n","import React from 'react';\nimport { SideNavigationMenuContextProps } from './types';\n\nexport const SideNavigationMenuContext =\n  React.createContext<SideNavigationMenuContextProps>(null!);\n","import styled, { css } from 'styled-components';\nimport { StyledSideNavigationMenuItemProps } from './types';\nimport { SideNavigationMenuBarVariant } from '../side-navigation-menu-bar';\nimport { Theme } from '../../types';\n\nexport const StyledSideNavigationMenuItemIndicatorContainer = styled.div`\n  min-width: 4px;\n`;\n\nexport const StyledSideNavigationMenuItemIndicator = styled.div<{ $theme: Theme }>`\n  position: relative;\n  width: 4px;\n  height: 40px;\n  border-radius: 0px 4px 4px 0px;\n  background-color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-side-navigation-current-marker)`};\n`;\n\nexport const StyledSideNavigationMenuItemBorder = styled.div`\n  position: relative;\n  width: 100%;\n  height: 1px;\n  background-color: var(--redsift-color-neutral-light-grey);\n  margin-left: 62px;\n  margin-top: -1px;\n`;\n\n/**\n * Component style.\n */\nexport const StyledSideNavigationMenuItem = styled.a<StyledSideNavigationMenuItemProps>`\n  /**\n   * Common style\n   */\n  ${({ $isDisabled, $theme, $color }) =>\n    !$isDisabled\n      ? css`\n          & {\n            color: ${$color\n              ? $color\n              : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-resting)`};\n          }\n        `\n      : css`\n          & {\n            color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-disabled);\n          }\n        `}\n  align-items: center;\n  border-radius: 0 4px 4px 0;\n  display: flex;\n  font-family: var(--redsift-typography-body-font-family);\n  font-size: 14px;\n  font-weight: var(--redsift-typography-body-font-weight);\n  gap: 8px;\n  line-height: var(--redsift-typography-body-line-height);\n  overflow: hidden;\n  text-decoration: none;\n  text-transform: uppercase;\n  width: 100%;\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n\n    ${({ $isDisabled, $theme, $color }) =>\n      !$isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-hover);\n            & {\n              color: ${$color\n                ? $color\n                : `var(--redsift-color-${$theme}-components-side-navigation-menu-item-text-hover)`};\n            }\n          `\n        : ''}\n  }\n\n  :active {\n    ${({ $isDisabled, $theme }) =>\n      !$isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-active);\n          `\n        : ''}\n  }\n\n  ${({ $variant }) => css`\n    @media (prefers-reduced-motion: no-preference) {\n      :focus-visible {\n        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n          outline: 2px solid var(--redsift-color-primary-n);\n          transition: outline-offset 75ms ease-out;\n        }\n\n        :not(:active):focus-visible {\n          > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n            transition-duration: 0.25s;\n          }\n        }\n      }\n\n      :not(:active):focus-visible {\n        > span${$variant === SideNavigationMenuBarVariant.shrinked ? '.first' : '.content'} {\n          outline-offset: 0.25rem;\n        }\n      }\n    }\n\n    .content {\n      transition: opacity 300ms ease-out;\n      opacity: ${$variant === SideNavigationMenuBarVariant.shrinked ? '0' : '1'};\n      overflow: hidden;\n      white-space: nowrap;\n    }\n  `}\n\n  ${({ $hasIcon, $isSecondLevel, $variant, $theme }) =>\n    !$isSecondLevel\n      ? css`\n          /**\n           * First-level items\n           */\n\n          background-color: var(--redsift-color-${$theme}-components-side-navigation-background);\n          height: 40px;\n          margin-bottom: 4px;\n          margin-left: -4px;\n          transition: padding 300ms ease-out;\n          padding: 0 16px 0 ${$variant === SideNavigationMenuBarVariant.shrinked ? '16px' : '16px'};\n\n          .redsift-icon.first {\n            box-sizing: unset;\n          }\n        `\n      : `\n    /**\n     * Second-level items\n     */\n\n    background-color: var(--redsift-color-${$theme}-components-side-navigation-menu-item-background-secondary);\n    font-size: var(--redsift-typography-caption-font-size);\n    padding-bottom: 4px;\n    padding-left: ${$hasIcon ? '18px' : '54px'};\n    padding-right: 0;\n    padding-top: 4px;\n    border-radius: 0;\n\n    .redsift-icon.first {\n      box-sizing: unset;\n      margin-right: 8px;\n    }\n  `}\n`;\n","import React, { forwardRef, MutableRefObject, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { Icon, IconSize } from '../icon';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { SideNavigationMenuBarContext } from '../side-navigation-menu-bar/context';\nimport { SideNavigationMenuContext } from '../side-navigation-menu/context';\nimport {\n  StyledSideNavigationMenuItem,\n  StyledSideNavigationMenuItemBorder,\n  StyledSideNavigationMenuItemIndicator,\n  StyledSideNavigationMenuItemIndicatorContainer,\n} from './styles';\nimport { SideNavigationMenuItemProps } from './types';\nimport { Badge, BadgeVariant } from '../badge';\nimport { Flexbox } from '../flexbox';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SideNavigationMenuItem';\nconst CLASSNAME = 'redsift-side-navigation-menu-item';\n\n/**\n * The SideNavigationMenuItem component.\n */\nexport const SideNavigationMenuItem: Comp<SideNavigationMenuItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const menuItemRef = ref || useRef<HTMLAnchorElement>();\n\n  const {\n    as,\n    badge,\n    badgeProps,\n    children,\n    className,\n    color,\n    hasBorder,\n    href,\n    icon,\n    iconProps,\n    iconRef = useRef<HTMLElement>(),\n    isCurrent,\n    isDisabled,\n    isSecondLevel,\n    onClick,\n    onKeyDown,\n    tabIndex,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children], 'SideNavigationMenuItem');\n\n  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);\n  const sideNavigationMenuContext = useContext(SideNavigationMenuContext);\n  const theme = useTheme(propsTheme);\n\n  const [isFirstChild, setIsFirstChild] = useState(false);\n  const { menuItems } = sideNavigationMenuContext || sideNavigationMenuBarContext || {};\n\n  useEffect(() => {\n    if (!(sideNavigationMenuContext || sideNavigationMenuBarContext)) {\n      setIsFirstChild(true);\n      return;\n    }\n\n    const menuItemNode = (menuItemRef as MutableRefObject<HTMLAnchorElement>).current;\n\n    if (menuItemNode) {\n      if (!menuItems.size) {\n        setIsFirstChild(true);\n      }\n\n      menuItems.add(menuItemNode);\n    }\n\n    return () => {\n      menuItems.delete(menuItemNode);\n    };\n  }, [menuItems]);\n\n  const sideNavigationVariant = sideNavigationMenuBarContext?.sideNavigationMenuBarVariant;\n\n  return (\n    <Flexbox flexDirection=\"column\" gap=\"0px\">\n      <Flexbox flexDirection=\"row\" gap=\"0px\">\n        {!isSecondLevel ? (\n          <StyledSideNavigationMenuItemIndicatorContainer>\n            {isCurrent ? <StyledSideNavigationMenuItemIndicator $theme={theme} /> : null}\n          </StyledSideNavigationMenuItemIndicatorContainer>\n        ) : null}\n        <StyledSideNavigationMenuItem\n          as={as as any}\n          role=\"menuitem\"\n          {...forwardedProps}\n          $color={color}\n          $hasIcon={icon !== undefined}\n          $isCurrent={isCurrent}\n          $isDisabled={isDisabled}\n          $isSecondLevel={isSecondLevel}\n          $theme={theme}\n          $variant={sideNavigationVariant}\n          aria-current={isCurrent ? 'page' : undefined}\n          aria-disabled={isDisabled}\n          className={classNames(SideNavigationMenuItem.className, className)}\n          href={!isDisabled ? href : undefined}\n          onClick={isDisabled ? undefined : onClick}\n          onKeyDown={isDisabled ? undefined : onKeyDown}\n          ref={menuItemRef as MutableRefObject<HTMLAnchorElement>}\n          tabIndex={tabIndex !== undefined ? tabIndex : !sideNavigationMenuContext && isFirstChild ? 0 : -1}\n        >\n          {!isSecondLevel || icon ? (\n            <Icon\n              color={`var(--redsift-side-navigation-color-menu-item-text-${\n                isSecondLevel || isDisabled ? 'disabled' : 'resting'\n              })`}\n              {...iconProps}\n              icon={icon!}\n              ref={iconRef as MutableRefObject<HTMLElement>}\n              className=\"first\"\n              size={isSecondLevel ? IconSize.small : IconSize.medium}\n            />\n          ) : null}\n          <span className=\"content\">{children}</span>\n          {badge ? (\n            <Badge variant={BadgeVariant.standard} color=\"error\" {...badgeProps}>\n              {badge}\n            </Badge>\n          ) : null}\n        </StyledSideNavigationMenuItem>\n      </Flexbox>\n      {isSecondLevel && hasBorder ? <StyledSideNavigationMenuItemBorder /> : null}\n    </Flexbox>\n  );\n});\nSideNavigationMenuItem.className = CLASSNAME;\nSideNavigationMenuItem.displayName = COMPONENT_NAME;\n"],"names":["SideNavigationMenuBarVariant","shrinked","standard","SideNavigationMenuBarContext","React","createContext","SideNavigationMenuContext","StyledSideNavigationMenuItemIndicatorContainer","styled","div","StyledSideNavigationMenuItemIndicator","_ref","$theme","StyledSideNavigationMenuItemBorder","StyledSideNavigationMenuItem","a","_ref2","$isDisabled","$color","css","_ref3","_ref4","_ref5","$variant","_ref6","$hasIcon","$isSecondLevel","COMPONENT_NAME","CLASSNAME","SideNavigationMenuItem","forwardRef","props","ref","menuItemRef","useRef","as","badge","badgeProps","children","className","color","hasBorder","href","icon","iconProps","iconRef","isCurrent","isDisabled","isSecondLevel","onClick","onKeyDown","tabIndex","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","sideNavigationMenuBarContext","useContext","sideNavigationMenuContext","useTheme","isFirstChild","setIsFirstChild","useState","menuItems","useEffect","menuItemNode","current","size","add","delete","sideNavigationVariant","sideNavigationMenuBarVariant","createElement","Flexbox","flexDirection","gap","_extends","role","undefined","$isCurrent","classNames","Icon","IconSize","small","medium","Badge","variant","BadgeVariant","displayName"],"mappings":"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"}

package/_internal/Skeleton2.js

@@ -0,0 +1,15 @@
+import { a as SkeletonTextProps } from './types26.js';
+import { S as SkeletonCircleProps } from './types25.js';
+import { S as SkeletonProps } from './types24.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The Skeleton component.
+ */
+declare const BaseSkeleton: Comp<SkeletonProps, HTMLDivElement>;
+declare const Skeleton: Comp<SkeletonProps, HTMLDivElement> & {
+    Circle: Comp<SkeletonCircleProps, HTMLDivElement>;
+    Text: Comp<SkeletonTextProps, HTMLDivElement>;
+};
+
+export { BaseSkeleton as B, Skeleton as S };

package/_internal/Skeleton2.js.map

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

package/_internal/SkeletonCircle.js

@@ -0,0 +1,9 @@
+import { S as SkeletonCircleProps } from './types25.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SkeletonCircle component.
+ */
+declare const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement>;
+
+export { SkeletonCircle as S };

package/_internal/SkeletonCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonCircle.js","sources":["../../src/components/skeleton-circle/styles.ts","../../src/components/skeleton-circle/SkeletonCircle.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonCircleProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonCircle = styled(\n  StyledSkeleton\n)<StyledSkeletonCircleProps>`\n  border-radius: 50%;\n\n  ${({ height, width }) => css`\n    &,\n    &::after {\n      ${height ? `height: ${height};` : width ? `height: ${width};` : ''}\n      ${width ? `width: ${width};` : height ? `width: ${height};` : ''}\n    }\n  `}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeletonCircle } from './styles';\nimport { SkeletonCircleProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SkeletonCircle';\nconst CLASSNAME = 'redsift-skeleton-circle';\n\n/**\n * The SkeletonCircle component.\n */\nexport const SkeletonCircle: Comp<SkeletonCircleProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, isLoaded, theme: propsTheme, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  if (isLoaded) {\n    return <>{children}</>;\n  }\n\n  return (\n    <StyledSkeletonCircle\n      {...forwardedProps}\n      $theme={theme}\n      className={classNames(SkeletonCircle.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </StyledSkeletonCircle>\n  );\n});\nSkeletonCircle.className = CLASSNAME;\nSkeletonCircle.displayName = COMPONENT_NAME;\n"],"names":["StyledSkeletonCircle","styled","StyledSkeleton","_ref","height","width","css","COMPONENT_NAME","CLASSNAME","SkeletonCircle","forwardRef","props","ref","children","className","isLoaded","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","_extends","$theme","classNames","displayName"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,MAAMA,oBAAoB,GAAGC,MAAM,CACxCC,cACF,CAA6B,CAAA;AAC7B;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAKG,GAAI,CAAA;AAC/B;AACA;AACA,MAAA,EAAQF,MAAM,GAAI,CAAUA,QAAAA,EAAAA,MAAO,CAAE,CAAA,CAAA,GAAGC,KAAK,GAAI,CAAUA,QAAAA,EAAAA,KAAM,CAAE,CAAA,CAAA,GAAG,EAAG,CAAA;AACzE,MAAA,EAAQA,KAAK,GAAI,CAASA,OAAAA,EAAAA,KAAM,CAAE,CAAA,CAAA,GAAGD,MAAM,GAAI,CAASA,OAAAA,EAAAA,MAAO,CAAE,CAAA,CAAA,GAAG,EAAG,CAAA;AACvE;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ,CAAC;;;ACXD,MAAMG,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAAyD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,QAAQ;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;AAErF,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBAAOO,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGX,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACES,cAAA,CAAAC,aAAA,CAACvB,oBAAoB,EAAAyB,QAAA,KACfP,cAAc,EAAA;AAClBQ,IAAAA,MAAM,EAAEV,KAAM;IACdF,SAAS,EAAEa,UAAU,CAAClB,cAAc,CAACK,SAAS,EAAEA,SAAS,CAAE;AAC3DF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErC,OAAOC,QAAQ,KAAK,QAAQ,gBAAGS,cAAA,CAAAC,aAAA,CAAOV,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QACtC,CAAC,CAAA;AAE3B,CAAC,EAAC;AACFJ,cAAc,CAACK,SAAS,GAAGN,SAAS,CAAA;AACpCC,cAAc,CAACmB,WAAW,GAAGrB,cAAc;;;;"}

package/_internal/SkeletonText.js

@@ -0,0 +1,9 @@
+import { a as SkeletonTextProps } from './types26.js';
+import { C as Comp } from './helpers.js';
+
+/**
+ * The SkeletonText component.
+ */
+declare const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement>;
+
+export { SkeletonText as S };

package/_internal/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sources":["../../src/components/skeleton-text/styles.ts","../../src/components/skeleton-text/SkeletonText.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledSkeleton } from '../skeleton/styles';\nimport { StyledSkeletonTextProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSkeletonText = styled(StyledSkeleton)<StyledSkeletonTextProps>`\n  background-clip: content-box;\n\n  ${({ height, $fontSize, $lineHeight, $variant }) =>\n    height\n      ? css`\n          &,\n          &::after {\n            height: ${height};\n          }\n        `\n      : css`\n          &,\n          &::after {\n            height: ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`};\n            padding: calc(\n                (\n                    ${$lineHeight ? $lineHeight : `var(--redsift-typography-${$variant}-line-height)`} -\n                      ${$fontSize ? $fontSize : `var(--redsift-typography-${$variant}-font-size)`}\n                  ) / 2\n              )\n              0px;\n          }\n        `}}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { StyledSkeletonText } from './styles';\nimport { SkeletonTextProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SkeletonText';\nconst CLASSNAME = 'redsift-skeleton-text';\n\n/**\n * The SkeletonText component.\n */\nexport const SkeletonText: Comp<SkeletonTextProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    fontSize,\n    isLoaded,\n    lineHeight,\n    theme: propsTheme,\n    variant = 'body',\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  if (isLoaded) {\n    return <>{children}</>;\n  }\n\n  return (\n    <StyledSkeletonText\n      {...forwardedProps}\n      className={classNames(SkeletonText.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $fontSize={fontSize}\n      $lineHeight={lineHeight}\n      $theme={theme}\n      $variant={variant}\n    >\n      {typeof children === 'string' ? <span>{children}</span> : children}\n    </StyledSkeletonText>\n  );\n});\nSkeletonText.className = CLASSNAME;\nSkeletonText.displayName = COMPONENT_NAME;\n"],"names":["StyledSkeletonText","styled","StyledSkeleton","_ref","height","$fontSize","$lineHeight","$variant","css","COMPONENT_NAME","CLASSNAME","SkeletonText","forwardRef","props","ref","children","className","fontSize","isLoaded","lineHeight","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","Fragment","_extends","classNames","$theme","displayName"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAGC,MAAM,CAACC,cAAc,CAA2B,CAAA;AAClF;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC,WAAW;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAJ,IAAA,CAAA;EAAA,OAC7CC,MAAM,GACFI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBJ,MAAO,CAAA;AAC7B;AACA,QAAA,CAAS,GACDI,GAAI,CAAA;AACZ;AACA;AACA,oBAAA,EAAsBH,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAChG;AACA;AACA,oBAAA,EAAsBD,WAAW,GAAGA,WAAW,GAAI,CAAA,yBAAA,EAA2BC,QAAS,CAAe,aAAA,CAAA,CAAA;AACtG,sBAAA,EAAwBF,SAAS,GAAGA,SAAS,GAAI,CAAA,yBAAA,EAA2BE,QAAS,CAAa,WAAA,CAAA,CAAA;AAClG;AACA;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV,CAAC;;;ACvBD,MAAME,cAAc,GAAG,cAAc,CAAA;AACrC,MAAMC,SAAS,GAAG,uBAAuB,CAAA;;AAEzC;AACA;AACA;AACO,MAAMC,YAAqD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9F,MAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,UAAU;AACVC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAO,GAAG,MAAA;AAEZ,KAAC,GAAGT,KAAK;AADJU,IAAAA,cAAc,GAAAC,wBAAA,CACfX,KAAK,EAAAY,SAAA,CAAA,CAAA;AAET,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,IAAIH,QAAQ,EAAE;IACZ,oBAAOS,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAGd,IAAAA,EAAAA,QAAW,CAAC,CAAA;AACxB,GAAA;EAEA,oBACEY,cAAA,CAAAC,aAAA,CAAC5B,kBAAkB,EAAA8B,QAAA,KACbP,cAAc,EAAA;IAClBP,SAAS,EAAEe,UAAU,CAACpB,YAAY,CAACK,SAAS,EAAEA,SAAS,CAAE;AACzDF,IAAAA,GAAG,EAAEA,GAAiC;AACtCT,IAAAA,SAAS,EAAEY,QAAS;AACpBX,IAAAA,WAAW,EAAEa,UAAW;AACxBa,IAAAA,MAAM,EAAEZ,KAAM;AACdb,IAAAA,QAAQ,EAAEe,OAAAA;AAAQ,GAAA,CAAA,EAEjB,OAAOP,QAAQ,KAAK,QAAQ,gBAAGY,cAAA,CAAAC,aAAA,CAAOb,MAAAA,EAAAA,IAAAA,EAAAA,QAAe,CAAC,GAAGA,QACxC,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFJ,YAAY,CAACK,SAAS,GAAGN,SAAS,CAAA;AAClCC,YAAY,CAACsB,WAAW,GAAGxB,cAAc;;;;"}