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

package/packages/design-system/src/components/link/_internal/styles.js

@@ -1,145 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseStyling } from '../../shared/_internal/styles.js';
-import { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '../../../types/_internal/colors.js';
-
-/**
- * Component style.
- */
-const StyledLink = styled.a`
-  background: none;
-  border: none;
-  color: unset;
-  cursor: text !important;
-  display: inline-flex;
-  gap: 4px;
-  align-items: center;
-  font-family: var(--redsift-typography-link-font-family);
-  font-size: var(--redsift-typography-link-font-size);
-  font-weight: var(--redsift-typography-link-font-weight);
-  height: var(--redsift-typography-link-line-height);
-  line-height: var(--redsift-typography-link-line-height);
-  padding: unset;
-  position: relative;
-  text-decoration: none;
-  width: fit-content;
-
-  ${_ref => {
-  let {
-    $hasIcons
-  } = _ref;
-  return $hasIcons ? css`
-          bottom: -2px;
-        ` : '';
-}}
-
-  ${baseStyling}
-
-  ${_ref2 => {
-  let {
-    $isDisabled,
-    $color,
-    $theme,
-    $hasIcons
-  } = _ref2;
-  return !$isDisabled ? css`
-          ${$color && $color === 'radar' ? css`
-                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                  background-clip: text;
-                  color: transparent;
-
-                  path {
-                    fill: url(#${$color}-gradient-default);
-                  }
-                ` : Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-notifications-${$color}-primary);
-                  }
-                ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-neutral-${$color});
-                  }
-                ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: var(--redsift-color-product-${$color});
-                  }
-                ` : css`
-                  &,
-                  .redsift-icon:not(.colored) {
-                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
-                  }
-                `}}
-
-          ${$color && $color === 'radar' && !$hasIcons ? css`
-                  position: relative;
-
-                  &:hover,
-                  &:focus-visible {
-                    cursor: pointer !important;
-                  }
-
-                  &:hover::before,
-                  &:focus-visible::before {
-                    content: '';
-                    position: absolute;
-                    bottom: 3px;
-                    width: 100%;
-                    left: 0;
-                    height: 1px;
-                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                  }
-                ` : $color && $color === 'radar' && $hasIcons ? css`
-                  position: relative;
-
-                  &:hover,
-                  &:focus-visible {
-                    cursor: pointer !important;
-                  }
-
-                  .text::before {
-                    content: '';
-                    position: absolute;
-                    bottom: 3px;
-                    width: 100%;
-                    left: 0;
-                    height: 1px;
-                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);
-                    transform: scaleX(0);
-                  }
-
-                  &:hover .text::before,
-                  .icon:hover + .text::before,
-                  .text:hover::before {
-                    transform: scaleX(1);
-                  }
-                ` : css`
-                  text-decoration: underline;
-                  text-decoration-color: transparent;
-                  text-underline-offset: 2px;
-
-                  &:hover,
-                  &:focus-visible {
-                    cursor: pointer !important;
-                    ${Object.keys(NotificationsColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);
-                        ` : Object.keys(NeutralColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-neutral-${$color});
-                        ` : Object.keys(ProductColorPalette).indexOf($color) !== -1 ? css`
-                          text-decoration-color: var(--redsift-color-product-${$color});
-                        ` : css`
-                          text-decoration-color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};
-                        `}
-                  }
-                `}
-        ` : '';
-}}
-
-  &:focus-visible {
-    outline: 2px solid var(--redsift-color-primary-n);
-  }
-`;
-
-export { StyledLink };
-//# sourceMappingURL=styles.js.map

package/packages/design-system/src/components/link/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/link/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledLinkProps } from './types';\nimport { NotificationsColorPalette, NeutralColorPalette, ProductColorPalette } from '@redsift/design-system/types';\n\n/**\n * Component style.\n */\nexport const StyledLink = styled.a<StyledLinkProps>`\n  background: none;\n  border: none;\n  color: unset;\n  cursor: text !important;\n  display: inline-flex;\n  gap: 4px;\n  align-items: center;\n  font-family: var(--redsift-typography-link-font-family);\n  font-size: var(--redsift-typography-link-font-size);\n  font-weight: var(--redsift-typography-link-font-weight);\n  height: var(--redsift-typography-link-line-height);\n  line-height: var(--redsift-typography-link-line-height);\n  padding: unset;\n  position: relative;\n  text-decoration: none;\n  width: fit-content;\n\n  ${({ $hasIcons }) =>\n    $hasIcons\n      ? css`\n          bottom: -2px;\n        `\n      : ''}\n\n  ${baseStyling}\n\n  ${({ $isDisabled, $color, $theme, $hasIcons }) =>\n    !$isDisabled\n      ? css`\n          ${\n            $color && $color === 'radar'\n              ? css`\n                  background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  background-clip: text;\n                  color: transparent;\n\n                  path {\n                    fill: url(#${$color}-gradient-default);\n                  }\n                `\n              : Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-notifications-${$color}-primary);\n                  }\n                `\n              : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-neutral-${$color});\n                  }\n                `\n              : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n              ? css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: var(--redsift-color-product-${$color});\n                  }\n                `\n              : css`\n                  &,\n                  .redsift-icon:not(.colored) {\n                    color: ${$color || css`var(--redsift-color-${$theme}-components-text-primary)`};\n                  }\n                `\n          }}\n\n          ${\n            $color && $color === 'radar' && !$hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  &:hover::before,\n                  &:focus-visible::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                  }\n                `\n              : $color && $color === 'radar' && $hasIcons\n              ? css`\n                  position: relative;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                  }\n\n                  .text::before {\n                    content: '';\n                    position: absolute;\n                    bottom: 3px;\n                    width: 100%;\n                    left: 0;\n                    height: 1px;\n                    background: linear-gradient(90deg, #51b78e 0%, #0081c3 100%);\n                    transform: scaleX(0);\n                  }\n\n                  &:hover .text::before,\n                  .icon:hover + .text::before,\n                  .text:hover::before {\n                    transform: scaleX(1);\n                  }\n                `\n              : css`\n                  text-decoration: underline;\n                  text-decoration-color: transparent;\n                  text-underline-offset: 2px;\n\n                  &:hover,\n                  &:focus-visible {\n                    cursor: pointer !important;\n                    ${Object.keys(NotificationsColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-notifications-${$color}-primary);\n                        `\n                      : Object.keys(NeutralColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-neutral-${$color});\n                        `\n                      : Object.keys(ProductColorPalette).indexOf($color!) !== -1\n                      ? css`\n                          text-decoration-color: var(--redsift-color-product-${$color});\n                        `\n                      : css`\n                          text-decoration-color: ${$color ||\n                          css`var(--redsift-color-${$theme}-components-text-primary)`};\n                        `}\n                  }\n                `\n          }\n        `\n      : ''}\n\n  &:focus-visible {\n    outline: 2px solid var(--redsift-color-primary-n);\n  }\n`;\n"],"names":["StyledLink","styled","a","_ref","$hasIcons","css","baseStyling","_ref2","$isDisabled","$color","$theme","Object","keys","NotificationsColorPalette","indexOf","NeutralColorPalette","ProductColorPalette"],"mappings":"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"}

package/packages/design-system/src/components/link-button/_internal/LinkButton.js

@@ -1,66 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef } from 'react';
-import classNames from 'classnames';
-import { StyledLink } from '../../link/_internal/styles.js';
-import { useTheme } from '../../theme/_internal/useTheme.js';
-import { Icon } from '../../icon/_internal/Icon2.js';
-
-const _excluded = ["children", "className", "color", "disabled", "isDisabled", "leftIcon", "leftIconProps", "rightIcon", "rightIconProps", "theme"];
-const COMPONENT_NAME = 'LinkButton';
-const CLASSNAME = 'redsift-link-button';
-
-/**
- * The LinkButton is a semantic button that looks like a link.
- *
- * For a semantic button that looks like a button, please use the Button component.
- * For a semantic link that looks like a link, please use the Link component.
- * For a semantic link that looks like a button, please use the ButtonLink component.
- */
-const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
-  const buttonRef = ref || useRef();
-  const {
-      children,
-      className,
-      color = 'primary',
-      disabled,
-      isDisabled: propsIsDisabled,
-      leftIcon,
-      leftIconProps,
-      rightIcon,
-      rightIconProps,
-      theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const isDisabled = propsIsDisabled || disabled;
-  const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledLink, _extends({
-    as: "button"
-  }, forwardedProps, {
-    $color: color,
-    $isDisabled: isDisabled || disabled,
-    $theme: theme,
-    "aria-disabled": isDisabled || disabled,
-    className: classNames(LinkButton.className, className),
-    disabled: isDisabled || disabled
-    // @ts-ignore
-    ,
-    ref: buttonRef
-  }), leftIcon || rightIcon ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    icon: leftIcon,
-    "aria-hidden": "true",
-    className: "left",
-    size: "xsmall"
-  }, leftIconProps)) : null, /*#__PURE__*/React__default.createElement("span", {
-    className: "text"
-  }, children), rightIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
-    icon: rightIcon,
-    "aria-hidden": "true",
-    className: "right",
-    size: "xsmall"
-  }, rightIconProps)) : null) : children);
-});
-LinkButton.className = CLASSNAME;
-LinkButton.displayName = COMPONENT_NAME;
-
-export { LinkButton };
-//# sourceMappingURL=LinkButton.js.map

