@redsift/design-system 11.9.4-muiv5 → 12.0.0-muiv5

package/_internal/Item2.js

@@ -2,11 +2,12 @@ import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBab
 import React__default, { useCallback, useEffect, forwardRef, useRef, useContext } from 'react';
 import classNames from 'classnames';
 import styled, { css } from 'styled-components';
-import { j as baseContainer } from './styles4.js';
+import { j as baseContainer } from './styles5.js';
 import { u as useListboxItem } from './useListboxItem.js';
 import { c as useFocusOnListItem, b as FocusWithinGroupContext } from './useFocusOnListItem.js';
 import { mdiCheckboxMarked, mdiCheckboxBlankOutline } from '@redsift/icons';
 import { StyledGradientBorder } from './gradient-border.js';
+import { i as getContainerStylingTransientProps } from './styles.js';
 import { u as useTheme } from './useTheme.js';
 import { B as ButtonsColorPalette } from './colors.js';
 import { C as ConditionalWrapper } from './ConditionalWrapper.js';
@@ -195,6 +196,10 @@ const _excluded = ["borderRadius", "children", "className", "color", "defaultSel
 const COMPONENT_NAME = 'Item';
 const CLASSNAME = 'redsift-item';
 const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    transientProps,
+    otherProps
+  } = getContainerStylingTransientProps(props);
   const {
       borderRadius = '0',
       children,
@@ -210,8 +215,8 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
       hasCheckbox,
       theme: propsTheme,
       value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded);
   const id = propsId !== null && propsId !== void 0 ? propsId : value;
   const _ref = useRef();
   const divRef = ref !== null && ref !== void 0 ? ref : _ref;
@@ -245,7 +250,7 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
     }, children)
   }, /*#__PURE__*/React__default.createElement(StyledItem, _extends({
     role: "option"
-  }, forwardedProps, {
+  }, forwardedProps, transientProps, {
     id: id,
     $borderRadius: borderRadius,
     $color: color,
@@ -272,6 +277,10 @@ const RenderedListboxItem = /*#__PURE__*/forwardRef((props, ref) => {
   }), children ? children : /*#__PURE__*/React__default.createElement(Text, null, value)) : children !== null && children !== void 0 ? children : value));
 });
 const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    transientProps,
+    otherProps
+  } = getContainerStylingTransientProps(props);
   const {
       borderRadius = '0',
       children,
@@ -284,8 +293,8 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
       isHovered,
       theme: propsTheme,
       onClick
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded2);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded2);
   const [_id] = useId();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const _ref = useRef();
