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

package/components/listbox/RovingTabindexListbox.js.map

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

package/components/listbox/context.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 const LISTBOX_INITIAL_STATE = {
   isDisabled: false,
@@ -6,7 +6,7 @@ const LISTBOX_INITIAL_STATE = {
   selectedValues: [],
   selectionMode: 'single'
 };
-const ListboxContext = /*#__PURE__*/React__default.createContext({
+const ListboxContext = /*#__PURE__*/React.createContext({
   state: LISTBOX_INITIAL_STATE,
   dispatch: () => {}
 });

package/components/listbox/context.js.map

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

package/components/number/Number.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { StyledNumber } from './styles.js';
 import { useNumberFormatter } from '../../react-aria/react-aria/i18n/useNumberFormatter.js';
@@ -82,7 +82,7 @@ const Number = /*#__PURE__*/forwardRef((props, ref) => {
     useGrouping
   }));
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledNumber, _extends({
+  return /*#__PURE__*/React.createElement(StyledNumber, _extends({
     as: as
   }, forwardedProps, {
     $as: as,

package/components/number/Number.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number.js","sources":["../../../src/components/number/Number.tsx"],"sourcesContent":["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":["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","StyledNumber","_extends","$as","classNames","$color","$lineHeight","$fontSize","$fontFamily","$fontWeight","$noWrap","$theme","$variant","format","displayName"],"mappings":"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"}
+{"version":3,"file":"Number.js","sources":["../../../src/components/number/Number.tsx"],"sourcesContent":["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":["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","StyledNumber","_extends","$as","classNames","$color","$lineHeight","$fontSize","$fontFamily","$fontWeight","$noWrap","$theme","$variant","format","displayName"],"mappings":"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"}

package/components/number-field/NumberField.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useState } from 'react';
+import React, { forwardRef, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound.js';
 import { NumberFieldVariant } from './types.js';
@@ -85,7 +85,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
   const state = useNumberFieldState(_objectSpread2({
     locale
   }, numberFieldProps));
-  const _inputRef = React__default.useRef(null);
+  const _inputRef = React.useRef(null);
   const inputRef = propsInputRef !== null && propsInputRef !== void 0 ? propsInputRef : _inputRef;
   const {
     labelProps,
@@ -123,7 +123,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
   });
   warnIfNoAccessibleLabelFound(props, [label], 'NumberField');
-  return /*#__PURE__*/React__default.createElement(StyledNumberField, _extends({}, forwardedProps, focusWithinProps, {
+  return /*#__PURE__*/React.createElement(StyledNumberField, _extends({}, forwardedProps, focusWithinProps, {
     $hasContent: isFocusWithin || Boolean(inputProps.value !== undefined && inputProps.value !== '') || Boolean(placeholder),
     $hasLeftIcon: Boolean(leftIcon),
     $isColored: isColored,
@@ -136,20 +136,20 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant,
     className: classNames(NumberField.className, className),
     ref: ref
-  }), label ? /*#__PURE__*/React__default.createElement("label", _extends({}, labelProps, {
+  }), label ? /*#__PURE__*/React.createElement("label", _extends({}, labelProps, {
     className: `${NumberField.className}__label`
-  }), /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("span", null, label)) : null, /*#__PURE__*/React.createElement("div", {
     className: `${NumberField.className}__input-wrapper`
-  }, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     color: isDisabled ? 'question' : 'black'
   }, leftIcon, {
     "aria-hidden": "true",
     className: "left"
-  })) : null, /*#__PURE__*/React__default.createElement(Flexbox, _extends({}, groupProps, {
+  })) : null, /*#__PURE__*/React.createElement(Flexbox, _extends({}, groupProps, {
     flexDirection: "row",
     gap: "0",
     width: "100%"
-  }), /*#__PURE__*/React__default.createElement("input", _extends({}, propsInputProps, inputProps, {
+  }), /*#__PURE__*/React.createElement("input", _extends({}, propsInputProps, inputProps, {
     onChange: event => {
       if (propsOnChange) {
         propsOnChange(Number(event.target.value));
@@ -170,11 +170,11 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     className: `${NumberField.className}-input-wrapper__input`,
     ref: inputRef,
     width: "100%"
-  })), /*#__PURE__*/React__default.createElement(Flexbox, {
+  })), /*#__PURE__*/React.createElement(Flexbox, {
     className: `${NumberField.className}-input-wrapper__toolbar`,
     flexDirection: "column",
     gap: "0"
-  }, /*#__PURE__*/React__default.createElement(StyledIconButton, _extends({
+  }, /*#__PURE__*/React.createElement(StyledIconButton, _extends({
     $color: "grey",
     $isActive: false,
     $isDisabled: isDisabled,
@@ -185,10 +185,10 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     $theme: theme
   }, incrementButtonForwardedProps, {
     className: `${NumberField.className}-input-wrapper-toolbar__increment-button`
-  }), /*#__PURE__*/React__default.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: mdiMenuUp,
     color: isDisabled ? undefined : 'grey'
-  })), /*#__PURE__*/React__default.createElement(StyledIconButton, _extends({
+  })), /*#__PURE__*/React.createElement(StyledIconButton, _extends({
     $color: "grey",
     $isActive: false,
     $isDisabled: isDisabled,
@@ -199,15 +199,15 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     $theme: theme
   }, decrementButtonForwardedProps, {
     className: `${NumberField.className}-input-wrapper-toolbar__decrement-button`
-  }), /*#__PURE__*/React__default.createElement(Icon, {
+  }), /*#__PURE__*/React.createElement(Icon, {
     icon: mdiMenuDown,
     color: isDisabled ? undefined : 'grey'
-  })))), /*#__PURE__*/React__default.createElement("fieldset", {
+  })))), /*#__PURE__*/React.createElement("fieldset", {
     "aria-hidden": "true",
     className: `${NumberField.className}-input-wrapper__fieldset`
-  }, /*#__PURE__*/React__default.createElement("legend", {
+  }, /*#__PURE__*/React.createElement("legend", {
     className: `${NumberField.className}-input-wrapper-fieldset__legend`
-  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null))));
+  }, label ? /*#__PURE__*/React.createElement("span", null, label) : null))));
 });
 NumberField.className = CLASSNAME;
 NumberField.displayName = COMPONENT_NAME;

package/components/number-field/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sources":["../../../src/components/number-field/NumberField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, MutableRefObject, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { useNumberFieldState } from '../../react-aria/react-stately/numberfield';\nimport { useNumberField } from '../../react-aria/react-aria/numberfield';\nimport { useButton } from '../../react-aria/react-aria/button';\nimport { Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { NumberFieldProps, NumberFieldVariant } from './types';\nimport { StyledNumberField } from './styles';\nimport { Icon } from '../../components/icon';\nimport { mdiMenuDown, mdiMenuUp } from '@redsift/icons';\nimport { Flexbox } from '../flexbox';\nimport { useTheme } from '../theme';\nimport { StyledIconButton } from '../icon-button/styles';\nimport { useLocale } from '../../react-aria/react-aria/i18n';\n\nconst COMPONENT_NAME = 'NumberField';\nconst CLASSNAME = 'redsift-number-field';\n\n/**\n * The NumberField component.\n * Can be used as controlled or uncontrolled.\n */\nexport const NumberField: Comp<NumberFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoFocus,\n    className,\n    decrementAriaLabel,\n    defaultValue,\n    formatOptions,\n    id,\n    incrementAriaLabel,\n    inputProps: propsInputProps,\n    inputRef: propsInputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isWheelDisabled,\n    label,\n    leftIcon,\n    maxValue,\n    minValue,\n    onBlur: onBlurProps,\n    onChange: propsOnChange,\n    onFocus: onFocusProps,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    placeholder,\n    step,\n    theme: propsTheme,\n    value,\n    variant = NumberFieldVariant.default,\n    ...forwardedProps\n  } = props;\n\n  const numberFieldProps = {\n    id,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    step,\n    autoFocus,\n    label,\n    formatOptions,\n    onBlur: onBlurProps,\n    onFocus: onFocusProps,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    value,\n    defaultValue,\n    onChange: propsOnChange,\n  };\n\n  const theme = useTheme(propsTheme);\n\n  const { locale } = useLocale();\n  const state = useNumberFieldState({ locale, ...numberFieldProps });\n  const _inputRef = React.useRef(null);\n  const inputRef = propsInputRef ?? _inputRef;\n  const { labelProps, groupProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(\n    {\n      decrementAriaLabel,\n      incrementAriaLabel,\n      isWheelDisabled,\n      ...numberFieldProps,\n    },\n    state,\n    inputRef\n  );\n\n  const incrementButtonRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps: incrementButtonForwardedProps } = useButton(incrementButtonProps, incrementButtonRef);\n  const decrementButtonRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps: decrementButtonForwardedProps } = useButton(decrementButtonProps, decrementButtonRef);\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'NumberField');\n\n  return (\n    <StyledNumberField\n      {...forwardedProps}\n      {...focusWithinProps}\n      $hasContent={\n        isFocusWithin || Boolean(inputProps.value !== undefined && inputProps.value !== '') || Boolean(placeholder)\n      }\n      $hasLeftIcon={Boolean(leftIcon)}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(inputProps.value !== undefined))}\n      $isRequired={isRequired}\n      $isFocused={isFocused}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(NumberField.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      {label ? (\n        <label {...labelProps} className={`${NumberField.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${NumberField.className}__input-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <Flexbox {...groupProps} flexDirection=\"row\" gap=\"0\" width=\"100%\">\n          <input\n            {...propsInputProps}\n            {...inputProps}\n            onChange={(event) => {\n              if (propsOnChange) {\n                propsOnChange(Number(event.target.value));\n              } else {\n                inputProps.onChange?.(event);\n              }\n            }}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event);\n            }}\n            placeholder={placeholder ? `${placeholder}` : undefined}\n            className={`${NumberField.className}-input-wrapper__input`}\n            ref={inputRef as MutableRefObject<HTMLInputElement>}\n            width=\"100%\"\n          />\n          <Flexbox className={`${NumberField.className}-input-wrapper__toolbar`} flexDirection=\"column\" gap=\"0\">\n            <StyledIconButton\n              $color=\"grey\"\n              $isActive={false}\n              $isDisabled={isDisabled}\n              $isGradient={false}\n              $isHovered={false}\n              $isLoading={false}\n              $variant={variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary'}\n              $theme={theme}\n              {...incrementButtonForwardedProps}\n              className={`${NumberField.className}-input-wrapper-toolbar__increment-button`}\n            >\n              <Icon icon={mdiMenuUp} color={isDisabled ? undefined : 'grey'} />\n            </StyledIconButton>\n            <StyledIconButton\n              $color=\"grey\"\n              $isActive={false}\n              $isDisabled={isDisabled}\n              $isGradient={false}\n              $isHovered={false}\n              $isLoading={false}\n              $variant={variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary'}\n              $theme={theme}\n              {...decrementButtonForwardedProps}\n              className={`${NumberField.className}-input-wrapper-toolbar__decrement-button`}\n            >\n              <Icon icon={mdiMenuDown} color={isDisabled ? undefined : 'grey'} />\n            </StyledIconButton>\n          </Flexbox>\n        </Flexbox>\n        <fieldset aria-hidden=\"true\" className={`${NumberField.className}-input-wrapper__fieldset`}>\n          <legend className={`${NumberField.className}-input-wrapper-fieldset__legend`}>\n            {label ? <span>{label}</span> : null}\n          </legend>\n        </fieldset>\n      </div>\n    </StyledNumberField>\n  );\n});\nNumberField.className = CLASSNAME;\nNumberField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","NumberField","forwardRef","props","ref","autoFocus","className","decrementAriaLabel","defaultValue","formatOptions","id","incrementAriaLabel","inputProps","propsInputProps","inputRef","propsInputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isWheelDisabled","label","leftIcon","maxValue","minValue","onBlur","onBlurProps","onChange","propsOnChange","onFocus","onFocusProps","onFocusChange","onKeyDown","onKeyUp","placeholder","step","theme","propsTheme","value","variant","NumberFieldVariant","default","forwardedProps","_objectWithoutProperties","_excluded","numberFieldProps","useTheme","locale","useLocale","state","useNumberFieldState","_objectSpread","_inputRef","React","useRef","labelProps","groupProps","incrementButtonProps","decrementButtonProps","useNumberField","incrementButtonRef","buttonProps","incrementButtonForwardedProps","useButton","decrementButtonRef","decrementButtonForwardedProps","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","warnIfNoAccessibleLabelFound","createElement","StyledNumberField","_extends","$hasContent","undefined","$hasLeftIcon","$isColored","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","Icon","color","Flexbox","flexDirection","gap","width","event","Number","target","_inputProps$onChange","call","StyledIconButton","$color","$isActive","$isGradient","$isHovered","$isLoading","underline","icon","mdiMenuUp","mdiMenuDown","displayName"],"mappings":"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"}
+{"version":3,"file":"NumberField.js","sources":["../../../src/components/number-field/NumberField.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, MutableRefObject, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { useNumberFieldState } from '../../react-aria/react-stately/numberfield';\nimport { useNumberField } from '../../react-aria/react-aria/numberfield';\nimport { useButton } from '../../react-aria/react-aria/button';\nimport { Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { NumberFieldProps, NumberFieldVariant } from './types';\nimport { StyledNumberField } from './styles';\nimport { Icon } from '../../components/icon';\nimport { mdiMenuDown, mdiMenuUp } from '@redsift/icons';\nimport { Flexbox } from '../flexbox';\nimport { useTheme } from '../theme';\nimport { StyledIconButton } from '../icon-button/styles';\nimport { useLocale } from '../../react-aria/react-aria/i18n';\n\nconst COMPONENT_NAME = 'NumberField';\nconst CLASSNAME = 'redsift-number-field';\n\n/**\n * The NumberField component.\n * Can be used as controlled or uncontrolled.\n */\nexport const NumberField: Comp<NumberFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoFocus,\n    className,\n    decrementAriaLabel,\n    defaultValue,\n    formatOptions,\n    id,\n    incrementAriaLabel,\n    inputProps: propsInputProps,\n    inputRef: propsInputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isWheelDisabled,\n    label,\n    leftIcon,\n    maxValue,\n    minValue,\n    onBlur: onBlurProps,\n    onChange: propsOnChange,\n    onFocus: onFocusProps,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    placeholder,\n    step,\n    theme: propsTheme,\n    value,\n    variant = NumberFieldVariant.default,\n    ...forwardedProps\n  } = props;\n\n  const numberFieldProps = {\n    id,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    minValue,\n    maxValue,\n    step,\n    autoFocus,\n    label,\n    formatOptions,\n    onBlur: onBlurProps,\n    onFocus: onFocusProps,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    value,\n    defaultValue,\n    onChange: propsOnChange,\n  };\n\n  const theme = useTheme(propsTheme);\n\n  const { locale } = useLocale();\n  const state = useNumberFieldState({ locale, ...numberFieldProps });\n  const _inputRef = React.useRef(null);\n  const inputRef = propsInputRef ?? _inputRef;\n  const { labelProps, groupProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(\n    {\n      decrementAriaLabel,\n      incrementAriaLabel,\n      isWheelDisabled,\n      ...numberFieldProps,\n    },\n    state,\n    inputRef\n  );\n\n  const incrementButtonRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps: incrementButtonForwardedProps } = useButton(incrementButtonProps, incrementButtonRef);\n  const decrementButtonRef = useRef<HTMLButtonElement>(null);\n  const { buttonProps: decrementButtonForwardedProps } = useButton(decrementButtonProps, decrementButtonRef);\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'NumberField');\n\n  return (\n    <StyledNumberField\n      {...forwardedProps}\n      {...focusWithinProps}\n      $hasContent={\n        isFocusWithin || Boolean(inputProps.value !== undefined && inputProps.value !== '') || Boolean(placeholder)\n      }\n      $hasLeftIcon={Boolean(leftIcon)}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(inputProps.value !== undefined))}\n      $isRequired={isRequired}\n      $isFocused={isFocused}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(NumberField.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      {label ? (\n        <label {...labelProps} className={`${NumberField.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${NumberField.className}__input-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <Flexbox {...groupProps} flexDirection=\"row\" gap=\"0\" width=\"100%\">\n          <input\n            {...propsInputProps}\n            {...inputProps}\n            onChange={(event) => {\n              if (propsOnChange) {\n                propsOnChange(Number(event.target.value));\n              } else {\n                inputProps.onChange?.(event);\n              }\n            }}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event);\n            }}\n            placeholder={placeholder ? `${placeholder}` : undefined}\n            className={`${NumberField.className}-input-wrapper__input`}\n            ref={inputRef as MutableRefObject<HTMLInputElement>}\n            width=\"100%\"\n          />\n          <Flexbox className={`${NumberField.className}-input-wrapper__toolbar`} flexDirection=\"column\" gap=\"0\">\n            <StyledIconButton\n              $color=\"grey\"\n              $isActive={false}\n              $isDisabled={isDisabled}\n              $isGradient={false}\n              $isHovered={false}\n              $isLoading={false}\n              $variant={variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary'}\n              $theme={theme}\n              {...incrementButtonForwardedProps}\n              className={`${NumberField.className}-input-wrapper-toolbar__increment-button`}\n            >\n              <Icon icon={mdiMenuUp} color={isDisabled ? undefined : 'grey'} />\n            </StyledIconButton>\n            <StyledIconButton\n              $color=\"grey\"\n              $isActive={false}\n              $isDisabled={isDisabled}\n              $isGradient={false}\n              $isHovered={false}\n              $isLoading={false}\n              $variant={variant === NumberFieldVariant.underline ? 'unstyled' : 'secondary'}\n              $theme={theme}\n              {...decrementButtonForwardedProps}\n              className={`${NumberField.className}-input-wrapper-toolbar__decrement-button`}\n            >\n              <Icon icon={mdiMenuDown} color={isDisabled ? undefined : 'grey'} />\n            </StyledIconButton>\n          </Flexbox>\n        </Flexbox>\n        <fieldset aria-hidden=\"true\" className={`${NumberField.className}-input-wrapper__fieldset`}>\n          <legend className={`${NumberField.className}-input-wrapper-fieldset__legend`}>\n            {label ? <span>{label}</span> : null}\n          </legend>\n        </fieldset>\n      </div>\n    </StyledNumberField>\n  );\n});\nNumberField.className = CLASSNAME;\nNumberField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","NumberField","forwardRef","props","ref","autoFocus","className","decrementAriaLabel","defaultValue","formatOptions","id","incrementAriaLabel","inputProps","propsInputProps","inputRef","propsInputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isWheelDisabled","label","leftIcon","maxValue","minValue","onBlur","onBlurProps","onChange","propsOnChange","onFocus","onFocusProps","onFocusChange","onKeyDown","onKeyUp","placeholder","step","theme","propsTheme","value","variant","NumberFieldVariant","default","forwardedProps","_objectWithoutProperties","_excluded","numberFieldProps","useTheme","locale","useLocale","state","useNumberFieldState","_objectSpread","_inputRef","React","useRef","labelProps","groupProps","incrementButtonProps","decrementButtonProps","useNumberField","incrementButtonRef","buttonProps","incrementButtonForwardedProps","useButton","decrementButtonRef","decrementButtonForwardedProps","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","warnIfNoAccessibleLabelFound","createElement","StyledNumberField","_extends","$hasContent","undefined","$hasLeftIcon","$isColored","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","Icon","color","Flexbox","flexDirection","gap","width","event","Number","target","_inputProps$onChange","call","StyledIconButton","$color","$isActive","$isGradient","$isHovered","$isLoading","underline","icon","mdiMenuUp","mdiMenuDown","displayName"],"mappings":"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"}

package/components/pill/Pill.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles.js';
 import { PillSize } from './types.js';
@@ -34,11 +34,11 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
   const color = propsColor || PresentationColorPalette.blue;
   const size = propsSize || PillSize.large;
   const childArray = [];
-  React__default.Children.forEach(children, (child, index) => {
-    const currentClassName = React__default.Children.count(children) === 1 ? 'first last' : index === 0 ? 'first' : index === React__default.Children.count(children) - 1 ? 'last' : 'middle';
+  React.Children.forEach(children, (child, index) => {
+    const currentClassName = React.Children.count(children) === 1 ? 'first last' : index === 0 ? 'first' : index === React.Children.count(children) - 1 ? 'last' : 'middle';
     if (isComponent('MenuButton')(child) || isComponent('Select')(child) || isComponent('Dialog')(child) || isComponent('Popover')(child) || isComponent('Tooltip')(child)) {
       var _child$key;
-      childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
+      childArray.push( /*#__PURE__*/React.cloneElement(child, {
         key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
         triggerClassName: currentClassName,
         variant: 'unstyled',
@@ -46,25 +46,25 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
       }));
     } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {
       var _key;
-      childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
+      childArray.push( /*#__PURE__*/React.cloneElement(child, {
         key: (_key = child.key) !== null && _key !== void 0 ? _key : index,
         className: currentClassName,
         variant: 'unstyled',
         color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black')
       }));
-    } else if ( /*#__PURE__*/React__default.isValidElement(child)) {
+    } else if ( /*#__PURE__*/React.isValidElement(child)) {
       var _key2;
-      childArray.push( /*#__PURE__*/React__default.cloneElement(child, {
+      childArray.push( /*#__PURE__*/React.cloneElement(child, {
         key: (_key2 = child.key) !== null && _key2 !== void 0 ? _key2 : index,
         className: currentClassName
       }));
     } else if (typeof child === 'string') {
-      childArray.push( /*#__PURE__*/React__default.createElement(Text, {
+      childArray.push( /*#__PURE__*/React.createElement(Text, {
         key: index,
         className: currentClassName
       }, child));
     } else if (typeof child === 'number') {
-      childArray.push( /*#__PURE__*/React__default.createElement(Number, {
+      childArray.push( /*#__PURE__*/React.createElement(Number, {
         key: index,
         className: currentClassName,
         value: child
@@ -73,7 +73,7 @@ const Pill = /*#__PURE__*/forwardRef((props, ref) => {
       childArray.push(child);
     }
   });
-  return /*#__PURE__*/React__default.createElement(StyledPill, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledPill, _extends({}, forwardedProps, {
     $autoBreak: autoBreak,
     $borderColor: borderColor,
     $color: color,

package/components/pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sources":["../../../src/components/pill/Pill.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, PresentationColorPalette } from '../../types';\nimport { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles';\nimport { PillProps, PillSize } from './types';\nimport { useTheme } from '../theme';\nimport { Text } from '../text';\nimport { Number } from '../number';\nimport { isComponent } from '../../utils';\n\nconst COMPONENT_NAME = 'Pill';\nconst CLASSNAME = 'redsift-pill';\n\n/**\n * The Pill component.\n */\nexport const Pill: Comp<PillProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoBreak,\n    borderColor,\n    children,\n    className,\n    color: propsColor,\n    disabledColor,\n    hoverColor,\n    isDisabled,\n    size: propsSize,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = propsColor || PresentationColorPalette.blue;\n  const size = propsSize || PillSize.large;\n\n  const childArray: ReactNode[] = [];\n  React.Children.forEach(children, (child, index) => {\n    const currentClassName =\n      React.Children.count(children) === 1\n        ? 'first last'\n        : index === 0\n        ? 'first'\n        : index === React.Children.count(children) - 1\n        ? 'last'\n        : 'middle';\n\n    if (\n      isComponent('MenuButton')(child) ||\n      isComponent('Select')(child) ||\n      isComponent('Dialog')(child) ||\n      isComponent('Popover')(child) ||\n      isComponent('Tooltip')(child)\n    ) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: child.key ?? index,\n          triggerClassName: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (React.isValidElement(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n        } as any)\n      );\n    } else if (typeof child === 'string') {\n      childArray.push(\n        <Text key={index} className={currentClassName}>\n          {child}\n        </Text>\n      );\n    } else if (typeof child === 'number') {\n      childArray.push(<Number key={index} className={currentClassName} value={child} />);\n    } else {\n      childArray.push(child);\n    }\n  });\n\n  return (\n    <StyledPill\n      {...forwardedProps}\n      $autoBreak={autoBreak}\n      $borderColor={borderColor}\n      $color={color}\n      $disabledColor={disabledColor}\n      $hoverColor={hoverColor}\n      $isDisabled={isDisabled}\n      $size={size}\n      $theme={theme}\n      className={classNames(Pill.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {childArray}\n    </StyledPill>\n  );\n});\nPill.className = CLASSNAME;\nPill.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Pill","forwardRef","props","ref","autoBreak","borderColor","children","className","color","propsColor","disabledColor","hoverColor","isDisabled","size","propsSize","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","PresentationColorPalette","blue","PillSize","large","childArray","React","Children","forEach","child","index","currentClassName","count","isComponent","_child$key","push","cloneElement","key","triggerClassName","variant","pickTextColorBasedOnBgColorAdvanced","_key","isValidElement","_key2","createElement","Text","Number","value","StyledPill","_extends","$autoBreak","$borderColor","$color","$disabledColor","$hoverColor","$isDisabled","$size","$theme","classNames","displayName"],"mappings":"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"}
+{"version":3,"file":"Pill.js","sources":["../../../src/components/pill/Pill.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp, PresentationColorPalette } from '../../types';\nimport { pickTextColorBasedOnBgColorAdvanced, StyledPill } from './styles';\nimport { PillProps, PillSize } from './types';\nimport { useTheme } from '../theme';\nimport { Text } from '../text';\nimport { Number } from '../number';\nimport { isComponent } from '../../utils';\n\nconst COMPONENT_NAME = 'Pill';\nconst CLASSNAME = 'redsift-pill';\n\n/**\n * The Pill component.\n */\nexport const Pill: Comp<PillProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoBreak,\n    borderColor,\n    children,\n    className,\n    color: propsColor,\n    disabledColor,\n    hoverColor,\n    isDisabled,\n    size: propsSize,\n    theme: propsTheme,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = propsColor || PresentationColorPalette.blue;\n  const size = propsSize || PillSize.large;\n\n  const childArray: ReactNode[] = [];\n  React.Children.forEach(children, (child, index) => {\n    const currentClassName =\n      React.Children.count(children) === 1\n        ? 'first last'\n        : index === 0\n        ? 'first'\n        : index === React.Children.count(children) - 1\n        ? 'last'\n        : 'middle';\n\n    if (\n      isComponent('MenuButton')(child) ||\n      isComponent('Select')(child) ||\n      isComponent('Dialog')(child) ||\n      isComponent('Popover')(child) ||\n      isComponent('Tooltip')(child)\n    ) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: child.key ?? index,\n          triggerClassName: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (isComponent('IconButton')(child) || isComponent('Button')(child) || isComponent('ButtonLink')(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n          variant: 'unstyled',\n          color: child.props.color ? child.props.color : pickTextColorBasedOnBgColorAdvanced(color, 'white', 'black'),\n        })\n      );\n    } else if (React.isValidElement(child)) {\n      childArray.push(\n        React.cloneElement(child, {\n          key: (child as React.ReactElement<any, string | React.JSXElementConstructor<any>>).key ?? index,\n          className: currentClassName,\n        } as any)\n      );\n    } else if (typeof child === 'string') {\n      childArray.push(\n        <Text key={index} className={currentClassName}>\n          {child}\n        </Text>\n      );\n    } else if (typeof child === 'number') {\n      childArray.push(<Number key={index} className={currentClassName} value={child} />);\n    } else {\n      childArray.push(child);\n    }\n  });\n\n  return (\n    <StyledPill\n      {...forwardedProps}\n      $autoBreak={autoBreak}\n      $borderColor={borderColor}\n      $color={color}\n      $disabledColor={disabledColor}\n      $hoverColor={hoverColor}\n      $isDisabled={isDisabled}\n      $size={size}\n      $theme={theme}\n      className={classNames(Pill.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {childArray}\n    </StyledPill>\n  );\n});\nPill.className = CLASSNAME;\nPill.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Pill","forwardRef","props","ref","autoBreak","borderColor","children","className","color","propsColor","disabledColor","hoverColor","isDisabled","size","propsSize","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","PresentationColorPalette","blue","PillSize","large","childArray","React","Children","forEach","child","index","currentClassName","count","isComponent","_child$key","push","cloneElement","key","triggerClassName","variant","pickTextColorBasedOnBgColorAdvanced","_key","isValidElement","_key2","createElement","Text","Number","value","StyledPill","_extends","$autoBreak","$borderColor","$color","$disabledColor","$hoverColor","$isDisabled","$size","$theme","classNames","displayName"],"mappings":"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"}

package/components/progress-bar/ProgressBar.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { StyledProgressBar } from './styles.js';
 import { useTheme } from '../theme/useTheme.js';
@@ -19,7 +19,7 @@ const ProgressBar = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded);
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledProgressBar, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledProgressBar, _extends({}, forwardedProps, {
     className: classNames(ProgressBar.className, className),
     ref: ref,
     variant: "determinate",

package/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ProgressBarProps } from './types';\nimport { StyledProgressBar } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst CLASSNAME = 'redsift-progress-bar';\n\n/**\n * The Progress bar component.\n */\nexport const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement> = forwardRef((props, ref) => {\n  const { className, theme: propsTheme, value, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledProgressBar\n      {...forwardedProps}\n      className={classNames(ProgressBar.className, className)}\n      ref={ref as MutableRefObject<HTMLProgressElement>}\n      variant=\"determinate\"\n      max=\"100\"\n      value={value || 0}\n      theme={theme}\n    />\n  );\n});\nProgressBar.className = CLASSNAME;\nProgressBar.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","ProgressBar","forwardRef","props","ref","className","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledProgressBar","_extends","classNames","variant","max","displayName"],"mappings":";;;;;;;AAOA,MAAMA,cAAc,GAAG,aAAa,CAAA;AACpC,MAAMC,SAAS,GAAG,sBAAsB,CAAA;;AAExC;AACA;AACA;AACO,MAAMC,WAAwD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAU;AAAEC,MAAAA,KAAAA;AAAyB,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAExE,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;EAElC,oBACEM,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,KACZP,cAAc,EAAA;IAClBJ,SAAS,EAAEY,UAAU,CAAChB,WAAW,CAACI,SAAS,EAAEA,SAAS,CAAE;AACxDD,IAAAA,GAAG,EAAEA,GAA6C;AAClDc,IAAAA,OAAO,EAAC,aAAa;AACrBC,IAAAA,GAAG,EAAC,KAAK;IACTX,KAAK,EAAEA,KAAK,IAAI,CAAE;AAClBF,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACd,CAAC,CAAA;AAEN,CAAC,EAAC;AACFL,WAAW,CAACI,SAAS,GAAGL,SAAS,CAAA;AACjCC,WAAW,CAACmB,WAAW,GAAGrB,cAAc;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ProgressBarProps } from './types';\nimport { StyledProgressBar } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst CLASSNAME = 'redsift-progress-bar';\n\n/**\n * The Progress bar component.\n */\nexport const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement> = forwardRef((props, ref) => {\n  const { className, theme: propsTheme, value, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledProgressBar\n      {...forwardedProps}\n      className={classNames(ProgressBar.className, className)}\n      ref={ref as MutableRefObject<HTMLProgressElement>}\n      variant=\"determinate\"\n      max=\"100\"\n      value={value || 0}\n      theme={theme}\n    />\n  );\n});\nProgressBar.className = CLASSNAME;\nProgressBar.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","ProgressBar","forwardRef","props","ref","className","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledProgressBar","_extends","classNames","variant","max","displayName"],"mappings":";;;;;;;AAOA,MAAMA,cAAc,GAAG,aAAa,CAAA;AACpC,MAAMC,SAAS,GAAG,sBAAsB,CAAA;;AAExC;AACA;AACA;AACO,MAAMC,WAAwD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAU;AAAEC,MAAAA,KAAAA;AAAyB,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAExE,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;EAElC,oBACEM,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,KACZP,cAAc,EAAA;IAClBJ,SAAS,EAAEY,UAAU,CAAChB,WAAW,CAACI,SAAS,EAAEA,SAAS,CAAE;AACxDD,IAAAA,GAAG,EAAEA,GAA6C;AAClDc,IAAAA,OAAO,EAAC,aAAa;AACrBC,IAAAA,GAAG,EAAC,KAAK;IACTX,KAAK,EAAEA,KAAK,IAAI,CAAE;AAClBF,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACd,CAAC,CAAA;AAEN,CAAC,EAAC;AACFL,WAAW,CAACI,SAAS,GAAGL,SAAS,CAAA;AACjCC,WAAW,CAACmB,WAAW,GAAGrB,cAAc;;;;"}

package/components/radio/Radio.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext, useState, useEffect, useCallback } from 'react';
+import React, { forwardRef, useContext, useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import { mdiRadioboxMarked, mdiRadioboxBlank } from '@redsift/icons';
 import { RadioGroupContext } from '../radio-group/context.js';
@@ -87,7 +87,7 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
       onChange === null || onChange === void 0 ? void 0 : onChange(!isSelected, value, name, event, groupState);
     }
   }, [onChange, groupState, isSelected, propsIsSelected]);
-  return /*#__PURE__*/React__default.createElement(StyledRadio, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledRadio, _extends({}, forwardedProps, {
     $isColored: isColored,
     $isDisabled: isDisabled,
     $isFocusVisible: isFocusVisible,
@@ -97,13 +97,13 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
     $theme: theme,
     className: classNames(Radio.className, className),
     ref: ref
-  }), isSelected || isControlled && propsIsSelected ? /*#__PURE__*/React__default.createElement(Icon, {
+  }), isSelected || isControlled && propsIsSelected ? /*#__PURE__*/React.createElement(Icon, {
     icon: mdiRadioboxMarked
-  }) : /*#__PURE__*/React__default.createElement(Icon, {
+  }) : /*#__PURE__*/React.createElement(Icon, {
     icon: mdiRadioboxBlank
-  }), children ? /*#__PURE__*/React__default.createElement("span", {
+  }), children ? /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, children) : null, /*#__PURE__*/React__default.createElement("input", _extends({}, inputProps, focusProps, {
+  }, children) : null, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, focusProps, {
     "aria-checked": isSelected || isControlled && propsIsSelected ? 'true' : 'false',
     "aria-disabled": isDisabled,
     "aria-invalid": isInvalid || isRequired && !(isSelected || isControlled && propsIsSelected),

package/components/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import React, {\n  ComponentProps,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { mdiRadioboxBlank, mdiRadioboxMarked } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { Icon } from '../icon';\nimport { RadioGroupContext } from '../radio-group/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { RadioProps } from './types';\nimport { StyledRadio } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Radio';\nconst CLASSNAME = 'redsift-radio';\n\n/**\n * The Radio component.\n * Works both inside a RadioGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Radio: Comp<RadioProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const groupState = useContext(RadioGroupContext);\n\n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  isDisabled = isDisabled ?? groupState?.isDisabled;\n  isReadOnly = isReadOnly ?? groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(\n    Boolean(propsIsSelected ?? defaultSelected ?? Boolean(groupState?.value && groupState.value === value))\n  );\n  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;\n\n  useEffect(() => {\n    setSelected(Boolean(propsIsSelected ?? defaultSelected));\n  }, [propsIsSelected, defaultSelected]);\n\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value === value);\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children], 'Radio');\n\n  if (groupState) {\n    if (propsIsSelected != null) {\n      console.warn(\n        'isSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (defaultSelected != null) {\n      console.warn(\n        'defaultSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (props.value == null) {\n      console.warn(\n        'A <Radio> element within a <RadioGroup> requires a `value` property unless the <Radio> is controlled.'\n      );\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        groupState.setValue(value as string);\n      }\n\n      if (isControlled) {\n        onChange?.(!propsIsSelected, value, name, event, groupState!);\n      } else {\n        setSelected(!isSelected);\n        onChange?.(!isSelected, value, name, event, groupState!);\n      }\n    },\n    [onChange, groupState, isSelected, propsIsSelected]\n  );\n\n  return (\n    <StyledRadio\n      {...forwardedProps}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n      $isRequired={isRequired}\n      $isSelected={isSelected || (isControlled && propsIsSelected)}\n      $theme={theme}\n      className={classNames(Radio.className, className)}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n    >\n      {isSelected || (isControlled && propsIsSelected) ? (\n        <Icon icon={mdiRadioboxMarked} />\n      ) : (\n        <Icon icon={mdiRadioboxBlank} />\n      )}\n      {children ? <span className=\"label\">{children}</span> : null}\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        autoFocus={autoFocus}\n        checked={isSelected || (isControlled && propsIsSelected) ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        type=\"radio\"\n        value={value}\n      />\n    </StyledRadio>\n  );\n});\nRadio.className = CLASSNAME;\nRadio.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Radio","forwardRef","props","ref","_isDisabled","_isReadOnly","_ref","groupState","useContext","RadioGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","isFocusVisible","focusProps","useFocusRing","setSelected","useState","Boolean","isControlled","undefined","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","setValue","React","createElement","StyledRadio","_extends","$isColored","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isSelected","$theme","classNames","Icon","icon","mdiRadioboxMarked","mdiRadioboxBlank","checked","disabled","type","displayName"],"mappings":"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"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import React, {\n  ComponentProps,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { mdiRadioboxBlank, mdiRadioboxMarked } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { Icon } from '../icon';\nimport { RadioGroupContext } from '../radio-group/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { RadioProps } from './types';\nimport { StyledRadio } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Radio';\nconst CLASSNAME = 'redsift-radio';\n\n/**\n * The Radio component.\n * Works both inside a RadioGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Radio: Comp<RadioProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const groupState = useContext(RadioGroupContext);\n\n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  isDisabled = isDisabled ?? groupState?.isDisabled;\n  isReadOnly = isReadOnly ?? groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(\n    Boolean(propsIsSelected ?? defaultSelected ?? Boolean(groupState?.value && groupState.value === value))\n  );\n  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;\n\n  useEffect(() => {\n    setSelected(Boolean(propsIsSelected ?? defaultSelected));\n  }, [propsIsSelected, defaultSelected]);\n\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value === value);\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children], 'Radio');\n\n  if (groupState) {\n    if (propsIsSelected != null) {\n      console.warn(\n        'isSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (defaultSelected != null) {\n      console.warn(\n        'defaultSelected is unsupported on individual <Radio> elements within a <RadioGroup> unless the <Radio> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (props.value == null) {\n      console.warn(\n        'A <Radio> element within a <RadioGroup> requires a `value` property unless the <Radio> is controlled.'\n      );\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        groupState.setValue(value as string);\n      }\n\n      if (isControlled) {\n        onChange?.(!propsIsSelected, value, name, event, groupState!);\n      } else {\n        setSelected(!isSelected);\n        onChange?.(!isSelected, value, name, event, groupState!);\n      }\n    },\n    [onChange, groupState, isSelected, propsIsSelected]\n  );\n\n  return (\n    <StyledRadio\n      {...forwardedProps}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n      $isRequired={isRequired}\n      $isSelected={isSelected || (isControlled && propsIsSelected)}\n      $theme={theme}\n      className={classNames(Radio.className, className)}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n    >\n      {isSelected || (isControlled && propsIsSelected) ? (\n        <Icon icon={mdiRadioboxMarked} />\n      ) : (\n        <Icon icon={mdiRadioboxBlank} />\n      )}\n      {children ? <span className=\"label\">{children}</span> : null}\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        autoFocus={autoFocus}\n        checked={isSelected || (isControlled && propsIsSelected) ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        type=\"radio\"\n        value={value}\n      />\n    </StyledRadio>\n  );\n});\nRadio.className = CLASSNAME;\nRadio.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Radio","forwardRef","props","ref","_isDisabled","_isReadOnly","_ref","groupState","useContext","RadioGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","isFocusVisible","focusProps","useFocusRing","setSelected","useState","Boolean","isControlled","undefined","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","setValue","React","createElement","StyledRadio","_extends","$isColored","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isSelected","$theme","classNames","Icon","icon","mdiRadioboxMarked","mdiRadioboxBlank","checked","disabled","type","displayName"],"mappings":"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"}

package/components/radio-group/RadioGroup.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useEffect } from 'react';
+import React, { forwardRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { RadioGroupOrientation } from './types.js';
 import { RadioGroupContext } from './context.js';
@@ -56,11 +56,11 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   };
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     value: {
       theme
     }
-  }, /*#__PURE__*/React__default.createElement(StyledRadioGroup, _extends({
+  }, /*#__PURE__*/React.createElement(StyledRadioGroup, _extends({
     color: color
   }, forwardedProps, {
     $isDisabled: isDisabled,
@@ -72,13 +72,13 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
     className: classNames(RadioGroup.className, className),
     ref: ref,
     role: "radiogroup"
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${RadioGroup.className}-label`
-  }, label, isRequired ? ' *' : null), /*#__PURE__*/React__default.createElement("div", {
+  }, label, isRequired ? ' *' : null), /*#__PURE__*/React.createElement("div", {
     className: `${RadioGroup.className}-boxes`
-  }, /*#__PURE__*/React__default.createElement(RadioGroupContext.Provider, {
+  }, /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
     value: state
-  }, children)), /*#__PURE__*/React__default.createElement("span", {
+  }, children)), /*#__PURE__*/React.createElement("span", {
     className: `${RadioGroup.className}-description`
   }, description)));
 });

package/components/radio-group/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ColorPalette } from '../../types';\nimport { RadioGroupOrientation, RadioGroupProps } from './types';\nimport { RadioGroupContext } from './context';\nimport { StyledRadioGroup } from './styles';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'RadioGroup';\nconst CLASSNAME = 'redsift-radio-group';\n\n/**\n * The RadioGroup component.\n * Can be used as controlled or uncontrolled.\n */\nexport const RadioGroup: Comp<RadioGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    color = ColorPalette.primary,\n    defaultValue,\n    description,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    onChange,\n    orientation = RadioGroupOrientation.vertical,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValue, setValue] = useState<string>(value || defaultValue || '');\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n\n  const state = {\n    value: selectedValue,\n    isDisabled: isDisabled || false,\n    isReadOnly: isReadOnly || false,\n    setValue(value: string) {\n      if (isReadOnly || isDisabled) {\n        return;\n      }\n\n      const previousValue = selectedValue;\n      setValue(value);\n      if (value !== previousValue && onChange) {\n        onChange(value);\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledRadioGroup\n        color={color}\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isInvalid={isInvalid || (isRequired && selectedValue.length === 0)}\n        $isReadOnly={isReadOnly}\n        $orientation={orientation}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(RadioGroup.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        role=\"radiogroup\"\n      >\n        <span className={`${RadioGroup.className}-label`}>\n          {label}\n          {isRequired ? ' *' : null}\n        </span>\n        <div className={`${RadioGroup.className}-boxes`}>\n          <RadioGroupContext.Provider value={state}>{children}</RadioGroupContext.Provider>\n        </div>\n        <span className={`${RadioGroup.className}-description`}>{description}</span>\n      </StyledRadioGroup>\n    </ThemeProvider>\n  );\n});\nRadioGroup.className = CLASSNAME;\nRadioGroup.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RadioGroup","forwardRef","props","ref","children","className","color","ColorPalette","primary","defaultValue","description","isDisabled","isInvalid","isReadOnly","isRequired","label","onChange","orientation","RadioGroupOrientation","vertical","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","selectedValue","setValue","useState","useEffect","state","previousValue","React","createElement","ThemeProvider","StyledRadioGroup","_extends","$isDisabled","$isInvalid","length","$isReadOnly","$orientation","$theme","classNames","role","RadioGroupContext","Provider","displayName"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ColorPalette } from '../../types';\nimport { RadioGroupOrientation, RadioGroupProps } from './types';\nimport { RadioGroupContext } from './context';\nimport { StyledRadioGroup } from './styles';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'RadioGroup';\nconst CLASSNAME = 'redsift-radio-group';\n\n/**\n * The RadioGroup component.\n * Can be used as controlled or uncontrolled.\n */\nexport const RadioGroup: Comp<RadioGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    color = ColorPalette.primary,\n    defaultValue,\n    description,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    onChange,\n    orientation = RadioGroupOrientation.vertical,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValue, setValue] = useState<string>(value || defaultValue || '');\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n\n  const state = {\n    value: selectedValue,\n    isDisabled: isDisabled || false,\n    isReadOnly: isReadOnly || false,\n    setValue(value: string) {\n      if (isReadOnly || isDisabled) {\n        return;\n      }\n\n      const previousValue = selectedValue;\n      setValue(value);\n      if (value !== previousValue && onChange) {\n        onChange(value);\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledRadioGroup\n        color={color}\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isInvalid={isInvalid || (isRequired && selectedValue.length === 0)}\n        $isReadOnly={isReadOnly}\n        $orientation={orientation}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(RadioGroup.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        role=\"radiogroup\"\n      >\n        <span className={`${RadioGroup.className}-label`}>\n          {label}\n          {isRequired ? ' *' : null}\n        </span>\n        <div className={`${RadioGroup.className}-boxes`}>\n          <RadioGroupContext.Provider value={state}>{children}</RadioGroupContext.Provider>\n        </div>\n        <span className={`${RadioGroup.className}-description`}>{description}</span>\n      </StyledRadioGroup>\n    </ThemeProvider>\n  );\n});\nRadioGroup.className = CLASSNAME;\nRadioGroup.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RadioGroup","forwardRef","props","ref","children","className","color","ColorPalette","primary","defaultValue","description","isDisabled","isInvalid","isReadOnly","isRequired","label","onChange","orientation","RadioGroupOrientation","vertical","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","selectedValue","setValue","useState","useEffect","state","previousValue","React","createElement","ThemeProvider","StyledRadioGroup","_extends","$isDisabled","$isInvalid","length","$isReadOnly","$orientation","$theme","classNames","role","RadioGroupContext","Provider","displayName"],"mappings":"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"}

package/components/radio-group/context.js

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 
-const RadioGroupContext = /*#__PURE__*/React__default.createContext(null);
+const RadioGroupContext = /*#__PURE__*/React.createContext(null);
 
 export { RadioGroupContext };
 //# sourceMappingURL=context.js.map

package/components/radio-group/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["import React from 'react';\nimport { RadioGroupState } from './types';\n\nexport const RadioGroupContext =\n  React.createContext<RadioGroupState | null>(null);\n"],"names":["RadioGroupContext","React","createContext"],"mappings":";;AAGO,MAAMA,iBAAiB,gBAC5BC,cAAK,CAACC,aAAa,CAAyB,IAAI;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/radio-group/context.ts"],"sourcesContent":["import React from 'react';\nimport { RadioGroupState } from './types';\n\nexport const RadioGroupContext =\n  React.createContext<RadioGroupState | null>(null);\n"],"names":["RadioGroupContext","React","createContext"],"mappings":";;AAGO,MAAMA,iBAAiB,gBAC5BC,KAAK,CAACC,aAAa,CAAyB,IAAI;;;;"}