package/packages/design-system/src/components/link-button/_internal/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.js","sources":["../../../../../../../src/components/link-button/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from '../link';\nimport { LinkButtonProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'LinkButton';\nconst CLASSNAME = 'redsift-link-button';\n\n/**\n * The LinkButton is a semantic button that looks like a link.\n *\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic link that looks like a link, please use the Link component.\n * For a semantic link that looks like a button, please use the ButtonLink component.\n */\nexport const LinkButton: Comp<LinkButtonProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const buttonRef = ref || useRef<HTMLButtonElement>();\n\n  const {\n    children,\n    className,\n    color = 'primary',\n    disabled,\n    isDisabled: propsIsDisabled,\n    leftIcon,\n    leftIconProps,\n    rightIcon,\n    rightIconProps,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n  const isDisabled = propsIsDisabled || disabled;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledLink\n      as=\"button\"\n      {...forwardedProps}\n      $color={color}\n      $isDisabled={isDisabled || disabled}\n      $theme={theme}\n      aria-disabled={isDisabled || disabled}\n      className={classNames(LinkButton.className, className)}\n      disabled={isDisabled || disabled}\n      // @ts-ignore\n      ref={buttonRef as RefObject<HTMLButtonElement>}\n    >\n      {leftIcon || rightIcon ? (\n        <>\n          {leftIcon ? (\n            <Icon icon={leftIcon} aria-hidden=\"true\" className=\"left\" size=\"xsmall\" {...leftIconProps} />\n          ) : null}\n          <span className=\"text\">{children}</span>\n          {rightIcon ? (\n            <Icon icon={rightIcon} aria-hidden=\"true\" className=\"right\" size=\"xsmall\" {...rightIconProps} />\n          ) : null}\n        </>\n      ) : (\n        children\n      )}\n    </StyledLink>\n  );\n});\nLinkButton.className = CLASSNAME;\nLinkButton.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LinkButton","forwardRef","props","ref","buttonRef","useRef","children","className","color","disabled","isDisabled","propsIsDisabled","leftIcon","leftIconProps","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","as","$color","$isDisabled","$theme","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAoD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC7F,EAAA,MAAMC,SAAS,GAAGD,GAAG,IAAIE,MAAM,EAAqB,CAAA;EAEpD,MAAM;MACJC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,QAAQ;AACRC,MAAAA,UAAU,EAAEC,eAAe;MAC3BC,QAAQ;MACRC,aAAa;MACbC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGf,KAAK;AADJgB,IAAAA,cAAc,GAAAC,wBAAA,CACfjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;AACT,EAAA,MAAMV,UAAU,GAAGC,eAAe,IAAIF,QAAQ,CAAA;AAE9C,EAAA,MAAMO,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTC,IAAAA,EAAE,EAAC,QAAA;AAAQ,GAAA,EACPR,cAAc,EAAA;AAClBS,IAAAA,MAAM,EAAEnB,KAAM;IACdoB,WAAW,EAAElB,UAAU,IAAID,QAAS;AACpCoB,IAAAA,MAAM,EAAEb,KAAM;IACd,eAAeN,EAAAA,UAAU,IAAID,QAAS;IACtCF,SAAS,EAAEuB,UAAU,CAAC9B,UAAU,CAACO,SAAS,EAAEA,SAAS,CAAE;IACvDE,QAAQ,EAAEC,UAAU,IAAID,QAAAA;AACxB;AAAA;AACAN,IAAAA,GAAG,EAAEC,SAAAA;GAEJQ,CAAAA,EAAAA,QAAQ,IAAIE,SAAS,gBACpBQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAS,QAAA,EACGnB,IAAAA,EAAAA,QAAQ,gBACPU,cAAA,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAErB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACL,IAAAA,SAAS,EAAC,MAAM;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAarB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRS,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCQ,SAAS,gBACRQ,cAAA,CAAAC,aAAA,CAACS,IAAI,EAAAP,QAAA,CAAA;AAACQ,IAAAA,IAAI,EAAEnB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC2B,IAAAA,IAAI,EAAC,QAAA;GAAanB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFN,UAAU,CAACO,SAAS,GAAGR,SAAS,CAAA;AAChCC,UAAU,CAACmC,WAAW,GAAGrC,cAAc;;;;"}

package/packages/design-system/src/components/link-button/_internal/link-button.js

@@ -1,2 +0,0 @@
-export { LinkButton } from './LinkButton.js';
-//# sourceMappingURL=link-button.js.map

package/packages/design-system/src/components/listbox/_internal/ActiveDescendantListbox.js

@@ -1,74 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useCallback } from 'react';
-import { ListboxActionType } from './types.js';
-import { ListboxContext } from './context.js';
-import { useFocusOnList } from '../../focus-within-group/_internal/useFocusOnList.js';
-import { Flexbox } from '../../flexbox/_internal/Flexbox2.js';
-
-const _excluded = ["children", "id", "isDisabled", "context"];
-const ActiveDescendantListbox = /*#__PURE__*/forwardRef((props, ref) => {
-  var _context$state$active;
-  const {
-      children,
-      id,
-      isDisabled,
-      context
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const {
-    activedescendant,
-    handleKeyDown: handleFocusKeyDown,
-    handleFocus,
-    handleBlur
-  } = useFocusOnList();
-  const handleKeyDown = useCallback(event => {
-    handleFocusKeyDown(event);
-    const code = event.code;
-    if (code === 'Enter' || code === 'Space') {
-      if (context.state.selectionMode === 'multiple') {
-        var _activedescendant$;
-        context.dispatch({
-          type: ListboxActionType.TOGGLE,
-          payload: {
-            value: (_activedescendant$ = activedescendant === null || activedescendant === void 0 ? void 0 : activedescendant[1]) !== null && _activedescendant$ !== void 0 ? _activedescendant$ : '',
-            activedescendant
-          }
-        });
-      } else {
-        var _activedescendant$2;
-        context.dispatch({
-          type: ListboxActionType.SET,
-          payload: {
-            values: [(_activedescendant$2 = activedescendant === null || activedescendant === void 0 ? void 0 : activedescendant[1]) !== null && _activedescendant$2 !== void 0 ? _activedescendant$2 : ''],
-            activedescendant
-          }
-        });
-      }
-    }
-  }, [activedescendant]);
-  return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
-    flexDirection: "column",
-    gap: "8px"
-  }, forwardedProps, {
-    "aria-disabled": isDisabled,
-    ref: ref,
-    id: id,
-    role: "listbox",
-    "aria-activedescendant": (_context$state$active = context.state.activedescendant) === null || _context$state$active === void 0 ? void 0 : _context$state$active[0],
-    "aria-multiselectable": context.state.selectionMode === 'multiple',
-    tabIndex: 0,
-    style: {
-      outline: 'none'
-    },
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onMouseDown: event => event.preventDefault(),
-    onMouseLeave: handleBlur,
-    onKeyDown: handleKeyDown
-  }), /*#__PURE__*/React__default.createElement(ListboxContext.Provider, {
-    value: context
-  }, children));
-});
-
-export { ActiveDescendantListbox };
-//# sourceMappingURL=ActiveDescendantListbox.js.map

