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

package/_internal/TextField.js

@@ -1,29 +1,473 @@
-import * as styled_components from 'styled-components';
-import { b as TextFieldProps, T as TextFieldVariant } from './types29.js';
-import { T as Theme } from './colors.js';
-import { C as Comp } from './helpers.js';
+import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useState, useCallback } from 'react';
+import classNames from 'classnames';
+import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
+import styled, { css } from 'styled-components';
+import { i as baseStyling } from './styles4.js';
+import { T as Theme, B as ButtonsColorPalette } from './colors.js';
+import { mdiClose } from '@redsift/icons';
+import { u as useMessageFormatter } from './useMessageFormatter.js';
+import { u as useFocusRing, a as useFocusWithin } from './useFocusRing.js';
+import { u as useTheme } from './useTheme.js';
+import { u as useId } from './useId.js';
+import { a as Icon } from './Icon2.js';
+import { a as Pill } from './Pill2.js';
+import { F as Flexbox } from './Flexbox2.js';
+import { I as IconButton } from './IconButton.js';
+
+/**
+ * Component variant.
+ */
+const TextFieldVariant = {
+  default: 'default',
+  underline: 'underline'
+};
+
+/**
+ * Component color.
+ */
+
+/**
+ * Component props.
+ */
 
 /**
  * Component style.
  */