@@ -323,7 +332,7 @@ const RenderedMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
   }, /*#__PURE__*/React__default.createElement(StyledItem, _extends({
     as: "li",
     role: isLinkMenuItem ? 'none' : 'menuitem'
-  }, forwardedProps, {
+  }, forwardedProps, transientProps, {
     id: id,
     $borderRadius: borderRadius,
     $color: color,

package/_internal/Item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item2.js","sources":["../../src/components/item/styles.ts","../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '../shared';\nimport { StyledItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledItem = styled.div<StyledItemProps>`\n  min-height: 36px;\n  position: relative;\n  width: 100%;\n  padding: 8px 16px;\n\n  ${baseContainer}\n\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  display: inline-flex;\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ${({ $color, $isActive, $isDisabled, $isGradient, $isHovered, $hasBorder, $theme }) => css`\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `}\n\n    ${$hasBorder\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `}\n\n  &:hover {\n    outline: none;\n\n    ${({ $color, $isDisabled, $isGradient, $hasBorder, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $color, $hasBorder, $isHovered, $isDisabled, $isGradient, $theme }) => css`\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(\n                            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                                ? 'grey'\n                                : $color}-text-${$isHovered ? 'hover' : 'active'}\n                          );\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n`;\n","import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '../focus-within-group';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef } = props;\n\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { ItemProps } from './types';\nimport { StyledItem } from './styles';\nimport { useListboxItem } from '../listbox/useListboxItem';\nimport { FocusWithinGroupContext } from '../focus-within-group';\nimport { useMenuItem } from './useMenuItem';\nimport { isComponent, useId } from '../../utils';\nimport { useTheme } from '../theme';\nimport { Flexbox } from '../flexbox';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from '@redsift/icons';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nexport const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement> =\n  forwardRef((props, ref) => {\n    const {\n      borderRadius = '0',\n      children,\n      className,\n      color: propsColor,\n      defaultSelected,\n      id: propsId,\n      isActive,\n      isDisabled: propsIsDisabled,\n      isHovered,\n      isSelected: propsIsSelected,\n      hasBorder,\n      hasCheckbox,\n      theme: propsTheme,\n      value,\n      ...forwardedProps\n    } = props;\n    const id = propsId ?? value;\n    const _ref = useRef<HTMLElement>();\n    const divRef = ref ?? _ref;\n\n    const { tabIndex, isFocused, isSelected, isDisabled, handleKeyDown, handleClick } = useListboxItem({\n      domElementRef: divRef as RefObject<Element>,\n      value,\n      id,\n      isDisabled: propsIsDisabled!,\n      propsIsSelected: propsIsSelected ?? defaultSelected,\n    });\n\n    const theme = useTheme(propsTheme);\n    const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n    const isGradient = color === ButtonsColorPalette.radar;\n\n    return (\n      <ConditionalWrapper\n        condition={isGradient}\n        wrapper={(children) => (\n          <StyledGradientBorder\n            $borderRadius={borderRadius}\n            $color={color}\n            $isActive={isActive}\n            $isDisabled={isDisabled}\n            $isHovered={isHovered}\n            $theme={theme}\n            width=\"auto\"\n          >\n            {children}\n          </StyledGradientBorder>\n        )}\n      >\n        <StyledItem\n          role=\"option\"\n          {...forwardedProps}\n          id={id}\n          $borderRadius={borderRadius}\n          $color={color}\n          $hasBorder={hasBorder}\n          $hasCheckbox={hasCheckbox}\n          $isActive={isActive || isSelected}\n          $isDisabled={isDisabled}\n          $isGradient={isGradient}\n          $isHovered={isHovered || isFocused}\n          $theme={theme}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled}\n          className={classNames(Item.className, className)}\n          onClick={isDisabled ? undefined : handleClick}\n          ref={divRef as RefObject<HTMLElement>}\n          onKeyDown={handleKeyDown}\n          tabIndex={tabIndex}\n        >\n          {hasCheckbox ? (\n            <Flexbox>\n              {isSelected ? (\n                <Icon color={isDisabled ? 'grey' : color} icon={mdiCheckboxMarked} />\n              ) : (\n                <Icon color=\"question\" icon={mdiCheckboxBlankOutline} />\n              )}\n              {children ? children : <Text>{value}</Text>}\n            </Flexbox>\n          ) : (\n            children ?? value\n          )}\n        </StyledItem>\n      </ConditionalWrapper>\n    );\n  });\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = ref ?? _ref;\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: divRef as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["StyledItem","styled","div","baseContainer","_ref","$color","$isActive","$isDisabled","$isGradient","$isHovered","$hasBorder","$theme","css","_ref2","_ref3","useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useCallback","event","code","_linkRef$current","current","click","useEffect","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedListboxItem","forwardRef","ref","borderRadius","children","className","color","propsColor","defaultSelected","propsId","isActive","propsIsDisabled","isHovered","isSelected","propsIsSelected","hasBorder","hasCheckbox","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useRef","divRef","useListboxItem","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","width","_extends","role","$hasCheckbox","classNames","Item","undefined","onKeyDown","Flexbox","Icon","icon","mdiCheckboxMarked","mdiCheckboxBlankOutline","Text","RenderedMenuItem","_excluded2","_id","useId","isComponent","as","cloneElement","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}
+{"version":3,"file":"Item2.js","sources":["../../src/components/item/styles.ts","../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseContainer } from '../shared';\nimport { StyledItemProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledItem = styled.div<StyledItemProps>`\n  min-height: 36px;\n  position: relative;\n  width: 100%;\n  padding: 8px 16px;\n\n  ${baseContainer}\n\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  display: inline-flex;\n\n  > a {\n    display: inline-flex;\n    align-items: center;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ${({ $color, $isActive, $isDisabled, $isGradient, $isHovered, $hasBorder, $theme }) => css`\n    ${!$isGradient\n      ? css`\n          background-color: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `\n      : css`\n          background: var(\n            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-background-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n          );\n        `}\n\n    ${$hasBorder\n      ? css`\n          border: 1px solid\n            var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled ? 'grey' : $color}-text-${$isActive ? 'active' : $isHovered || $isDisabled ? 'hover' : 'default'}\n            );\n        `\n      : ''}\n  `}\n\n  &:hover {\n    outline: none;\n\n    ${({ $color, $isDisabled, $isGradient, $hasBorder, $theme }) => css`\n      cursor: ${$isDisabled ? 'default' : 'pointer'};\n\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-hover);\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$color}-background-hover\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n\n  &:active {\n    outline: none;\n\n    ${({ $color, $hasBorder, $isHovered, $isDisabled, $isGradient, $theme }) => css`\n      ${!$isDisabled\n        ? css`\n            ${!$isGradient\n              ? css`\n                  background-color: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n\n                  ${$hasBorder\n                    ? css`\n                        border: 1px solid\n                          var(\n                            --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                                ? 'grey'\n                                : $color}-text-${$isHovered ? 'hover' : 'active'}\n                          );\n                      `\n                    : ''}\n                `\n              : css`\n                  background: var(\n                    --redsift-color-${$theme}-components-buttons-secondary-button-${$isDisabled\n                        ? 'grey'\n                        : $color}-background-${$isHovered ? 'hover' : 'active'}\n                  );\n                `}\n          `\n        : ''}\n    `};\n  }\n`;\n","import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '../focus-within-group';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef } = props;\n\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ButtonsColorPalette, Comp, getContainerStylingTransientProps } from '../../types';\nimport { ItemProps } from './types';\nimport { StyledItem } from './styles';\nimport { useListboxItem } from '../listbox/useListboxItem';\nimport { FocusWithinGroupContext } from '../focus-within-group';\nimport { useMenuItem } from './useMenuItem';\nimport { isComponent, useId } from '../../utils';\nimport { useTheme } from '../theme';\nimport { Flexbox } from '../flexbox';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { mdiCheckboxBlankOutline, mdiCheckboxMarked } from '@redsift/icons';\nimport { ConditionalWrapper } from '../conditional-wrapper';\nimport { StyledGradientBorder } from '../gradient-border';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nexport const RenderedListboxItem: Comp<Omit<ItemProps, 'value'> & Required<Pick<ItemProps, 'value'>>, HTMLElement> =\n  forwardRef((props, ref) => {\n    const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n    const {\n      borderRadius = '0',\n      children,\n      className,\n      color: propsColor,\n      defaultSelected,\n      id: propsId,\n      isActive,\n      isDisabled: propsIsDisabled,\n      isHovered,\n      isSelected: propsIsSelected,\n      hasBorder,\n      hasCheckbox,\n      theme: propsTheme,\n      value,\n      ...forwardedProps\n    } = otherProps;\n    const id = propsId ?? value;\n    const _ref = useRef<HTMLElement>();\n    const divRef = ref ?? _ref;\n\n    const { tabIndex, isFocused, isSelected, isDisabled, handleKeyDown, handleClick } = useListboxItem({\n      domElementRef: divRef as RefObject<Element>,\n      value,\n      id,\n      isDisabled: propsIsDisabled!,\n      propsIsSelected: propsIsSelected ?? defaultSelected,\n    });\n\n    const theme = useTheme(propsTheme);\n    const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n    const isGradient = color === ButtonsColorPalette.radar;\n\n    return (\n      <ConditionalWrapper\n        condition={isGradient}\n        wrapper={(children) => (\n          <StyledGradientBorder\n            $borderRadius={borderRadius}\n            $color={color}\n            $isActive={isActive}\n            $isDisabled={isDisabled}\n            $isHovered={isHovered}\n            $theme={theme}\n            width=\"auto\"\n          >\n            {children}\n          </StyledGradientBorder>\n        )}\n      >\n        <StyledItem\n          role=\"option\"\n          {...forwardedProps}\n          {...transientProps}\n          id={id}\n          $borderRadius={borderRadius}\n          $color={color}\n          $hasBorder={hasBorder}\n          $hasCheckbox={hasCheckbox}\n          $isActive={isActive || isSelected}\n          $isDisabled={isDisabled}\n          $isGradient={isGradient}\n          $isHovered={isHovered || isFocused}\n          $theme={theme}\n          aria-selected={isSelected}\n          aria-disabled={isDisabled}\n          className={classNames(Item.className, className)}\n          onClick={isDisabled ? undefined : handleClick}\n          ref={divRef as RefObject<HTMLDivElement>}\n          onKeyDown={handleKeyDown}\n          tabIndex={tabIndex}\n        >\n          {hasCheckbox ? (\n            <Flexbox>\n              {isSelected ? (\n                <Icon color={isDisabled ? 'grey' : color} icon={mdiCheckboxMarked} />\n              ) : (\n                <Icon color=\"question\" icon={mdiCheckboxBlankOutline} />\n              )}\n              {children ? children : <Text>{value}</Text>}\n            </Flexbox>\n          ) : (\n            children ?? value\n          )}\n        </StyledItem>\n      </ConditionalWrapper>\n    );\n  });\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = otherProps;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = ref ?? _ref;\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: divRef as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        {...transientProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef as RefObject<HTMLLIElement>}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["StyledItem","styled","div","baseContainer","_ref","$color","$isActive","$isDisabled","$isGradient","$isHovered","$hasBorder","$theme","css","_ref2","_ref3","useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useCallback","event","code","_linkRef$current","current","click","useEffect","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedListboxItem","forwardRef","ref","transientProps","otherProps","getContainerStylingTransientProps","borderRadius","children","className","color","propsColor","defaultSelected","propsId","isActive","propsIsDisabled","isHovered","isSelected","propsIsSelected","hasBorder","hasCheckbox","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useRef","divRef","useListboxItem","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","width","_extends","role","$hasCheckbox","classNames","Item","undefined","onKeyDown","Flexbox","Icon","icon","mdiCheckboxMarked","mdiCheckboxBlankOutline","Text","RenderedMenuItem","_excluded2","_id","useId","isComponent","as","cloneElement","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}

package/_internal/Link2.js

@@ -1,7 +1,8 @@
 import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { S as StyledLink } from './styles3.js';
+import { S as StyledLink } from './styles4.js';
+import { f as getStylingTransientProps } from './styles.js';
 import { u as useTheme } from './useTheme.js';
 import { a as Icon } from './Icon2.js';
 
@@ -18,6 +19,10 @@ const CLASSNAME = 'redsift-link';
  * For a semantic button that looks like a link, please use the LinkButton component.
  */
 const Link = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    transientProps,
+    otherProps
+  } = getStylingTransientProps(props);
   const {
       as,
       children,
@@ -31,15 +36,15 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       rightIcon,
       rightIconProps,
       theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded);
   const theme = useTheme(propsTheme);
   return /*#__PURE__*/React__default.createElement(StyledLink, _extends({
     as: as,
     "aria-disabled": isDisabled,
     role: "link",
     tabIndex: !isDisabled ? 0 : undefined
-  }, forwardedProps, {
+  }, forwardedProps, transientProps, {
     $color: color,
     $isDisabled: isDisabled,
     $theme: theme,

package/_internal/Link2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link2.js","sources":["../../src/components/link/Link.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledLink } from './styles';\nimport { LinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'Link';\nconst CLASSNAME = 'redsift-link';\n\n/**\n * The Link is a semantic link that looks like a link.\n * Shoud be used for internal and external navigation only.\n *\n * For a semantic link that looks like a button, please use the ButtonLink component.\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const Link: Comp<LinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    children,\n    className,\n    color = 'primary',\n    href,\n    isDisabled,\n    leftIcon,\n    leftIconProps,\n    onClick,\n    rightIcon,\n    rightIconProps,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledLink\n      as={as as any}\n      aria-disabled={isDisabled}\n      role=\"link\"\n      tabIndex={!isDisabled ? 0 : undefined}\n      {...forwardedProps}\n      $color={color}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      $hasIcons={leftIcon || rightIcon}\n      className={classNames(Link.className, className)}\n      href={!isDisabled ? href : undefined}\n      onClick={!isDisabled ? onClick : undefined}\n      ref={ref as RefObject<HTMLAnchorElement>}\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});\nLink.className = CLASSNAME;\nLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Link","forwardRef","props","ref","as","children","className","color","href","isDisabled","leftIcon","leftIconProps","onClick","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","role","tabIndex","undefined","$color","$isDisabled","$theme","$hasIcons","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAwC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,OAAO;MACPC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGd,KAAK;AADJe,IAAAA,cAAc,GAAAC,wBAAA,CACfhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTpB,IAAAA,EAAE,EAAEA,EAAU;AACd,IAAA,eAAA,EAAeK,UAAW;AAC1BgB,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,QAAQ,EAAE,CAACjB,UAAU,GAAG,CAAC,GAAGkB,SAAAA;AAAU,GAAA,EAClCV,cAAc,EAAA;AAClBW,IAAAA,MAAM,EAAErB,KAAM;AACdsB,IAAAA,WAAW,EAAEpB,UAAW;AACxBqB,IAAAA,MAAM,EAAEf,KAAM;IACdgB,SAAS,EAAErB,QAAQ,IAAIG,SAAU;IACjCP,SAAS,EAAE0B,UAAU,CAAChC,IAAI,CAACM,SAAS,EAAEA,SAAS,CAAE;AACjDE,IAAAA,IAAI,EAAE,CAACC,UAAU,GAAGD,IAAI,GAAGmB,SAAU;AACrCf,IAAAA,OAAO,EAAE,CAACH,UAAU,GAAGG,OAAO,GAAGe,SAAU;AAC3CxB,IAAAA,GAAG,EAAEA,GAAAA;GAEJO,CAAAA,EAAAA,QAAQ,IAAIG,SAAS,gBACpBQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAY,QAAA,EACGvB,IAAAA,EAAAA,QAAQ,gBACPW,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEzB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAAC8B,IAAAA,IAAI,EAAC,QAAA;GAAazB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRU,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCQ,SAAS,gBACRQ,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEtB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC8B,IAAAA,IAAI,EAAC,QAAA;GAAatB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFL,IAAI,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC1BC,IAAI,CAACqC,WAAW,GAAGvC,cAAc;;;;"}
+{"version":3,"file":"Link2.js","sources":["../../src/components/link/Link.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, getStylingTransientProps } from '../../types';\nimport { StyledLink } from './styles';\nimport { LinkProps } from './types';\nimport { useTheme } from '../theme';\nimport { Icon } from '../icon';\n\nconst COMPONENT_NAME = 'Link';\nconst CLASSNAME = 'redsift-link';\n\n/**\n * The Link is a semantic link that looks like a link.\n * Shoud be used for internal and external navigation only.\n *\n * For a semantic link that looks like a button, please use the ButtonLink component.\n * For a semantic button that looks like a button, please use the Button component.\n * For a semantic button that looks like a link, please use the LinkButton component.\n */\nexport const Link: Comp<LinkProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const { transientProps, otherProps } = getStylingTransientProps(props);\n\n  const {\n    as,\n    children,\n    className,\n    color = 'primary',\n    href,\n    isDisabled,\n    leftIcon,\n    leftIconProps,\n    onClick,\n    rightIcon,\n    rightIconProps,\n    theme: propsTheme,\n    ...forwardedProps\n  } = otherProps;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledLink\n      as={as as any}\n      aria-disabled={isDisabled}\n      role=\"link\"\n      tabIndex={!isDisabled ? 0 : undefined}\n      {...forwardedProps}\n      {...transientProps}\n      $color={color}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      $hasIcons={leftIcon || rightIcon}\n      className={classNames(Link.className, className)}\n      href={!isDisabled ? href : undefined}\n      onClick={!isDisabled ? onClick : undefined}\n      ref={ref as RefObject<HTMLAnchorElement>}\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});\nLink.className = CLASSNAME;\nLink.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Link","forwardRef","props","ref","transientProps","otherProps","getStylingTransientProps","as","children","className","color","href","isDisabled","leftIcon","leftIconProps","onClick","rightIcon","rightIconProps","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledLink","_extends","role","tabIndex","undefined","$color","$isDisabled","$theme","$hasIcons","classNames","Fragment","Icon","icon","size","displayName"],"mappings":";;;;;;;;;AAQA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAG,cAAc,CAAA;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAwC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,cAAc;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,wBAAwB,CAACJ,KAAK,CAAC,CAAA;EAEtE,MAAM;MACJK,EAAE;MACFC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,OAAO;MACPC,SAAS;MACTC,cAAc;AACdC,MAAAA,KAAK,EAAEC,UAAAA;AAET,KAAC,GAAGd,UAAU;AADTe,IAAAA,cAAc,GAAAC,wBAAA,CACfhB,UAAU,EAAAiB,SAAA,CAAA,CAAA;AAEd,EAAA,MAAMJ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AACTpB,IAAAA,EAAE,EAAEA,EAAU;AACd,IAAA,eAAA,EAAeK,UAAW;AAC1BgB,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,QAAQ,EAAE,CAACjB,UAAU,GAAG,CAAC,GAAGkB,SAAAA;GACxBV,EAAAA,cAAc,EACdhB,cAAc,EAAA;AAClB2B,IAAAA,MAAM,EAAErB,KAAM;AACdsB,IAAAA,WAAW,EAAEpB,UAAW;AACxBqB,IAAAA,MAAM,EAAEf,KAAM;IACdgB,SAAS,EAAErB,QAAQ,IAAIG,SAAU;IACjCP,SAAS,EAAE0B,UAAU,CAACnC,IAAI,CAACS,SAAS,EAAEA,SAAS,CAAE;AACjDE,IAAAA,IAAI,EAAE,CAACC,UAAU,GAAGD,IAAI,GAAGmB,SAAU;AACrCf,IAAAA,OAAO,EAAE,CAACH,UAAU,GAAGG,OAAO,GAAGe,SAAU;AAC3C3B,IAAAA,GAAG,EAAEA,GAAAA;GAEJU,CAAAA,EAAAA,QAAQ,IAAIG,SAAS,gBACpBQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAY,QAAA,EACGvB,IAAAA,EAAAA,QAAQ,gBACPW,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEzB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAAC8B,IAAAA,IAAI,EAAC,QAAA;GAAazB,EAAAA,aAAa,CAAG,CAAC,GAC3F,IAAI,eACRU,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC,MAAA;GAAQD,EAAAA,QAAe,CAAC,EACvCQ,SAAS,gBACRQ,cAAA,CAAAC,aAAA,CAACY,IAAI,EAAAV,QAAA,CAAA;AAACW,IAAAA,IAAI,EAAEtB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC8B,IAAAA,IAAI,EAAC,QAAA;GAAatB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFR,IAAI,CAACS,SAAS,GAAGV,SAAS,CAAA;AAC1BC,IAAI,CAACwC,WAAW,GAAG1C,cAAc;;;;"}

package/_internal/LinkButton.js

@@ -1,7 +1,7 @@
 import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
-import { S as StyledLink } from './styles3.js';
+import { S as StyledLink } from './styles4.js';
 import { u as useTheme } from './useTheme.js';
 import { a as Icon } from './Icon2.js';
 
@@ -37,6 +37,7 @@ const LinkButton = /*#__PURE__*/forwardRef((props, ref) => {
     as: "button"
   }, forwardedProps, {
     $color: color,
+    $hasIcons: Boolean(leftIcon || rightIcon),
     $isDisabled: isDisabled || disabled,
     $theme: theme,
     "aria-disabled": isDisabled || disabled,

package/_internal/LinkButton.js.map

@@ -1 +1 @@
-{"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;;;;"}
+{"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      $hasIcons={Boolean(leftIcon || rightIcon)}\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","$hasIcons","Boolean","$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;AACdoB,IAAAA,SAAS,EAAEC,OAAO,CAACjB,QAAQ,IAAIE,SAAS,CAAE;IAC1CgB,WAAW,EAAEpB,UAAU,IAAID,QAAS;AACpCsB,IAAAA,MAAM,EAAEf,KAAM;IACd,eAAeN,EAAAA,UAAU,IAAID,QAAS;IACtCF,SAAS,EAAEyB,UAAU,CAAChC,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,CAAAW,QAAA,EACGrB,IAAAA,EAAAA,QAAQ,gBACPU,cAAA,CAAAC,aAAA,CAACW,IAAI,EAAAT,QAAA,CAAA;AAACU,IAAAA,IAAI,EAAEvB,QAAS;AAAC,IAAA,aAAA,EAAY,MAAM;AAACL,IAAAA,SAAS,EAAC,MAAM;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAavB,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,CAACW,IAAI,EAAAT,QAAA,CAAA;AAACU,IAAAA,IAAI,EAAErB,SAAU;AAAC,IAAA,aAAA,EAAY,MAAM;AAACP,IAAAA,SAAS,EAAC,OAAO;AAAC6B,IAAAA,IAAI,EAAC,QAAA;GAAarB,EAAAA,cAAc,CAAG,CAAC,GAC9F,IACJ,CAAC,GAEHT,QAEQ,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFN,UAAU,CAACO,SAAS,GAAGR,SAAS,CAAA;AAChCC,UAAU,CAACqC,WAAW,GAAGvC,cAAc;;;;"}

package/_internal/Listbox2.js

@@ -1,12 +1,13 @@
-import { b as _objectWithoutProperties, c as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import { b as _objectWithoutProperties, c as _extends, a as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useCallback, useRef, useReducer, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { a as ListboxActionType, d as ListboxContext, b as ListboxVariant, c as LISTBOX_INITIAL_STATE } from './useListboxItem.js';
 import styled, { css } from 'styled-components';
-import { j as baseContainer } from './styles4.js';
+import { j as baseContainer } from './styles5.js';
 import { F as Flexbox } from './Flexbox2.js';
 import { u as useFocusOnList, F as FocusWithinGroup } from './useFocusOnList.js';
 import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
+import { i as getContainerStylingTransientProps } from './styles.js';
 import { u as useId } from './useId.js';
 import { C as ConditionalWrapper } from './ConditionalWrapper.js';
 
@@ -185,6 +186,14 @@ const CLASSNAME = 'redsift-listbox';
  * Can be used as controlled or uncontrolled.
  */
 const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const propsWithDefaults = _objectSpread2({
+    flexDirection: 'column',
+    gap: '8px'
+  }, props);
+  const {
+    transientProps,
+    otherProps
+  } = getContainerStylingTransientProps(propsWithDefaults);
   const {
       children,
       className,
@@ -203,8 +212,8 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
       selectionMode = 'single',
       values,
       variant = ListboxVariant.standalone
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded);
   const [_id] = useId();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const _ref = useRef();
@@ -234,10 +243,7 @@ const Listbox = /*#__PURE__*/forwardRef((props, ref) => {
   }, [state.selectedValues]);
   warnIfNoAccessibleLabelFound(props, [label]);
   return /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
-    wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends({
-      flexDirection: "column",
-      gap: "8px"
-    }, forwardedProps, {
+    wrapper: children => /*#__PURE__*/React__default.createElement(StyledListbox, _extends({}, forwardedProps, transientProps, {
       $isDisabled: isDisabled,
       $isInvalid: isInvalid || isRequired && state.selectedValues.length === 0,
       $isReadOnly: isReadOnly,

package/_internal/Listbox2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listbox2.js","sources":["../../src/components/listbox/ActiveDescendantListbox.tsx","../../src/components/listbox/RovingTabindexListbox.tsx","../../src/components/listbox/styles.ts","../../src/components/listbox/reducer.ts","../../src/components/listbox/Listbox.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","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","import styled, { css } from 'styled-components';\nimport { ListboxVariant, StyledListboxProps } from './types';\nimport { baseContainer } from '../shared';\n\n/**\n * Component style.\n */\nexport const StyledListbox = styled.div<StyledListboxProps>`\n  ${baseContainer}\n  outline: none;\n\n  ${({ $variant, $isDisabled, $isInvalid }) =>\n    $variant === ListboxVariant.standalone\n      ? css`\n          span.redsift-listbox-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            color: var(--redsift-color-neutral-black);\n            ${$isDisabled\n              ? `\n          color: var(--redsift-color-neutral-mid-grey);\n        `\n              : ''}\n            ${$isInvalid\n              ? `\n          color: var(--redsift-color-red-n);\n        `\n              : ''}\n          }\n\n          .redsift-listbox-list {\n            border: 1px solid var(--redsift-color-neutral-mid-grey);\n            padding: 4px;\n            min-width: 200px;\n          }\n        `\n      : ''}\n`;\n","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","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":["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","RovingTabindexListbox","StyledListbox","styled","div","baseContainer","_ref","$variant","$isDisabled","$isInvalid","ListboxVariant","standalone","css","ListboxReducer","action","isReadOnly","selectedValues","includes","_objectSpread","concat","filter","existingValue","UPDATE_OPTIONS","COMPONENT_NAME","CLASSNAME","Listbox","className","defaultValues","direction","focusOnClick","focusType","propsId","isInvalid","isRequired","label","loopAround","onChange","variant","_id","useId","useRef","divRef","useReducer","LISTBOX_INITIAL_STATE","useEffect","length","useMemo","warnIfNoAccessibleLabelFound","ConditionalWrapper","wrapper","$isReadOnly","classNames","condition","FocusWithinGroup","displayName"],"mappings":"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"}
+{"version":3,"file":"Listbox2.js","sources":["../../src/components/listbox/ActiveDescendantListbox.tsx","../../src/components/listbox/RovingTabindexListbox.tsx","../../src/components/listbox/styles.ts","../../src/components/listbox/reducer.ts","../../src/components/listbox/Listbox.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","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","import styled, { css } from 'styled-components';\nimport { ListboxVariant, StyledListboxProps } from './types';\nimport { baseContainer } from '../shared';\n\n/**\n * Component style.\n */\nexport const StyledListbox = styled.div<StyledListboxProps>`\n  ${baseContainer}\n  outline: none;\n\n  ${({ $variant, $isDisabled, $isInvalid }) =>\n    $variant === ListboxVariant.standalone\n      ? css`\n          span.redsift-listbox-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            color: var(--redsift-color-neutral-black);\n            ${$isDisabled\n              ? `\n          color: var(--redsift-color-neutral-mid-grey);\n        `\n              : ''}\n            ${$isInvalid\n              ? `\n          color: var(--redsift-color-red-n);\n        `\n              : ''}\n          }\n\n          .redsift-listbox-list {\n            border: 1px solid var(--redsift-color-neutral-mid-grey);\n            padding: 4px;\n            min-width: 200px;\n          }\n        `\n      : ''}\n`;\n","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","import React, { ComponentProps, forwardRef, RefObject, useEffect, useMemo, useReducer, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Comp, getContainerStylingTransientProps } 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 propsWithDefaults = {\n    flexDirection: 'column' as const,\n    gap: '8px',\n    ...props,\n  };\n\n  const { transientProps, otherProps } = getContainerStylingTransientProps(propsWithDefaults);\n\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  } = otherProps;\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          {...forwardedProps}\n          {...transientProps}\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":["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","RovingTabindexListbox","StyledListbox","styled","div","baseContainer","_ref","$variant","$isDisabled","$isInvalid","ListboxVariant","standalone","css","ListboxReducer","action","isReadOnly","selectedValues","includes","_objectSpread","concat","filter","existingValue","UPDATE_OPTIONS","COMPONENT_NAME","CLASSNAME","Listbox","propsWithDefaults","transientProps","otherProps","getContainerStylingTransientProps","className","defaultValues","direction","focusOnClick","focusType","propsId","isInvalid","isRequired","label","loopAround","onChange","variant","_id","useId","useRef","divRef","useReducer","LISTBOX_INITIAL_STATE","useEffect","length","useMemo","warnIfNoAccessibleLabelFound","ConditionalWrapper","wrapper","$isReadOnly","classNames","condition","FocusWithinGroup","displayName"],"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,WAAA,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;;;ACvDM,MAAM8C,qBAAqB,gBAAGlD,UAAU,CAG7C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;MAAEE,QAAQ;MAAEC,EAAE;MAAEC,UAAU;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGN,KAAK;AAAxBO,IAAAA,cAAc,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,WAAA,CAAA,CAAA;AAEtE,EAAA,oBACEsB,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,sBAAA,EAAsB/B,OAAO,CAACa,KAAK,CAACC,aAAa,KAAK,UAAA;AAAW,GAAA,CAAA,eAEjEW,cAAA,CAAAC,aAAA,CAACe,cAAc,CAACC,QAAQ,EAAA;AAACrB,IAAAA,KAAK,EAAErB,OAAAA;GAAUH,EAAAA,QAAkC,CACrE,CAAC,CAAA;AAEd,CAAC;;ACrBD;AACA;AACA;AACO,MAAM+C,aAAa,GAAGC,MAAM,CAACC,GAAwB,CAAA;AAC5D,EAAA,EAAIC,aAAc,CAAA;AAClB;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC,WAAW;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,OACtCC,QAAQ,KAAKG,cAAc,CAACC,UAAU,GAClCC,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAA,EAAcJ,WAAW,GACR,CAAA;AACjB;AACA,QAAA,CAAS,GACO,EAAG,CAAA;AACnB,YAAA,EAAcC,UAAU,GACP,CAAA;AACjB;AACA,QAAA,CAAS,GACO,EAAG,CAAA;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX,CAAC;;MCtCYI,cAAc,GAAGA,CAAC1C,KAAmB,EAAE2C,MAAqB,KAAmB;EAC1F,QAAQA,MAAM,CAACvC,IAAI;IACjB,KAAKC,iBAAiB,CAACC,MAAM;AAAE,MAAA;AAC7B,QAAA,IAAIN,KAAK,CAAC4C,UAAU,IAAI5C,KAAK,CAACd,UAAU,EAAE;AACxC,UAAA,OAAOc,KAAK,CAAA;AACd,SAAA;AACA,QAAA,IAAI,CAACA,KAAK,CAAC6C,cAAc,CAACC,QAAQ,CAACH,MAAM,CAACpC,OAAO,CAACC,KAAK,CAAC,EAAE;AACxD,UAAA,OAAAuC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACK/C,KAAK,CAAA,EAAA,EAAA,EAAA;YACR6C,cAAc,EAAE7C,KAAK,CAAC6C,cAAc,CAACG,MAAM,CAACL,MAAM,CAACpC,OAAO,CAACC,KAAK,CAAA;AAAC,WAAA,EAC7DmC,MAAM,CAACpC,OAAO,CAAChB,gBAAgB,IAAI;AAAEA,YAAAA,gBAAgB,EAAEoD,MAAM,CAACpC,OAAO,CAAChB,gBAAAA;WAAkB,CAAA,CAAA;AAEhG,SAAA;AACA,QAAA,OAAAwD,cAAA,CAAAA,cAAA,CAAA,EAAA,EACK/C,KAAK,CAAA,EAAA,EAAA,EAAA;AACR6C,UAAAA,cAAc,EAAE7C,KAAK,CAAC6C,cAAc,CAACI,MAAM,CAAEC,aAAa,IAAKA,aAAa,KAAKP,MAAM,CAACpC,OAAO,CAACC,KAAK,CAAA;AAAC,SAAA,EAClGmC,MAAM,CAACpC,OAAO,CAAChB,gBAAgB,IAAI;AAAEA,UAAAA,gBAAgB,EAAEoD,MAAM,CAACpC,OAAO,CAAChB,gBAAAA;SAAkB,CAAA,CAAA;AAEhG,OAAA;IACA,KAAKc,iBAAiB,CAACK,GAAG;AAAE,MAAA;AAC1B,QAAA,IAAIV,KAAK,CAAC4C,UAAU,IAAI5C,KAAK,CAACd,UAAU,EAAE;AACxC,UAAA,OAAOc,KAAK,CAAA;AACd,SAAA;AACA,QAAA,OAAA+C,cAAA,CAAAA,cAAA,CAAA,EAAA,EACK/C,KAAK,CAAA,EAAA,EAAA,EAAA;AACR6C,UAAAA,cAAc,EAAEF,MAAM,CAACpC,OAAO,CAACI,MAAAA;AAAM,SAAA,EACjCgC,MAAM,CAACpC,OAAO,CAAChB,gBAAgB,IAAI;AAAEA,UAAAA,gBAAgB,EAAEoD,MAAM,CAACpC,OAAO,CAAChB,gBAAAA;SAAkB,CAAA,CAAA;AAEhG,OAAA;IACA,KAAKc,iBAAiB,CAAC8C,cAAc;AAAE,MAAA;QACrC,OAAAJ,cAAA,CAAAA,cAAA,CAAA,EAAA,EACK/C,KAAK,CACL2C,EAAAA,MAAM,CAACpC,OAAO,CAAA,CAAA;AAErB,OAAA;AACA,IAAA;AACE,MAAA,OAAOP,KAAK,CAAA;AAChB,GAAA;AACF;;;AC3BA,MAAMoD,cAAc,GAAG,SAAS,CAAA;AAChC,MAAMC,SAAS,GAAG,iBAAiB,CAAA;;AAEnC;AACA;AACA;AACA;AACO,MAAMC,OAA2C,gBAAG1E,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAMyE,iBAAiB,GAAAR,cAAA,CAAA;AACrB/B,IAAAA,aAAa,EAAE,QAAiB;AAChCC,IAAAA,GAAG,EAAE,KAAA;AAAK,GAAA,EACPpC,KAAK,CACT,CAAA;EAED,MAAM;IAAE2E,cAAc;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,iCAAiC,CAACH,iBAAiB,CAAC,CAAA;EAE3F,MAAM;MACJvE,QAAQ;MACR2E,SAAS;MACTC,aAAa;MACbC,SAAS;AACTC,MAAAA,YAAY,GAAG,KAAK;AACpBC,MAAAA,SAAS,GAAG,iBAAiB;AAC7B9E,MAAAA,EAAE,EAAE+E,OAAO;MACX9E,UAAU;MACV+E,SAAS;MACTrB,UAAU;MACVsB,UAAU;MACVC,KAAK;MACLC,UAAU;MACVC,QAAQ;AACRpE,MAAAA,aAAa,GAAG,QAAQ;MACxBU,MAAM;MACN2D,OAAO,GAAG/B,cAAc,CAACC,UAAAA;AAE3B,KAAC,GAAGiB,UAAU;AADTrE,IAAAA,cAAc,GAAAC,wBAAA,CACfoE,UAAU,EAAAnE,SAAA,CAAA,CAAA;AACd,EAAA,MAAM,CAACiF,GAAG,CAAC,GAAGC,KAAK,EAAE,CAAA;EACrB,MAAMvF,EAAE,GAAG+E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIO,GAAG,CAAA;AACzB,EAAA,MAAMpC,IAAI,GAAGsC,MAAM,EAAkB,CAAA;EACrC,MAAMC,MAAM,GAAG5F,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,GAAG,GAAIqD,IAAI,CAAA;AAE1B,EAAA,MAAM,CAACnC,KAAK,EAAEG,QAAQ,CAAC,GAAGwE,UAAU,CAACjC,cAAc,EAAAK,cAAA,CAAAA,cAAA,KAC9C6B,qBAAqB,CAAA,EAAA,EAAA,EAAA;IACxB1F,UAAU;IACV0D,UAAU;AACVC,IAAAA,cAAc,EAAElC,MAAM,IAAIiD,aAAa,IAAI,EAAE;AAC7C3D,IAAAA,aAAAA;AAAa,GAAA,CACE,CAAC,CAAA;AAElB4E,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIlE,MAAM,IAAIA,MAAM,CAACmE,MAAM,IAAI,CAAC,EAAE;AAChC3E,MAAAA,QAAQ,CAAC;QACPC,IAAI,EAAEC,iBAAiB,CAACK,GAAG;AAC3BH,QAAAA,OAAO,EAAE;AACPI,UAAAA,MAAAA;AACF,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,MAAMxB,OAAO,GAAG4F,OAAO,CACrB,OAAO;IACL/E,KAAK;AACLG,IAAAA,QAAAA;AACF,GAAC,CAAC,EACF,CAACH,KAAK,CACR,CAAC,CAAA;AAED6E,EAAAA,SAAS,CAAC,MAAM;IACdR,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAGrE,KAAK,CAAC6C,cAAc,CAAC,CAAA;AAClC,GAAC,EAAE,CAAC7C,KAAK,CAAC6C,cAAc,CAAC,CAAC,CAAA;AAE1BmC,EAAAA,4BAA4B,CAACnG,KAAK,EAAiD,CAACsF,KAAK,CAAC,CAAC,CAAA;AAE3F,EAAA,oBACEvD,cAAA,CAAAC,aAAA,CAACoE,kBAAkB,EAAA;AACjBC,IAAAA,OAAO,EAAGlG,QAAQ,iBAChB4B,cAAA,CAAAC,aAAA,CAACkB,aAAa,EAAAhB,QAAA,CACR3B,EAAAA,EAAAA,cAAc,EACdoE,cAAc,EAAA;AAClBnB,MAAAA,WAAW,EAAEnD,UAAW;MACxBoD,UAAU,EAAE2B,SAAS,IAAKC,UAAU,IAAIlE,KAAK,CAAC6C,cAAc,CAACiC,MAAM,KAAK,CAAG;AAC3EK,MAAAA,WAAW,EAAEvC,UAAW;MACxBe,SAAS,EAAEyB,UAAU,CAAC9B,OAAO,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpD7E,MAAAA,GAAG,EAAE4F,MAAoC;AACzCzF,MAAAA,EAAE,EAAEA,EAAG;AACPmD,MAAAA,QAAQ,EAAEkC,OAAAA;AAAQ,KAAA,CAAA,EAEjBtF,QACY,CACf;AACFqG,IAAAA,SAAS,EAAEf,OAAO,KAAK/B,cAAc,CAACC,UAAAA;AAAW,GAAA,eAEjD5B,cAAA,CAAAC,aAAA,CAACyE,gBAAgB,EAAA;AAACzB,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,YAAY,EAAEA,YAAa;AAACM,IAAAA,UAAU,EAAEA,UAAW;AAACL,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAC9GI,KAAK,gBACJvD,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAM5B,EAAE,EAAG,CAAEA,EAAAA,EAAG,CAAQ,MAAA,CAAA;AAAC0E,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAA,MAAA,CAAA;AAAQ,GAAA,EAC9DQ,KAAK,EACLD,UAAU,gBAAGtD,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAM,aAAY,EAAA,MAAA;GAAQ,EAAA,IAAW,CAAC,GAAG,IACnD,CAAC,GACL,IAAI,EACPkD,SAAS,KAAK,iBAAiB,gBAC9BnD,cAAA,CAAAC,aAAA,CAACiB,qBAAqB,EAAAf,QAAA,KAChB3B,cAAc,EAAA;AAClBuE,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAO,KAAA,CAAA;AACvCxE,IAAAA,OAAO,EAAEA,OAAQ;AACjBL,IAAAA,GAAG,EAAE4F,MAAAA;GAEJ1F,CAAAA,EAAAA,QACoB,CAAC,gBAExB4B,cAAA,CAAAC,aAAA,CAAClC,uBAAuB,EAAAoC,QAAA,CAAA,EAAA,EAClB3B,cAAc,EAAA;AAClBuE,IAAAA,SAAS,EAAG,CAAA,EAAEL,OAAO,CAACK,SAAU,CAAO,KAAA,CAAA;AACvCxE,IAAAA,OAAO,EAAEA,OAAQ;AACjBL,IAAAA,GAAG,EAAE4F,MAAAA;GAEJ1F,CAAAA,EAAAA,QACsB,CAEX,CACA,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFsE,OAAO,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7BC,OAAO,CAACiC,WAAW,GAAGnC,cAAc;;;;"}

package/_internal/Number2.js

@@ -1,9 +1,10 @@
-import { b as _objectWithoutProperties, _ as _objectSpread2, c as _extends } from './_rollupPluginBabelHelpers.js';
+import { b as _objectWithoutProperties, a as _objectSpread2, c as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import styled from 'styled-components';
-import { S as StyledText } from './styles5.js';
+import { S as StyledText } from './styles6.js';
 import { u as useNumberFormatter } from './useNumberFormatter.js';
+import { f as getStylingTransientProps } from './styles.js';
 import { u as useTheme } from './useTheme.js';
 
 /**
@@ -19,6 +20,10 @@ const CLASSNAME = 'redsift-number';
  * The Number component.
  */
 const Number = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    transientProps,
+    otherProps
+  } = getStylingTransientProps(props);
   const {
       as,
       className,
@@ -52,8 +57,8 @@ const Number = /*#__PURE__*/forwardRef((props, ref) => {
       useGrouping,
       value,
       variant
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded);
   const formatter = useNumberFormatter(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     compactDisplay,
     currency,
@@ -90,7 +95,7 @@ const Number = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme(propsTheme);
   return /*#__PURE__*/React__default.createElement(StyledNumber, _extends({
     as: as
-  }, forwardedProps, {
+  }, forwardedProps, transientProps, {
     $as: as,
     className: classNames(Number.className, className),
     ref: ref,

package/_internal/Number2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number2.js","sources":["../../src/components/number/styles.ts","../../src/components/number/Number.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledText } from '../text/styles';\nimport { StyledNumberProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledNumber = styled(StyledText)<StyledNumberProps>``;\n","import React, { forwardRef, RefObject } from 'react';\nimport { useNumberFormatter } from '../../react-aria/react-aria/i18n';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { StyledNumber } from './styles';\nimport { NumberProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Number';\nconst CLASSNAME = 'redsift-number';\n\n/**\n * The Number component.\n */\nexport const Number: Comp<NumberProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    as,\n    className,\n    color,\n    compactDisplay = 'short',\n    currency,\n    currencyDisplay = 'symbol',\n    currencySign = 'standard',\n    fontSize,\n    fontFamily,\n    fontWeight,\n    lineHeight,\n    localeMatcher = 'best fit',\n    maximumFractionDigits,\n    maximumSignificantDigits,\n    minimumFractionDigits,\n    minimumIntegerDigits,\n    minimumSignificantDigits,\n    notation = 'standard',\n    noWrap,\n    numberingSystem,\n    roundingIncrement,\n    roundingMode = 'halfExpand',\n    roundingPriority = 'auto',\n    signDisplay = 'auto',\n    theme: propsTheme,\n    trailingZeroDisplay = 'auto',\n    type = 'decimal',\n    unit,\n    unitDisplay = 'short',\n    useGrouping,\n    value,\n    variant,\n    ...forwardedProps\n  } = props;\n  const formatter = useNumberFormatter({\n    compactDisplay,\n    currency,\n    currencyDisplay,\n    currencySign,\n    localeMatcher,\n    ...(maximumFractionDigits !== undefined && { maximumFractionDigits }),\n    ...(maximumSignificantDigits !== undefined && {\n      maximumSignificantDigits,\n    }),\n    ...(minimumFractionDigits !== undefined && { minimumFractionDigits }),\n    ...(minimumIntegerDigits !== undefined && { minimumIntegerDigits }),\n    ...(minimumSignificantDigits !== undefined && {\n      minimumSignificantDigits,\n    }),\n    notation,\n    numberingSystem,\n    // @ts-ignore\n    roundingIncrement,\n    // @ts-ignore\n    roundingMode,\n    // @ts-ignore\n    roundingPriority,\n    signDisplay,\n    style: type,\n    // @ts-ignore\n    trailingZeroDisplay,\n    unit,\n    unitDisplay,\n    useGrouping,\n  });\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledNumber\n      as={as}\n      {...forwardedProps}\n      $as={as}\n      className={classNames(Number.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $color={color}\n      $lineHeight={lineHeight}\n      $fontSize={fontSize}\n      $fontFamily={fontFamily}\n      $fontWeight={fontWeight}\n      $noWrap={noWrap}\n      $theme={theme}\n      $variant={variant}\n    >\n      {formatter.format(value)}\n    </StyledNumber>\n  );\n});\nNumber.className = CLASSNAME;\nNumber.displayName = COMPONENT_NAME;\n"],"names":["StyledNumber","styled","StyledText","COMPONENT_NAME","CLASSNAME","Number","forwardRef","props","ref","as","className","color","compactDisplay","currency","currencyDisplay","currencySign","fontSize","fontFamily","fontWeight","lineHeight","localeMatcher","maximumFractionDigits","maximumSignificantDigits","minimumFractionDigits","minimumIntegerDigits","minimumSignificantDigits","notation","noWrap","numberingSystem","roundingIncrement","roundingMode","roundingPriority","signDisplay","theme","propsTheme","trailingZeroDisplay","type","unit","unitDisplay","useGrouping","value","variant","forwardedProps","_objectWithoutProperties","_excluded","formatter","useNumberFormatter","_objectSpread","undefined","style","useTheme","React","createElement","_extends","$as","classNames","$color","$lineHeight","$fontSize","$fontFamily","$fontWeight","$noWrap","$theme","$variant","format","displayName"],"mappings":"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"}
+{"version":3,"file":"Number2.js","sources":["../../src/components/number/styles.ts","../../src/components/number/Number.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledText } from '../text/styles';\nimport { StyledNumberProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledNumber = styled(StyledText)<StyledNumberProps>``;\n","import React, { forwardRef, RefObject } from 'react';\nimport { useNumberFormatter } from '../../react-aria/react-aria/i18n';\nimport classNames from 'classnames';\nimport { Comp, getStylingTransientProps } from '../../types';\nimport { StyledNumber } from './styles';\nimport { NumberProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Number';\nconst CLASSNAME = 'redsift-number';\n\n/**\n * The Number component.\n */\nexport const Number: Comp<NumberProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { transientProps, otherProps } = getStylingTransientProps(props);\n\n  const {\n    as,\n    className,\n    color,\n    compactDisplay = 'short',\n    currency,\n    currencyDisplay = 'symbol',\n    currencySign = 'standard',\n    fontSize,\n    fontFamily,\n    fontWeight,\n    lineHeight,\n    localeMatcher = 'best fit',\n    maximumFractionDigits,\n    maximumSignificantDigits,\n    minimumFractionDigits,\n    minimumIntegerDigits,\n    minimumSignificantDigits,\n    notation = 'standard',\n    noWrap,\n    numberingSystem,\n    roundingIncrement,\n    roundingMode = 'halfExpand',\n    roundingPriority = 'auto',\n    signDisplay = 'auto',\n    theme: propsTheme,\n    trailingZeroDisplay = 'auto',\n    type = 'decimal',\n    unit,\n    unitDisplay = 'short',\n    useGrouping,\n    value,\n    variant,\n    ...forwardedProps\n  } = otherProps;\n  const formatter = useNumberFormatter({\n    compactDisplay,\n    currency,\n    currencyDisplay,\n    currencySign,\n    localeMatcher,\n    ...(maximumFractionDigits !== undefined && { maximumFractionDigits }),\n    ...(maximumSignificantDigits !== undefined && {\n      maximumSignificantDigits,\n    }),\n    ...(minimumFractionDigits !== undefined && { minimumFractionDigits }),\n    ...(minimumIntegerDigits !== undefined && { minimumIntegerDigits }),\n    ...(minimumSignificantDigits !== undefined && {\n      minimumSignificantDigits,\n    }),\n    notation,\n    numberingSystem,\n    // @ts-ignore\n    roundingIncrement,\n    // @ts-ignore\n    roundingMode,\n    // @ts-ignore\n    roundingPriority,\n    signDisplay,\n    style: type,\n    // @ts-ignore\n    trailingZeroDisplay,\n    unit,\n    unitDisplay,\n    useGrouping,\n  });\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledNumber\n      as={as}\n      {...forwardedProps}\n      {...transientProps}\n      $as={as}\n      className={classNames(Number.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $color={color}\n      $lineHeight={lineHeight}\n      $fontSize={fontSize}\n      $fontFamily={fontFamily}\n      $fontWeight={fontWeight}\n      $noWrap={noWrap}\n      $theme={theme}\n      $variant={variant}\n    >\n      {formatter.format(value)}\n    </StyledNumber>\n  );\n});\nNumber.className = CLASSNAME;\nNumber.displayName = COMPONENT_NAME;\n"],"names":["StyledNumber","styled","StyledText","COMPONENT_NAME","CLASSNAME","Number","forwardRef","props","ref","transientProps","otherProps","getStylingTransientProps","as","className","color","compactDisplay","currency","currencyDisplay","currencySign","fontSize","fontFamily","fontWeight","lineHeight","localeMatcher","maximumFractionDigits","maximumSignificantDigits","minimumFractionDigits","minimumIntegerDigits","minimumSignificantDigits","notation","noWrap","numberingSystem","roundingIncrement","roundingMode","roundingPriority","signDisplay","theme","propsTheme","trailingZeroDisplay","type","unit","unitDisplay","useGrouping","value","variant","forwardedProps","_objectWithoutProperties","_excluded","formatter","useNumberFormatter","_objectSpread","undefined","style","useTheme","React","createElement","_extends","$as","classNames","$color","$lineHeight","$fontSize","$fontFamily","$fontWeight","$noWrap","$theme","$variant","format","displayName"],"mappings":"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"}