package/packages/design-system/src/components/listbox/_internal/ActiveDescendantListbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActiveDescendantListbox.js","sources":["../../../../../../../src/components/listbox/ActiveDescendantListbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, KeyboardEvent } from 'react';\nimport { ListboxActionType, ListboxContextProps, ListboxProps } from './types';\nimport { ListboxContext } from './context';\nimport { Flexbox } from '../flexbox';\nimport { useFocusOnList } from '../focus-within-group';\n\nexport const ActiveDescendantListbox = forwardRef<\n  HTMLDivElement,\n  Omit<ListboxProps, 'onChange'> & { context: ListboxContextProps }\n>((props, ref) => {\n  const { children, id, isDisabled, context, ...forwardedProps } = props;\n\n  const { activedescendant, handleKeyDown: handleFocusKeyDown, handleFocus, handleBlur } = useFocusOnList();\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      handleFocusKeyDown(event);\n      const code = event.code;\n      if (code === 'Enter' || code === 'Space') {\n        if (context.state.selectionMode === 'multiple') {\n          context.dispatch({\n            type: ListboxActionType.TOGGLE,\n            payload: { value: activedescendant?.[1] ?? '', activedescendant },\n          });\n        } else {\n          context.dispatch({\n            type: ListboxActionType.SET,\n            payload: {\n              values: [activedescendant?.[1] ?? ''],\n              activedescendant,\n            },\n          });\n        }\n      }\n    },\n    [activedescendant]\n  );\n\n  return (\n    <Flexbox\n      flexDirection=\"column\"\n      gap=\"8px\"\n      {...forwardedProps}\n      aria-disabled={isDisabled}\n      ref={ref}\n      id={id}\n      role=\"listbox\"\n      aria-activedescendant={context.state.activedescendant?.[0]}\n      aria-multiselectable={context.state.selectionMode === 'multiple'}\n      tabIndex={0}\n      style={{ outline: 'none' }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onMouseDown={(event) => event.preventDefault()}\n      onMouseLeave={handleBlur}\n      onKeyDown={handleKeyDown}\n    >\n      <ListboxContext.Provider value={context}>{children}</ListboxContext.Provider>\n    </Flexbox>\n  );\n});\n"],"names":["ActiveDescendantListbox","forwardRef","props","ref","_context$state$active","children","id","isDisabled","context","forwardedProps","_objectWithoutProperties","_excluded","activedescendant","handleKeyDown","handleFocusKeyDown","handleFocus","handleBlur","useFocusOnList","useCallback","event","code","state","selectionMode","_activedescendant$","dispatch","type","ListboxActionType","TOGGLE","payload","value","_activedescendant$2","SET","values","React","createElement","Flexbox","_extends","flexDirection","gap","role","tabIndex","style","outline","onFocus","onBlur","onMouseDown","preventDefault","onMouseLeave","onKeyDown","ListboxContext","Provider"],"mappings":";;;;;;;;AAMO,MAAMA,uBAAuB,gBAAGC,UAAU,CAG/C,CAACC,KAAK,EAAEC,GAAG,KAAK;AAAA,EAAA,IAAAC,qBAAA,CAAA;EAChB,MAAM;MAAEC,QAAQ;MAAEC,EAAE;MAAEC,UAAU;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA,CAAA;EAEtE,MAAM;IAAEC,gBAAgB;AAAEC,IAAAA,aAAa,EAAEC,kBAAkB;IAAEC,WAAW;AAAEC,IAAAA,UAAAA;GAAY,GAAGC,cAAc,EAAE,CAAA;AAEzG,EAAA,MAAMJ,aAAa,GAAGK,WAAW,CAC9BC,KAAoB,IAAK;IACxBL,kBAAkB,CAACK,KAAK,CAAC,CAAA;AACzB,IAAA,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,CAAA;AACvB,IAAA,IAAIA,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,OAAO,EAAE;AACxC,MAAA,IAAIZ,OAAO,CAACa,KAAK,CAACC,aAAa,KAAK,UAAU,EAAE;AAAA,QAAA,IAAAC,kBAAA,CAAA;QAC9Cf,OAAO,CAACgB,QAAQ,CAAC;UACfC,IAAI,EAAEC,iBAAiB,CAACC,MAAM;AAC9BC,UAAAA,OAAO,EAAE;AAAEC,YAAAA,KAAK,GAAAN,kBAAA,GAAEX,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,CAAC,CAAC,MAAAW,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAI,EAAE;AAAEX,YAAAA,gBAAAA;AAAiB,WAAA;AAClE,SAAC,CAAC,CAAA;AACJ,OAAC,MAAM;AAAA,QAAA,IAAAkB,mBAAA,CAAA;QACLtB,OAAO,CAACgB,QAAQ,CAAC;UACfC,IAAI,EAAEC,iBAAiB,CAACK,GAAG;AAC3BH,UAAAA,OAAO,EAAE;AACPI,YAAAA,MAAM,EAAE,CAAAF,CAAAA,mBAAA,GAAClB,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAG,CAAC,CAAC,MAAAkB,IAAAA,IAAAA,mBAAA,cAAAA,mBAAA,GAAI,EAAE,CAAC;AACrClB,YAAAA,gBAAAA;AACF,WAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAC,EACD,CAACA,gBAAgB,CACnB,CAAC,CAAA;AAED,EAAA,oBACEqB,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EACL7B,cAAc,EAAA;AAClB,IAAA,eAAA,EAAeF,UAAW;AAC1BJ,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,EAAE,EAAEA,EAAG;AACPiC,IAAAA,IAAI,EAAC,SAAS;AACd,IAAA,uBAAA,EAAA,CAAAnC,qBAAA,GAAuBI,OAAO,CAACa,KAAK,CAACT,gBAAgB,MAAA,IAAA,IAAAR,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA9BA,qBAAA,CAAiC,CAAC,CAAE;AAC3D,IAAA,sBAAA,EAAsBI,OAAO,CAACa,KAAK,CAACC,aAAa,KAAK,UAAW;AACjEkB,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,MAAA;KAAS;AAC3BC,IAAAA,OAAO,EAAE5B,WAAY;AACrB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,WAAW,EAAG1B,KAAK,IAAKA,KAAK,CAAC2B,cAAc,EAAG;AAC/CC,IAAAA,YAAY,EAAE/B,UAAW;AACzBgC,IAAAA,SAAS,EAAEnC,aAAAA;AAAc,GAAA,CAAA,eAEzBoB,cAAA,CAAAC,aAAA,CAACe,cAAc,CAACC,QAAQ,EAAA;AAACrB,IAAAA,KAAK,EAAErB,OAAAA;GAAUH,EAAAA,QAAkC,CACrE,CAAC,CAAA;AAEd,CAAC;;;;"}