-declare const StyledTextField: styled_components.StyledComponent<"div", any, Omit<TextFieldProps, "color" | "onChange" | "isInvalid" | "isRequired" | "isDisabled" | "isColored"> & {
-    $color: string | undefined;
-    $isGradient: boolean;
-    $hasLeftIcon: boolean;
-    $hasContent: boolean;
-    $isDisabled: boolean | undefined;
-    $isInvalid: boolean | undefined;
-    $isFocused: boolean;
-    $isFocusVisible: boolean;
-    $isRequired: boolean | undefined;
-    $theme: Theme | undefined;
-    $variant: TextFieldVariant | undefined;
-}, never>;
+const StyledTextField = styled.div`
+  height: fit-content;
+  position: relative;
+  width: fit-content;
+  margin: 0;
+  min-width: 0;
+  padding: 0;
+  ${baseStyling}
+
+  border: 0;
+  display: inline-flex;
+  flex-direction: column;
+  vertical-align: top;
+
+  ${_ref => {
+  let {
+    label,
+    $hasLeftIcon,
+    $hasContent,
+    $isFocused,
+    $isDisabled,
+    $isInvalid,
+    $color,
+    $isGradient,
+    $theme,
+    $variant
+  } = _ref;
+  return css`
+    ${$isDisabled ? css`
+          pointer-events: none;
+        ` : ''}
+
+    .redsift-text-field__label {
+      font-family: var(--redsift-typography-input-text-font-family);
+      font-size: var(--redsift-typography-input-text-font-size);
+      font-weight: var(--redsift-typography-input-text-font-weight);
+      line-height: var(--redsift-typography-input-text-line-height);
+      left: ${$hasLeftIcon && !$hasContent ? '32px' : '0'};
+      overflow: hidden;
+      pointer-events: none;
+      position: absolute;
+      text-overflow: ellipsis;
+      top: ${$hasContent ? '-8px' : '-7px'};
+      transform-origin: top left;
+      transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+        max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+      white-space: nowrap;
+      z-index: 1;
+
+      ${!$hasContent ? css`
+            max-width: calc(100% - 24px);
+            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);
+          ` : css`
+            max-width: calc(133% - 32px);
+            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);
+          `}
+
+      ${!$isGradient ? css`
+            color: var(
+              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
+            );
+          ` : css`
+            background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});
+            ${$variant !== TextFieldVariant.underline ? css`
+                  padding-right: 7px;
+                  padding-left: 5px;
+                ` : ''}
+            > span {
+              background: var(
+                --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
+              );
+              background-clip: text;
+              color: transparent;
+            }
+          `}
+    }
+
+    .redsift-text-field__input-wrapper {
+      align-items: flex-start;
+      box-sizing: border-box;
+      cursor: text;
+      display: inline-flex;
+      min-height: 42px;
+      position: relative;
+    }
+
+    .redsift-text-field-input-wrapper__pills-and-input {
+      align-items: flex-start;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column-reverse;
+      flex-wrap: wrap;
+      flex: 1 1 auto;
+      padding-bottom: 7px;
+      ${$variant !== TextFieldVariant.underline && !$hasLeftIcon ? css`
+            padding-left: 16px;
+          ` : ''}
+      padding-top: ${label ? '9px' : '7px'};
+
+      .redsift-pill {
+        margin: 3px 6px 3px 0;
+      }
+    }
+
+    .redsift-text-field-input-wrapper-pills-and-input__input {
+      background: none;
+      border: 0;
+      box-sizing: content-box;
+      display: flex;
+      flex: 1 1 auto;
+      font-family: var(--redsift-typography-input-text-font-family);
+      font-size: var(--redsift-typography-input-text-font-size);
+      font-weight: var(--redsift-typography-input-text-font-weight);
+      line-height: var(--redsift-typography-input-text-line-height);
+      min-width: 0;
+      min-width: 100px;
+      padding: 2px 0;
+      width: 100%;
+
+      ${$isDisabled ? css`
+            color: var(--redsift-color-grey-l2);
+          ` : css`
+            color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
+          `}
+    }
+
+    .redsift-text-field-input-wrapper-pills-and-input__input::placeholder {
+      color: var(--redsift-color-neutral-mid-grey);
+    }
+
+    .redsift-text-field-input-wrapper-pills-and-input__input:focus {
+      outline: 0;
+    }
+
+    .redsift-text-field-input-wrapper__fieldset {
+      border-style: solid;
+      bottom: 0;
+      left: 1px;
+      margin: 0;
+      min-width: 0%;
+      overflow: hidden;
+      padding: 0 8px;
+      pointer-events: none;
+      position: absolute;
+      right: 0;
+      text-align: left;
+      top: -5px;
+
+      ${!$isGradient || $isDisabled || !$isFocused || $isInvalid ? css`
+            ${$variant === TextFieldVariant.underline ? css`
+                  border-bottom-width: 2px;
+                ` : css`
+                  border-radius: 4px;
+                  border-width: 2px;
+                `}
+            border-color: var(
+              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid ? 'error' : $isFocused ? $color : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}
+            );
+          ` : css`
+            ${$variant === TextFieldVariant.underline ? css`
+                  border-bottom: 2px solid transparent;
+                ` : css`
+                  border: 2px solid transparent;
+                  border-radius: 4px;
+                `}
+            background: transparent;
+            background-clip: padding-box, border-box;
+            background-origin: border-box;
+            background-image: linear-gradient(
+                90deg,
+                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),
+                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})
+              ),
+              var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);
+          `}
+    }
+
+    .redsift-text-field-input-wrapper-fieldset__legend {
+      display: block;
+      float: unset;
+      font-size: 11px;
+      height: 11px;
+      overflow: hidden;
+      padding: 0;
+      visibility: hidden;
+      white-space: nowrap;
+      width: auto;
+
+      ${!$hasContent ? css`
+            max-width: 0.01px;
+            transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+          ` : css`
+            max-width: 100%;
+            transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
+          `}
+    }
+
+    .redsift-text-field-input-wrapper-fieldset__legend > span {
+      display: inline-block;
+      opacity: 0;
+      padding-left: 5px;
+      padding-right: 5px;
+      visibility: visible;
+    }
+
+    .redsift-text-field-input-wrapper__toolbar {
+      position: relative;
+      top: 9px;
+    }
+
+    .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {
+      padding: 2px;
+      position: relative;
+      top: -2px;
+      height: 28px;
+      width: 28px;
+    }
+
+    ${$variant !== TextFieldVariant.underline ? css`
+          .redsift-icon.left {
+            padding-left: 12px;
+            padding-right: 8px;
+            line-height: 28px;
+          }
+
+          .redsift-text-field-input-wrapper__toolbar {
+            padding-right: 8px;
+          }
+        ` : css`
+          .redsift-icon.left {
+            padding-right: 8px;
+          }
+        `}
+
+    .redsift-icon.left,
+    .redsift-icon.right {
+      top: 9px;
+    }
+  `;
+}}
+`;
+
+var clear$1 = "Clear field";
+var enUS = {
+	clear: clear$1,
+	"clear-field": "Clear field {label}"
+};
+
+var clear = "Nettoyer le champ";
+var frFR = {
+	clear: clear,
+	"clear-field": "Nettoyer le champ {label}"
+};
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+const _excluded = ["aria-label", "aria-labelledby", "after", "autoFocus", "className", "color", "defaultValue", "forceColor", "hasClearButton", "inputProps", "inputRef", "internal", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "leftIcon", "name", "onBlur", "onChange", "onClear", "onFocus", "pills", "placeholder", "theme", "type", "value", "variant"];
+const COMPONENT_NAME = 'TextField';
+const CLASSNAME = 'redsift-text-field';
 
 /**
  * The TextField component.
  * Can be used as controlled or uncontrolled.
  */
-declare const TextField: Comp<TextFieldProps, HTMLDivElement>;
+const TextField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      after,
+      autoFocus,
+      className,
+      color: propsColor,
+      defaultValue = '',
+      forceColor,
+      hasClearButton,
+      inputProps,
+      inputRef,
+      internal,
+      isColored = true,
+      isDisabled,
+      isInvalid,
+      isReadOnly,
+      isRequired,
+      label,
+      leftIcon,
+      name,
+      onBlur: onBlurProps,
+      onChange,
+      onClear,
+      onFocus: onFocusProps,
+      pills,
+      placeholder,
+      theme: propsTheme,
+      type,
+      value: propsValue,
+      variant = TextFieldVariant.default
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  const color = Object.values(ButtonsColorPalette).includes(propsColor) ? propsColor : isColored ? 'primary' : 'grey';
+  const isGradient = color === ButtonsColorPalette.radar;
+  const format = useMessageFormatter(intlMessages);
+  const {
+    isFocusVisible,
+    isFocused,
+    focusProps: {
+      onFocus,
+      onBlur
+    }
+  } = useFocusRing({
+    autoFocus
+  });
+  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));
+  const {
+    focusWithinProps
+  } = useFocusWithin({
+    onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
+  });
+  const [value, setValue] = useState(defaultValue);
+  const isControlled = propsValue !== null && propsValue !== undefined;
+  const [labelId] = useId();
+  warnIfNoAccessibleLabelFound(props, [label], 'TextField');
+  const handleChange = useCallback(event => {
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    if (onChange) {
+      onChange(event.target.value, name, event);
+    } else {
+      setValue(event.target.value);
+    }
+  }, [onChange]);
+  const handleClear = useCallback(() => {
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    if (onChange) {
+      onChange('');
+    }
+    if (onClear) {
+      onClear();
+    }
+    if (hasClearButton && hasClearButton !== true && hasClearButton.onClick) {
+      hasClearButton.onClick({});
+    }
+    setValue('');
+  }, [onChange]);
+  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends({}, focusWithinProps, forwardedProps, {
+    $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder) || Boolean(pills && pills.length > 0),
+    $hasLeftIcon: Boolean(leftIcon),
+    $color: color,
+    $isGradient: isGradient,
+    $isDisabled: isDisabled,
+    $isFocusVisible: isFocusVisible,
+    $isInvalid: isInvalid || isRequired && !(isControlled ? propsValue : value),
+    $isRequired: isRequired,
+    $isFocused: Boolean(isFocused || forceColor),
+    $theme: theme,
+    $variant: variant,
+    className: classNames(TextField.className, className),
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("fieldset", {
+    "aria-hidden": "true",
+    className: `${TextField.className}-input-wrapper__fieldset`
+  }, /*#__PURE__*/React__default.createElement("legend", {
+    id: labelId,
+    className: `${TextField.className}-input-wrapper-fieldset__legend`
+  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
+    className: `${TextField.className}__label`
+  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
+    className: `${TextField.className}__input-wrapper`
+  }, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+    color: isDisabled ? 'question' : 'black'
+  }, leftIcon, {
+    "aria-hidden": "true",
+    className: "left"
+  })) : null, /*#__PURE__*/React__default.createElement("div", {
+    className: `${TextField.className}-input-wrapper__pills-and-input`
+  }, /*#__PURE__*/React__default.createElement("input", _extends({}, inputProps, {
+    onBlur: event => {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+      onBlurProps === null || onBlurProps === void 0 ? void 0 : onBlurProps(event);
+    },
+    onFocus: event => {
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+      onFocusProps === null || onFocusProps === void 0 ? void 0 : onFocusProps(event);
+    },
+    "aria-disabled": isDisabled,
+    "aria-invalid": isInvalid || isRequired && !(isControlled ? propsValue : value),
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby || (label ? labelId : undefined),
+    "aria-readonly": isReadOnly,
+    "aria-required": isRequired,
+    autoFocus: autoFocus,
+    className: `${TextField.className}-input-wrapper-pills-and-input__input`,
+    disabled: isDisabled,
+    name: name,
+    onChange: handleChange,
+    placeholder: placeholder,
+    ref: inputRef,
+    type: type,
+    value: isControlled ? propsValue : value
+  })), /*#__PURE__*/React__default.createElement("div", null, pills === null || pills === void 0 ? void 0 : pills.map((pill, index) => /*#__PURE__*/React__default.createElement(Pill, _extends({
+    theme: theme,
+    key: `${labelId}-pill-${index}`,
+    color: "blue",
+    size: "small"
+  }, pill))))), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
+    className: `${TextField.className}-input-wrapper__toolbar`,
+    gap: "8px"
+  }, hasClearButton ? /*#__PURE__*/React__default.createElement(IconButton, _extends({
+    theme: theme,
+    "aria-label": label ? format('clear-field', {
+      label
+    }) : format('clear'),
+    color: "grey",
+    isDisabled: isDisabled,
+    icon: mdiClose
+  }, hasClearButton !== true && hasClearButton, {
+    onClick: handleClear,
+    className: "right clear"
+  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
+      position: 'relative',
+      top: '-2px'
+    }
+  }) : null, typeof after === 'function' ? after(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : after) : null));
+});
+TextField.className = CLASSNAME;
+TextField.displayName = COMPONENT_NAME;
 