package/packages/design-system/src/components/listbox/_internal/Listbox2.js

@@ -1,110 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useReducer, useEffect, useMemo } from 'react';
-import classNames from 'classnames';
-import { ListboxVariant, ListboxActionType } from './types.js';
-import { LISTBOX_INITIAL_STATE } from './context.js';
-import { StyledListbox } from './styles.js';
-import { ListboxReducer } from './reducer.js';
-import { RovingTabindexListbox } from './RovingTabindexListbox.js';
-import { ActiveDescendantListbox } from './ActiveDescendantListbox.js';
-import { warnIfNoAccessibleLabelFound } from '../../../utils/_internal/warnIfNoAccessibleLabelFound.js';
-import { FocusWithinGroup } from '../../focus-within-group/_internal/FocusWithinGroup.js';
-import { useId } from '../../../utils/_internal/useId.js';
-import { ConditionalWrapper } from '../../conditional-wrapper/_internal/ConditionalWrapper.js';
-
-const _excluded = ["children", "className", "defaultValues", "direction", "focusOnClick", "focusType", "id", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "loopAround", "onChange", "selectionMode", "values", "variant"];
-const COMPONENT_NAME = 'Listbox';
-const CLASSNAME = 'redsift-listbox';
-
-/**
- * The Listbox component.
- * Can be used as controlled or uncontrolled.
- */
-const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      defaultValues,
-      direction,
-      focusOnClick = false,
-      focusType = 'roving-tabindex',
-      id: propsId,
-      isDisabled,
-      isInvalid,
-      isReadOnly,
-      isRequired,
-      label,
-      loopAround,
-      onChange,
-      selectionMode = 'single',
-      values,
-      variant = ListboxVariant.standalone
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const [_id] = useId();
-  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
-  const _ref = useRef();
-  const divRef = ref !== null && ref !== void 0 ? ref : _ref;
-  const [state, dispatch] = useReducer(ListboxReducer, _objectSpread2(_objectSpread2({}, LISTBOX_INITIAL_STATE), {}, {
-    isDisabled,
-    isReadOnly,
-    selectedValues: values || defaultValues || [],
-    selectionMode
-  }));
-  useEffect(() => {
-    if (values && values.length >= 0) {
-      dispatch({
-        type: ListboxActionType.SET,
-        payload: {
-          values
-        }
-      });
-    }
-  }, [values]);
-  const context = useMemo(() => ({
-    state,
-    dispatch
-  }), [state]);
-  useEffect(() => {
-    onChange === null || onChange === void 0 ? void 0 : onChange(state.selectedValues);
-  }, [state.selectedValues]);
-  warnIfNoAccessibleLabelFound(props, [label]);
-  return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
-    wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends({
-      flexDirection: "column",
-      gap: "8px"
-    }, forwardedProps, {
-      $isDisabled: isDisabled,
-      $isInvalid: isInvalid || isRequired && state.selectedValues.length === 0,
-      $isReadOnly: isReadOnly,
-      className: classNames(Listbox.className, className),
-      ref: divRef,
-      id: id,
-      $variant: variant
-    }), children),
-    condition: variant === ListboxVariant.standalone
-  }, /*#__PURE__*/React__default.createElement(FocusWithinGroup, {
-    direction: direction,
-    focusOnClick: focusOnClick,
-    loopAround: loopAround,
-    focusType: focusType
-  }, label ? /*#__PURE__*/React__default.createElement("span", {
-    id: `${id}-label`,
-    className: `${Listbox.className}-label`
-  }, label, isRequired ? /*#__PURE__*/React__default.createElement("span", {
-    "aria-hidden": "true"
-  }, ' *') : null) : null, focusType === 'roving-tabindex' ? /*#__PURE__*/React__default.createElement(RovingTabindexListbox, _extends({}, forwardedProps, {
-    className: `${Listbox.className}-list`,
-    context: context,
-    ref: divRef
-  }), children) : /*#__PURE__*/React__default.createElement(ActiveDescendantListbox, _extends({}, forwardedProps, {
-    className: `${Listbox.className}-list`,
-    context: context,
-    ref: divRef
-  }), children)));
-});
-Listbox.className = CLASSNAME;
-Listbox.displayName = COMPONENT_NAME;
-
-export { Listbox };
-//# sourceMappingURL=Listbox2.js.map