-export { StyledTextField as S, TextField as T };
+export { StyledTextField as S, TextFieldVariant as T, TextField as a };
+//# sourceMappingURL=TextField.js.map

package/_internal/alert.js

@@ -1,5 +1,2 @@
-export { c as Alert, b as AlertProps, a as AlertStyleVariant, A as AlertVariant, S as StyledAlertProps } from './Alert2.js';
-import 'react';
-import './helpers.js';
-import './styles2.js';
-import './colors.js';
+export { b as Alert, a as AlertStyleVariant, A as AlertVariant } from './Alert2.js';
+//# sourceMappingURL=alert.js.map

package/_internal/app-bar.js

@@ -1,8 +1,2 @@
-export { a as AppBar, A as AppBarProps, S as StyledAppBarProps } from './AppBar.js';
-import 'react';
-import './types16.js';
-import './types17.js';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
-import './types3.js';
+export { A as AppBar } from './AppBar.js';
+//# sourceMappingURL=app-bar.js.map

package/_internal/app-container.js

@@ -1,9 +1,3 @@
-export { e as AppContainer, A as AppContainerContext, d as AppContainerProps, c as AppContainerState, R as RadarSvgLinearGradient, S as StyledAppContainerProps } from './AppContainer.js';
-import 'react';
-import './types.js';
-import './types16.js';
-import './types17.js';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
-import './types3.js';
+export { A as AppContainerContext } from './context.js';
+export { A as AppContainer, R as RadarSvgLinearGradient } from './AppContainer.js';
+//# sourceMappingURL=app-container.js.map

package/_internal/app-content.js

@@ -1,5 +1,2 @@
-export { a as AppContent, A as AppContentProps, S as StyledAppContentProps } from './AppContent.js';
-import 'react';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
+export { A as AppContent } from './AppContent.js';
+//# sourceMappingURL=app-content.js.map

package/_internal/app-side-panel.js

@@ -1,11 +1,3 @@
-export { a as AppSidePanelProps, A as AppSidePanelVariant, S as StyledAppSidePanelProps } from './types.js';
-export { A as AppSidePanel, u as useAppSidePanel } from './useAppSidePanel.js';
-import 'react';
-import './types16.js';
-import './types17.js';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
-import './useSideNavigationMenuBar.js';
-import './types23.js';
-import './types2.js';
+export { A as AppSidePanelVariant } from './types.js';
+export { A as AppSidePanel, a as useAppSidePanel } from './useAppSidePanel.js';
+//# sourceMappingURL=app-side-panel.js.map

package/_internal/badge.js

@@ -1,6 +1,2 @@
-export { a as BadgeProps, B as BadgeVariant, S as StyledBadgeProps } from './types2.js';
-export { B as Badge } from './Badge2.js';
-import 'react';
-import './colors.js';
-import './helpers.js';
-import './styles2.js';
+export { a as Badge, B as BadgeVariant } from './Badge2.js';
+//# sourceMappingURL=badge.js.map

package/_internal/breadcrumb-item.js