package/packages/design-system/src/components/listbox/_internal/Listbox2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox2.js","sources":["../../../../../../../src/components/listbox/Listbox.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, RefObject, useEffect, useMemo, useReducer, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ListboxActionType, ListboxContextProps, ListboxProps, ListboxState, ListboxVariant } from './types';\nimport { LISTBOX_INITIAL_STATE } from './context';\nimport { StyledListbox } from './styles';\nimport { ListboxReducer } from './reducer';\nimport { FocusWithinGroup } from '../focus-within-group';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { RovingTabindexListbox } from './RovingTabindexListbox';\nimport { ActiveDescendantListbox } from './ActiveDescendantListbox';\nimport { useId, warnIfNoAccessibleLabelFound } from '../../utils';\n\nconst COMPONENT_NAME = 'Listbox';\nconst CLASSNAME = 'redsift-listbox';\n\n/**\n * The Listbox component.\n * Can be used as controlled or uncontrolled.\n */\nexport const Listbox: Comp<ListboxProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    defaultValues,\n    direction,\n    focusOnClick = false,\n    focusType = 'roving-tabindex',\n    id: propsId,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    loopAround,\n    onChange,\n    selectionMode = 'single',\n    values,\n    variant = ListboxVariant.standalone,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLDivElement>();\n  const divRef = ref ?? _ref;\n\n  const [state, dispatch] = useReducer(ListboxReducer, {\n    ...LISTBOX_INITIAL_STATE,\n    isDisabled,\n    isReadOnly,\n    selectedValues: values || defaultValues || [],\n    selectionMode,\n  } as ListboxState);\n\n  useEffect(() => {\n    if (values && values.length >= 0) {\n      dispatch({\n        type: ListboxActionType.SET,\n        payload: {\n          values,\n        },\n      });\n    }\n  }, [values]);\n\n  const context = useMemo<ListboxContextProps>(\n    () => ({\n      state,\n      dispatch,\n    }),\n    [state]\n  );\n\n  useEffect(() => {\n    onChange?.(state.selectedValues);\n  }, [state.selectedValues]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [label]);\n\n  return (\n    <ConditionalWrapper\n      wrapper={(children) => (\n        <StyledListbox\n          flexDirection=\"column\"\n          gap=\"8px\"\n          {...forwardedProps}\n          $isDisabled={isDisabled}\n          $isInvalid={isInvalid || (isRequired && state.selectedValues.length === 0)}\n          $isReadOnly={isReadOnly}\n          className={classNames(Listbox.className, className)}\n          ref={divRef as RefObject<HTMLDivElement>}\n          id={id}\n          $variant={variant}\n        >\n          {children}\n        </StyledListbox>\n      )}\n      condition={variant === ListboxVariant.standalone}\n    >\n      <FocusWithinGroup direction={direction} focusOnClick={focusOnClick} loopAround={loopAround} focusType={focusType}>\n        {label ? (\n          <span id={`${id}-label`} className={`${Listbox.className}-label`}>\n            {label}\n            {isRequired ? <span aria-hidden=\"true\">{' *'}</span> : null}\n          </span>\n        ) : null}\n        {focusType === 'roving-tabindex' ? (\n          <RovingTabindexListbox\n            {...forwardedProps}\n            className={`${Listbox.className}-list`}\n            context={context}\n            ref={divRef as RefObject<HTMLDivElement>}\n          >\n            {children}\n          </RovingTabindexListbox>\n        ) : (\n          <ActiveDescendantListbox\n            {...forwardedProps}\n            className={`${Listbox.className}-list`}\n            context={context}\n            ref={divRef as RefObject<HTMLDivElement>}\n          >\n            {children}\n          </ActiveDescendantListbox>\n        )}\n      </FocusWithinGroup>\n    </ConditionalWrapper>\n  );\n});\nListbox.className = CLASSNAME;\nListbox.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Listbox","forwardRef","props","ref","children","className","defaultValues","direction","focusOnClick","focusType","id","propsId","isDisabled","isInvalid","isReadOnly","isRequired","label","loopAround","onChange","selectionMode","values","variant","ListboxVariant","standalone","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","_ref","useRef","divRef","state","dispatch","useReducer","ListboxReducer","_objectSpread","LISTBOX_INITIAL_STATE","selectedValues","useEffect","length","type","ListboxActionType","SET","payload","context","useMemo","warnIfNoAccessibleLabelFound","React","createElement","ConditionalWrapper","wrapper","StyledListbox","_extends","flexDirection","gap","$isDisabled","$isInvalid","$isReadOnly","classNames","$variant","condition","FocusWithinGroup","RovingTabindexListbox","ActiveDescendantListbox","displayName"],"mappings":"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"}

package/packages/design-system/src/components/listbox/_internal/RovingTabindexListbox.js

@@ -1,30 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import { ListboxContext } from './context.js';
-import { Flexbox } from '../../flexbox/_internal/Flexbox2.js';
-
-const _excluded = ["children", "id", "isDisabled", "context"];
-const RovingTabindexListbox = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      id,
-      isDisabled,
-      context
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
-    flexDirection: "column",
-    gap: "8px"
-  }, forwardedProps, {
-    "aria-disabled": isDisabled,
-    ref: ref,
-    id: id,
-    role: "listbox",
-    "aria-multiselectable": context.state.selectionMode === 'multiple'
-  }), /*#__PURE__*/React__default.createElement(ListboxContext.Provider, {
-    value: context
-  }, children));
-});
-
-export { RovingTabindexListbox };
-//# sourceMappingURL=RovingTabindexListbox.js.map