@@ -1,5 +1,2 @@
-export { B as BreadcrumbItemProps, S as StyledBreadcrumbItemProps } from './types3.js';
 export { B as BreadcrumbItem } from './BreadcrumbItem.js';
-import 'react';
-import './colors.js';
-import './helpers.js';
+//# sourceMappingURL=breadcrumb-item.js.map

package/_internal/breadcrumbs.js

@@ -1,6 +1,2 @@
-export { a as BaseBreadcrumbs, b as Breadcrumbs, B as BreadcrumbsProps, S as StyledBreadcrumbsProps } from './Breadcrumbs2.js';
-import './types3.js';
-import 'react';
-import './colors.js';
-import './helpers.js';
-import './styles2.js';
+export { B as BaseBreadcrumbs, a as Breadcrumbs } from './Breadcrumbs2.js';
+//# sourceMappingURL=breadcrumbs.js.map

package/_internal/button-group.js

@@ -1,5 +1,2 @@
-export { c as ButtonGroup, a as ButtonGroupColor, b as ButtonGroupProps, B as ButtonGroupVariant, S as StyledButtonGroupProps } from './ButtonGroup.js';
-import 'react';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
+export { a as ButtonGroup, B as ButtonGroupVariant } from './ButtonGroup.js';
+//# sourceMappingURL=button-group.js.map

package/_internal/button-link.js

@@ -1,8 +1,2 @@
-export { a as ButtonLink, B as ButtonLinkProps, S as StyledButtonLinkProps } from './ButtonLink.js';
-import './types4.js';
-import 'react';
-import './types17.js';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
-import './types18.js';
+export { B as ButtonLink } from './ButtonLink.js';
+//# sourceMappingURL=button-link.js.map

package/_internal/button.js

@@ -1,8 +1,3 @@
-export { a as ButtonColor, b as ButtonProps, B as ButtonVariant, S as StyledButtonProps } from './types4.js';
-export { B as Button, S as StyledButton } from './Button2.js';
-import 'react';
-import './types17.js';
-import './styles2.js';
-import './helpers.js';
-import './colors.js';
-import 'styled-components';
+export { B as ButtonVariant, S as StyledButton } from './styles.js';
+export { B as Button } from './Button2.js';
+//# sourceMappingURL=button.js.map

package/_internal/card-actions.js

@@ -1,5 +1,2 @@
-export { C as CardActionsProps, S as StyledCardActionsProps } from './types5.js';
 export { C as CardActions } from './CardActions.js';
-import 'react';
-import './styles2.js';
-import './helpers.js';
+//# sourceMappingURL=card-actions.js.map

package/_internal/card-body.js

@@ -1,5 +1,2 @@
-export { C as CardBodyProps, S as StyledCardBodyProps } from './types6.js';
 export { C as CardBody } from './CardBody.js';
-import 'react';
-import './styles2.js';
-import './helpers.js';
+//# sourceMappingURL=card-body.js.map

package/_internal/card-header.js

@@ -1,9 +1,2 @@
-export { C as CardHeaderProps, S as StyledCardHeaderProps } from './types7.js';
 export { C as CardHeader } from './CardHeader.js';
-import 'react';
-import './types15.js';
-import './fonts.js';
-import './helpers.js';
-import './styles2.js';
-import './colors.js';
-import './types17.js';
+//# sourceMappingURL=card-header.js.map

package/_internal/card.js

@@ -1,11 +1,2 @@
-export { a as Card, C as CardProps, S as StyledCardProps } from './Card2.js';
-import './types5.js';
-import 'react';
-import './styles2.js';
-import './helpers.js';
-import './types6.js';
-import './types7.js';
-import './types15.js';
-import './fonts.js';
-import './colors.js';
-import './types17.js';
+export { C as Card } from './Card2.js';
+//# sourceMappingURL=card.js.map

package/_internal/checkbox-group.js

@@ -1,6 +1,2 @@
-export { a as CheckboxGroupOrientation, b as CheckboxGroupProps, C as CheckboxGroupState, S as StyledCheckboxGroupProps } from './types8.js';
-export { C as CheckboxGroup } from './CheckboxGroup.js';
-import 'react';
-import './helpers.js';
-import './styles2.js';
-import './colors.js';
+export { a as CheckboxGroup, C as CheckboxGroupOrientation } from './CheckboxGroup.js';
+//# sourceMappingURL=checkbox-group.js.map