package/packages/design-system/src/components/listbox/_internal/RovingTabindexListbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RovingTabindexListbox.js","sources":["../../../../../../../src/components/listbox/RovingTabindexListbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ListboxContextProps, ListboxProps } from './types';\nimport { ListboxContext } from './context';\nimport { Flexbox } from '../flexbox';\n\nexport const RovingTabindexListbox = forwardRef<\n  HTMLDivElement,\n  Omit<ListboxProps, 'onChange'> & { context: ListboxContextProps }\n>((props, ref) => {\n  const { children, id, isDisabled, context, ...forwardedProps } = props;\n\n  return (\n    <Flexbox\n      flexDirection=\"column\"\n      gap=\"8px\"\n      {...forwardedProps}\n      aria-disabled={isDisabled}\n      ref={ref}\n      id={id}\n      role=\"listbox\"\n      aria-multiselectable={context.state.selectionMode === 'multiple'}\n    >\n      <ListboxContext.Provider value={context}>{children}</ListboxContext.Provider>\n    </Flexbox>\n  );\n});\n"],"names":["RovingTabindexListbox","forwardRef","props","ref","children","id","isDisabled","context","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Flexbox","_extends","flexDirection","gap","role","state","selectionMode","ListboxContext","Provider","value"],"mappings":";;;;;;AAKO,MAAMA,qBAAqB,gBAAGC,UAAU,CAG7C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;MAAEC,QAAQ;MAAEC,EAAE;MAAEC,UAAU;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEtE,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EACLR,cAAc,EAAA;AAClB,IAAA,eAAA,EAAeF,UAAW;AAC1BH,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,IAAI,EAAC,SAAS;AACd,IAAA,sBAAA,EAAsBV,OAAO,CAACW,KAAK,CAACC,aAAa,KAAK,UAAA;AAAW,GAAA,CAAA,eAEjER,cAAA,CAAAC,aAAA,CAACQ,cAAc,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEf,OAAAA;GAAUH,EAAAA,QAAkC,CACrE,CAAC,CAAA;AAEd,CAAC;;;;"}

package/packages/design-system/src/components/listbox/_internal/context.js

@@ -1,15 +0,0 @@
-import React__default from 'react';
-
-const LISTBOX_INITIAL_STATE = {
-  isDisabled: false,
-  isReadOnly: false,
-  selectedValues: [],
-  selectionMode: 'single'
-};
-const ListboxContext = /*#__PURE__*/React__default.createContext({
-  state: LISTBOX_INITIAL_STATE,
-  dispatch: () => {}
-});
-
-export { LISTBOX_INITIAL_STATE, ListboxContext };
-//# sourceMappingURL=context.js.map

package/packages/design-system/src/components/listbox/_internal/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../../../../src/components/listbox/context.ts"],"sourcesContent":["import React from 'react';\nimport { ListboxContextProps, ListboxState } from './types';\n\nexport const LISTBOX_INITIAL_STATE: ListboxState = {\n  isDisabled: false,\n  isReadOnly: false,\n  selectedValues: [],\n  selectionMode: 'single',\n};\n\nexport const ListboxContext = React.createContext<ListboxContextProps>({\n  state: LISTBOX_INITIAL_STATE,\n  dispatch: () => {},\n});\n"],"names":["LISTBOX_INITIAL_STATE","isDisabled","isReadOnly","selectedValues","selectionMode","ListboxContext","React","createContext","state","dispatch"],"mappings":";;AAGO,MAAMA,qBAAmC,GAAG;AACjDC,EAAAA,UAAU,EAAE,KAAK;AACjBC,EAAAA,UAAU,EAAE,KAAK;AACjBC,EAAAA,cAAc,EAAE,EAAE;AAClBC,EAAAA,aAAa,EAAE,QAAA;AACjB,EAAC;MAEYC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAsB;AACrEC,EAAAA,KAAK,EAAER,qBAAqB;EAC5BS,QAAQ,EAAEA,MAAM,EAAC;AACnB,CAAC;;;;"}

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

@@ -1,8 +0,0 @@
-export { ListboxActionType, ListboxSelectionMode, ListboxVariant } from './types.js';
-export { ActiveDescendantListbox } from './ActiveDescendantListbox.js';
-export { RovingTabindexListbox } from './RovingTabindexListbox.js';
-export { Listbox } from './Listbox2.js';
-export { LISTBOX_INITIAL_STATE, ListboxContext } from './context.js';
-export { ListboxReducer } from './reducer.js';
-export { useListboxItem } from './useListboxItem.js';
-//# sourceMappingURL=listbox.js.map

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

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

package/packages/design-system/src/components/listbox/_internal/reducer.js

@@ -1,45 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import { ListboxActionType } from './types.js';
-
-const ListboxReducer = (state, action) => {
-  switch (action.type) {
-    case ListboxActionType.TOGGLE:
-      {
-        if (state.isReadOnly || state.isDisabled) {
-          return state;
-        }
-        if (!state.selectedValues.includes(action.payload.value)) {
-          return _objectSpread2(_objectSpread2({}, state), {}, {
-            selectedValues: state.selectedValues.concat(action.payload.value)
-          }, action.payload.activedescendant && {
-            activedescendant: action.payload.activedescendant
-          });
-        }
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          selectedValues: state.selectedValues.filter(existingValue => existingValue !== action.payload.value)
-        }, action.payload.activedescendant && {
-          activedescendant: action.payload.activedescendant
-        });
-      }
-    case ListboxActionType.SET:
-      {
-        if (state.isReadOnly || state.isDisabled) {
-          return state;
-        }
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          selectedValues: action.payload.values
-        }, action.payload.activedescendant && {
-          activedescendant: action.payload.activedescendant
-        });
-      }
-    case ListboxActionType.UPDATE_OPTIONS:
-      {
-        return _objectSpread2(_objectSpread2({}, state), action.payload);
-      }
-    default:
-      return state;
-  }
-};
-
-export { ListboxReducer };
-//# sourceMappingURL=reducer.js.map

package/packages/design-system/src/components/listbox/_internal/reducer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reducer.js","sources":["../../../../../../../src/components/listbox/reducer.ts"],"sourcesContent":["import { ListboxState, ListboxAction, ListboxActionType } from './types';\n\nexport const ListboxReducer = (state: ListboxState, action: ListboxAction): ListboxState => {\n  switch (action.type) {\n    case ListboxActionType.TOGGLE: {\n      if (state.isReadOnly || state.isDisabled) {\n        return state;\n      }\n      if (!state.selectedValues.includes(action.payload.value)) {\n        return {\n          ...state,\n          selectedValues: state.selectedValues.concat(action.payload.value),\n          ...(action.payload.activedescendant && { activedescendant: action.payload.activedescendant }),\n        };\n      }\n      return {\n        ...state,\n        selectedValues: state.selectedValues.filter((existingValue) => existingValue !== action.payload.value),\n        ...(action.payload.activedescendant && { activedescendant: action.payload.activedescendant }),\n      };\n    }\n    case ListboxActionType.SET: {\n      if (state.isReadOnly || state.isDisabled) {\n        return state;\n      }\n      return {\n        ...state,\n        selectedValues: action.payload.values,\n        ...(action.payload.activedescendant && { activedescendant: action.payload.activedescendant }),\n      };\n    }\n    case ListboxActionType.UPDATE_OPTIONS: {\n      return {\n        ...state,\n        ...action.payload,\n      };\n    }\n    default:\n      return state;\n  }\n};\n"],"names":["ListboxReducer","state","action","type","ListboxActionType","TOGGLE","isReadOnly","isDisabled","selectedValues","includes","payload","value","_objectSpread","concat","activedescendant","filter","existingValue","SET","values","UPDATE_OPTIONS"],"mappings":";;;MAEaA,cAAc,GAAGA,CAACC,KAAmB,EAAEC,MAAqB,KAAmB;EAC1F,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAKC,iBAAiB,CAACC,MAAM;AAAE,MAAA;AAC7B,QAAA,IAAIJ,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,UAAU,EAAE;AACxC,UAAA,OAAON,KAAK,CAAA;AACd,SAAA;AACA,QAAA,IAAI,CAACA,KAAK,CAACO,cAAc,CAACC,QAAQ,CAACP,MAAM,CAACQ,OAAO,CAACC,KAAK,CAAC,EAAE;AACxD,UAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKX,KAAK,CAAA,EAAA,EAAA,EAAA;YACRO,cAAc,EAAEP,KAAK,CAACO,cAAc,CAACK,MAAM,CAACX,MAAM,CAACQ,OAAO,CAACC,KAAK,CAAA;AAAC,WAAA,EAC7DT,MAAM,CAACQ,OAAO,CAACI,gBAAgB,IAAI;AAAEA,YAAAA,gBAAgB,EAAEZ,MAAM,CAACQ,OAAO,CAACI,gBAAAA;WAAkB,CAAA,CAAA;AAEhG,SAAA;AACA,QAAA,OAAAF,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKX,KAAK,CAAA,EAAA,EAAA,EAAA;AACRO,UAAAA,cAAc,EAAEP,KAAK,CAACO,cAAc,CAACO,MAAM,CAAEC,aAAa,IAAKA,aAAa,KAAKd,MAAM,CAACQ,OAAO,CAACC,KAAK,CAAA;AAAC,SAAA,EAClGT,MAAM,CAACQ,OAAO,CAACI,gBAAgB,IAAI;AAAEA,UAAAA,gBAAgB,EAAEZ,MAAM,CAACQ,OAAO,CAACI,gBAAAA;SAAkB,CAAA,CAAA;AAEhG,OAAA;IACA,KAAKV,iBAAiB,CAACa,GAAG;AAAE,MAAA;AAC1B,QAAA,IAAIhB,KAAK,CAACK,UAAU,IAAIL,KAAK,CAACM,UAAU,EAAE;AACxC,UAAA,OAAON,KAAK,CAAA;AACd,SAAA;AACA,QAAA,OAAAW,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKX,KAAK,CAAA,EAAA,EAAA,EAAA;AACRO,UAAAA,cAAc,EAAEN,MAAM,CAACQ,OAAO,CAACQ,MAAAA;AAAM,SAAA,EACjChB,MAAM,CAACQ,OAAO,CAACI,gBAAgB,IAAI;AAAEA,UAAAA,gBAAgB,EAAEZ,MAAM,CAACQ,OAAO,CAACI,gBAAAA;SAAkB,CAAA,CAAA;AAEhG,OAAA;IACA,KAAKV,iBAAiB,CAACe,cAAc;AAAE,MAAA;QACrC,OAAAP,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKX,KAAK,CACLC,EAAAA,MAAM,CAACQ,OAAO,CAAA,CAAA;AAErB,OAAA;AACA,IAAA;AACE,MAAA,OAAOT,KAAK,CAAA;AAChB,GAAA;AACF;;;;"}

package/packages/design-system/src/components/listbox/_internal/styles.js

@@ -1,44 +0,0 @@
-import styled, { css } from 'styled-components';
-import { ListboxVariant } from './types.js';
-import { baseContainer } from '../../shared/_internal/styles.js';
-
-/**
- * Component style.
- */
-const StyledListbox = styled.div`
-  ${baseContainer}
-  outline: none;
-
-  ${_ref => {
-  let {
-    $variant,
-    $isDisabled,
-    $isInvalid
-  } = _ref;
-  return $variant === ListboxVariant.standalone ? css`
-          span.redsift-listbox-label {
-            font-family: var(--redsift-typography-body-font-family);
-            font-weight: var(--redsift-typography-body-font-weight);
-            font-size: var(--redsift-typography-body-font-size);
-            line-height: var(--redsift-typography-body-line-height);
-
-            color: var(--redsift-color-neutral-black);
-            ${$isDisabled ? `
-          color: var(--redsift-color-neutral-mid-grey);
-        ` : ''}
-            ${$isInvalid ? `
-          color: var(--redsift-color-red-n);
-        ` : ''}
-          }
-
-          .redsift-listbox-list {
-            border: 1px solid var(--redsift-color-neutral-mid-grey);
-            padding: 4px;
-            min-width: 200px;
-          }
-        ` : '';
-}}
-`;
-
-export { StyledListbox };
-//# sourceMappingURL=styles.js.map