@vintedsamulionis/lovable-web-ui 70.3.4

package/dist/esm/lib/Button/Button.js

@@ -0,0 +1,203 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { forwardRef } from 'react';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { deprecationWarning } from '../../utils/warning.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../Icon/Icon.js';
+import { Loader } from '../Loader/Loader.js';
+
+var styles = {
+  "unit-base": "4",
+  "button": "web_ui__Button__button",
+  "inline": "web_ui__Button__inline",
+  "disabled": "web_ui__Button__disabled",
+  "content": "web_ui__Button__content",
+  "label": "web_ui__Button__label",
+  "truncated": "web_ui__Button__truncated",
+  "icon": "web_ui__Button__icon",
+  "loader": "web_ui__Button__loader",
+  "with-loader": "web_ui__Button__with-loader",
+  "default": "web_ui__Button__default",
+  "without-text": "web_ui__Button__without-text",
+  "icon-left": "web_ui__Button__icon-left",
+  "icon-right": "web_ui__Button__icon-right",
+  "medium": "web_ui__Button__medium",
+  "small": "web_ui__Button__small",
+  "outlined": "web_ui__Button__outlined",
+  "filled": "web_ui__Button__filled",
+  "flat": "web_ui__Button__flat",
+  "inverse": "web_ui__Button__inverse",
+  "primary": "web_ui__Button__primary",
+  "amplified": "web_ui__Button__amplified",
+  "muted": "web_ui__Button__muted",
+  "warning": "web_ui__Button__warning",
+  "success": "web_ui__Button__success",
+  "expose": "web_ui__Button__expose"
+};
+
+var _excluded = ["type", "styling", "size", "inline", "theme", "truncated", "disabled", "inverse", "iconPosition", "icon", "iconName", "iconColor", "isLoading", "jsClass", "children", "text", "url", "aria", "forwardedRef", "urlProps", "onClick", "testId"];
+var BUTTON_STYLING_VALUES = ['outlined', 'filled', 'flat'];
+var BUTTON_ICON_POSITION_VALUES = ['left', 'right'];
+var BUTTON_TYPE_VALUES = ['button', 'submit', 'reset'];
+var BUTTON_SIZE_VALUES = ['default', 'medium', 'small'];
+/* ---------- Back-compat shims (public API) ---------- */
+var BUTTON_STYLING = {
+  Outlined: 'outlined',
+  Filled: 'filled',
+  Flat: 'flat'
+};
+var BUTTON_ICON_POSITION = {
+  Left: 'left',
+  Right: 'right'
+};
+var BUTTON_TYPE = {
+  Button: 'button',
+  Submit: 'submit',
+  Reset: 'reset'
+};
+var BUTTON_SIZE = {
+  Default: 'default',
+  Medium: 'medium',
+  Small: 'small'
+};
+
+/* ---------- Type definitions ---------- */
+
+var cssClasses = classNames.bind(styles);
+var Button = function Button(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$styling = _ref.styling,
+    styling = _ref$styling === void 0 ? 'outlined' : _ref$styling,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    inline = _ref.inline,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'primary' : _ref$theme,
+    _ref$truncated = _ref.truncated,
+    truncated = _ref$truncated === void 0 ? true : _ref$truncated,
+    disabled = _ref.disabled,
+    inverse = _ref.inverse,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
+    icon = _ref.icon,
+    iconName = _ref.iconName,
+    iconColor = _ref.iconColor,
+    isLoading = _ref.isLoading,
+    jsClass = _ref.jsClass,
+    children = _ref.children,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    url = _ref.url,
+    aria = _ref.aria,
+    forwardedRef = _ref.forwardedRef,
+    urlProps = _ref.urlProps,
+    onClick = _ref.onClick,
+    testId = _ref.testId,
+    elementProps = _objectWithoutProperties(_ref, _excluded);
+  var renderIcon = function renderIcon() {
+    if (icon) {
+      return /*#__PURE__*/jsx("span", {
+        className: styles.icon,
+        children: icon
+      });
+    }
+    if (iconName) {
+      return /*#__PURE__*/jsx("span", {
+        className: styles.icon,
+        children: /*#__PURE__*/jsx(Icon, {
+          name: iconName,
+          color: iconColor
+        })
+      });
+    }
+    return null;
+  };
+  var renderLoader = function renderLoader() {
+    if (!isLoading) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: styles.loader,
+      children: /*#__PURE__*/jsx(Loader, {
+        size: size,
+        theme: styling === 'filled' && !inverse ? null : theme
+      })
+    });
+  };
+  var contentText = children || text;
+  var isDisabled = disabled || isLoading;
+  var buttonClass = cssClasses('button', styling, size, theme, jsClass, _defineProperty(_defineProperty(_defineProperty({
+    inline: inline,
+    inverse: inverse,
+    disabled: isDisabled,
+    truncated: truncated
+  }, "icon-".concat(iconPosition), icon || iconName), 'without-text', !contentText), 'with-loader', isLoading));
+  var content = /*#__PURE__*/jsxs("span", {
+    className: styles.content,
+    children: [contentText ? /*#__PURE__*/jsx("span", {
+      className: styles.label,
+      children: contentText
+    }) : null, renderIcon(), renderLoader()]
+  });
+  if (url) {
+    var className = cssClasses(buttonClass, urlProps === null || urlProps === void 0 ? void 0 : urlProps.className);
+    return (
+      /*#__PURE__*/
+      // @ts-expect-error - spreading props that may contain invalid a-tag fields (e.g. ref)
+      jsx("a", _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        "aria-busy": isLoading || undefined,
+        "aria-disabled": isDisabled || undefined
+      }, elementProps), aria), urlProps), {}, {
+        href: url,
+        className: className,
+        "data-testid": testId,
+        onClick: onClick,
+        children: content
+      }))
+    );
+  }
+  return /*#__PURE__*/jsx("button", _objectSpread(_objectSpread(_objectSpread({
+    // eslint-disable-next-line react/button-has-type
+    type: type,
+    "aria-busy": isLoading || undefined
+  }, elementProps), aria), {}, {
+    className: buttonClass,
+    ref: forwardedRef,
+    onClick: onClick,
+    "data-testid": testId,
+    disabled: isDisabled,
+    children: content
+  }));
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+// BUG: default exports do not auto-generate storybook ArgsTable
+// https://github.com/storybookjs/storybook/issues/9511
+// remove export when resolved
+var ButtonWithForwardedRefBase = /*#__PURE__*/forwardRef(function (props, ref) {
+  if (props.jsClass) {
+    deprecationWarning('Property jsClass on Button component has been deprecated.');
+  }
+  return /*#__PURE__*/jsx(Button, _objectSpread({
+    forwardedRef: ref
+  }, props));
+});
+ButtonWithForwardedRefBase.displayName = Button.name;
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var ButtonWithForwardedRef = _Object$assign(ButtonWithForwardedRefBase, {
+  /** @deprecated Use string unions, e.g. styling="filled" */
+  Styling: BUTTON_STYLING,
+  /** @deprecated Use string unions, e.g. iconPosition="left" */
+  IconPosition: BUTTON_ICON_POSITION,
+  /** @deprecated Use string unions, e.g. type="submit" */
+  Type: BUTTON_TYPE,
+  /** @deprecated Use string unions, e.g. size="small" */
+  Size: BUTTON_SIZE
+});
+
+export { BUTTON_ICON_POSITION, BUTTON_ICON_POSITION_VALUES, BUTTON_SIZE, BUTTON_SIZE_VALUES, BUTTON_STYLING, BUTTON_STYLING_VALUES, BUTTON_TYPE, BUTTON_TYPE_VALUES, ButtonWithForwardedRef, ButtonWithForwardedRef as default };
+//# sourceMappingURL=Button.js.map

package/dist/esm/lib/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/lib/Button/Button.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  MouseEvent,\n  ReactNode,\n  Ref,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  AriaAttributes,\n  forwardRef,\n  ReactElement,\n} from 'react'\nimport classNames from 'classnames/bind'\n\nimport Loader from '../Loader'\nimport Icon from '../Icon'\nimport type { IconProps } from '../Icon/Icon'\n\nimport { Theme } from '../types'\nimport { deprecationWarning } from '../../utils/warning'\n\nimport styles from './Button.scss'\n\n/* ---------- String-union sources of truth ---------- */\nexport const BUTTON_STYLING_VALUES = ['outlined', 'filled', 'flat'] as const\nexport type ButtonStyling = (typeof BUTTON_STYLING_VALUES)[number]\n\nexport const BUTTON_ICON_POSITION_VALUES = ['left', 'right'] as const\nexport type ButtonIconPosition = (typeof BUTTON_ICON_POSITION_VALUES)[number]\n\nexport const BUTTON_TYPE_VALUES = ['button', 'submit', 'reset'] as const\nexport type ButtonType = (typeof BUTTON_TYPE_VALUES)[number]\n\nexport const BUTTON_SIZE_VALUES = ['default', 'medium', 'small'] as const\nexport type ButtonSize = (typeof BUTTON_SIZE_VALUES)[number]\n\n/* ---------- Back-compat shims (public API) ---------- */\nexport const BUTTON_STYLING = {\n  Outlined: 'outlined',\n  Filled: 'filled',\n  Flat: 'flat',\n} as const satisfies Record<string, ButtonStyling>\n\nexport const BUTTON_ICON_POSITION = {\n  Left: 'left',\n  Right: 'right',\n} as const satisfies Record<string, ButtonIconPosition>\n\nexport const BUTTON_TYPE = {\n  Button: 'button',\n  Submit: 'submit',\n  Reset: 'reset',\n} as const satisfies Record<string, ButtonType>\n\nexport const BUTTON_SIZE = {\n  Default: 'default',\n  Medium: 'medium',\n  Small: 'small',\n} as const satisfies Record<string, ButtonSize>\n\n/* ---------- Type definitions ---------- */\nexport type ButtonTheme = Theme<\n  'primary' | 'muted' | 'success' | 'warning' | 'expose' | 'amplified'\n>\n\nexport type ButtonProps = {\n  type?: ButtonType\n  styling?: ButtonStyling\n  size?: ButtonSize\n  theme?: ButtonTheme\n  text?: string | ReactNode\n  /** Inverts the Button colors. */\n  inverse?: boolean\n  /**\n   * Disables and dims the button.\n   * Applied theme is respected and `onClick` callback is no longer fired.\n   */\n  disabled?: boolean\n  /**\n   * Controls whether the button should be rendered inline.\n   * Button width no longer takes the width of its parent container, and renders itself inline.\n   */\n  inline?: boolean\n  onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void\n  /**\n   * Sets the url that is opened when the button is clicked.\n   * `onClick` callback is still fired when the `url` parameter is provided.\n   */\n  url?: string\n  /**\n   * Sets additional parameters on an anchor tag.\n   * Requires that `url` is provided.\n   */\n  urlProps?: JSX.IntrinsicElements['a'] & Record<`data-${string}`, unknown>\n  /**\n   * Sets the rel attribute on an anchor tag.\n   */\n  rel?: string\n  /**\n   * Sets title on the `<button>` HTML element.\n   */\n  title?: string\n  children?: ReactNode\n  /**\n   * Sets an Icon component for custom appearance.\n   * `icon` takes precedence over `iconName` if both parameters are set.\n   */\n  icon?: ReactElement<IconProps>\n  /**\n   * Name of the icon.\n   * Icon will be prefixed to the content.\n   * `icon` takes precedence over `iconName` if both parameters are set.\n   */\n  iconName?: ComponentProps<typeof Icon>['name']\n  iconColor?: ComponentProps<typeof Icon>['color']\n  iconPosition?: ButtonIconPosition\n  isLoading?: boolean\n  /**\n   * Truncates the button text if it overflows the parent container.\n   */\n  truncated?: boolean\n  aria?: AriaAttributes\n  /** @deprecated Will be removed or replaced by className in the future\n   * Adds CSS classes to the button element.\n   */\n  jsClass?: string\n  /**\n   * Sets the reference to the button element in DOM.\n   */\n  forwardedRef?: Ref<HTMLButtonElement>\n  testId?: string\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst Button = ({\n  type = 'button',\n  styling = 'outlined',\n  size = 'default',\n  inline,\n  theme = 'primary',\n  truncated = true,\n  disabled,\n  inverse,\n  iconPosition = 'left',\n  icon,\n  iconName,\n  iconColor,\n  isLoading,\n  jsClass,\n  children,\n  text = '',\n  url,\n  aria,\n  forwardedRef,\n  urlProps,\n  onClick,\n  testId,\n  ...elementProps\n}: ButtonProps) => {\n  const renderIcon = () => {\n    if (icon) {\n      return <span className={styles.icon}>{icon}</span>\n    }\n\n    if (iconName) {\n      return (\n        <span className={styles.icon}>\n          <Icon name={iconName} color={iconColor} />\n        </span>\n      )\n    }\n\n    return null\n  }\n\n  const renderLoader = () => {\n    if (!isLoading) return null\n\n    return (\n      <div className={styles.loader}>\n        <Loader size={size} theme={styling === 'filled' && !inverse ? null : theme} />\n      </div>\n    )\n  }\n\n  const contentText = children || text\n\n  const isDisabled = disabled || isLoading\n\n  const buttonClass = cssClasses('button', styling, size, theme, jsClass, {\n    inline,\n    inverse,\n    disabled: isDisabled,\n    truncated,\n    [`icon-${iconPosition}`]: icon || iconName,\n    'without-text': !contentText,\n    'with-loader': isLoading,\n  })\n\n  const content = (\n    <span className={styles.content}>\n      {contentText ? <span className={styles.label}>{contentText}</span> : null}\n      {renderIcon()}\n      {renderLoader()}\n    </span>\n  )\n\n  if (url) {\n    const className = cssClasses(buttonClass, urlProps?.className)\n\n    return (\n      // @ts-expect-error - spreading props that may contain invalid a-tag fields (e.g. ref)\n      <a\n        aria-busy={isLoading || undefined}\n        aria-disabled={isDisabled || undefined}\n        {...elementProps}\n        {...aria}\n        {...urlProps}\n        href={url}\n        className={className}\n        data-testid={testId}\n        onClick={onClick}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      aria-busy={isLoading || undefined}\n      {...elementProps}\n      {...aria}\n      className={buttonClass}\n      ref={forwardedRef}\n      onClick={onClick}\n      data-testid={testId}\n      disabled={isDisabled}\n    >\n      {content}\n    </button>\n  )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type RefComponent = ForwardRefExoticComponent<\n  ButtonProps & RefAttributes<HTMLButtonElement>\n> & {\n  /** @deprecated Use string unions, e.g. styling=\"filled\" */\n  Styling: typeof BUTTON_STYLING\n  /** @deprecated Use string unions, e.g. iconPosition=\"left\" */\n  IconPosition: typeof BUTTON_ICON_POSITION\n  /** @deprecated Use string unions, e.g. type=\"submit\" */\n  Type: typeof BUTTON_TYPE\n  /** @deprecated Use string unions, e.g. size=\"small\" */\n  Size: typeof BUTTON_SIZE\n}\n\n// BUG: default exports do not auto-generate storybook ArgsTable\n// https://github.com/storybookjs/storybook/issues/9511\n// remove export when resolved\nconst ButtonWithForwardedRefBase = forwardRef<HTMLButtonElement, ButtonProps>((props, ref?) => {\n  if (props.jsClass) {\n    deprecationWarning('Property jsClass on Button component has been deprecated.')\n  }\n\n  return <Button forwardedRef={ref} {...props} />\n})\n\nButtonWithForwardedRefBase.displayName = Button.name\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const ButtonWithForwardedRef: RefComponent = Object.assign(ButtonWithForwardedRefBase, {\n  /** @deprecated Use string unions, e.g. styling=\"filled\" */\n  Styling: BUTTON_STYLING,\n  /** @deprecated Use string unions, e.g. iconPosition=\"left\" */\n  IconPosition: BUTTON_ICON_POSITION,\n  /** @deprecated Use string unions, e.g. type=\"submit\" */\n  Type: BUTTON_TYPE,\n  /** @deprecated Use string unions, e.g. size=\"small\" */\n  Size: BUTTON_SIZE,\n})\n\nexport default ButtonWithForwardedRef\n"],"names":["BUTTON_STYLING_VALUES","BUTTON_ICON_POSITION_VALUES","BUTTON_TYPE_VALUES","BUTTON_SIZE_VALUES","BUTTON_STYLING","Outlined","Filled","Flat","BUTTON_ICON_POSITION","Left","Right","BUTTON_TYPE","Button","Submit","Reset","BUTTON_SIZE","Default","Medium","Small","cssClasses","classNames","bind","styles","_ref","_ref$type","type","_ref$styling","styling","_ref$size","size","inline","_ref$theme","theme","_ref$truncated","truncated","disabled","inverse","_ref$iconPosition","iconPosition","icon","iconName","iconColor","isLoading","jsClass","children","_ref$text","text","url","aria","forwardedRef","urlProps","onClick","testId","elementProps","_objectWithoutProperties","_excluded","renderIcon","_jsx","className","Icon","name","color","renderLoader","loader","Loader","contentText","isDisabled","buttonClass","_defineProperty","concat","content","_jsxs","label","_objectSpread","undefined","href","ref","ButtonWithForwardedRefBase","forwardRef","props","deprecationWarning","displayName","ButtonWithForwardedRef","_Object$assign","Styling","IconPosition","Type","Size"],"mappings":"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"}

package/dist/esm/lib/Button/index.js

@@ -0,0 +1,2 @@
+export { ButtonWithForwardedRef as default } from './Button.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/Button/index.js.map

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

package/dist/esm/lib/Card/Card.js

@@ -0,0 +1,59 @@
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { jsx } from 'react/jsx-runtime';
+
+var styles = {
+  "unit-base": "4",
+  "card": "web_ui__Card__card",
+  "lifted": "web_ui__Card__lifted",
+  "elevated": "web_ui__Card__elevated",
+  "primaryLightExperimental": "web_ui__Card__primaryLightExperimental",
+  "exposeLightExperimental": "web_ui__Card__exposeLightExperimental",
+  "overflowAuto": "web_ui__Card__overflowAuto",
+  "overflowHidden": "web_ui__Card__overflowHidden",
+  "overflowScroll": "web_ui__Card__overflowScroll",
+  "overflowVisible": "web_ui__Card__overflowVisible"
+};
+
+/* ---------- String-union sources of truth ---------- */
+var CARD_STYLING_VALUES = ['lifted', 'elevated'];
+var CARD_THEME_VALUES = ['primaryLightExperimental', 'exposeLightExperimental'];
+
+/* ---------- Back-compat shims (public API) ---------- */
+var CARD_STYLING = {
+  Lifted: 'lifted',
+  Elevated: 'elevated'
+};
+
+/* ---------- Type definitions ---------- */
+
+var cssClasses = classNames.bind(styles);
+var CardBase = function CardBase(_ref) {
+  var _context;
+  var styling = _ref.styling,
+    children = _ref.children,
+    testId = _ref.testId,
+    experimentalTheme = _ref.experimentalTheme,
+    _ref$overflow = _ref.overflow,
+    overflow = _ref$overflow === void 0 ? 'auto' : _ref$overflow;
+  var overflowClass = _concatInstanceProperty(_context = "overflow".concat(overflow.charAt(0).toUpperCase())).call(_context, _sliceInstanceProperty(overflow).call(overflow, 1));
+  var cardClass = cssClasses(styles.card, styling, experimentalTheme, overflowClass);
+  return /*#__PURE__*/jsx("div", {
+    className: cardClass,
+    "data-testid": testId,
+    children: children
+  });
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var Card = _Object$assign(CardBase, {
+  /** @deprecated Use string unions, e.g. styling="lifted" */
+  Styling: CARD_STYLING
+});
+
+export { CARD_STYLING, CARD_STYLING_VALUES, CARD_THEME_VALUES, Card, Card as default };
+//# sourceMappingURL=Card.js.map

package/dist/esm/lib/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/lib/Card/Card.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, FC } from 'react'\nimport classNames from 'classnames/bind'\n\nimport styles from './Card.scss'\n\nimport { Theme, VintedTheme } from '../types'\n\n/* ---------- String-union sources of truth ---------- */\nexport const CARD_STYLING_VALUES = ['lifted', 'elevated'] as const\nexport type CardStyling = (typeof CARD_STYLING_VALUES)[number]\n\nexport const CARD_THEME_VALUES = [\n  'primaryLightExperimental',\n  'exposeLightExperimental',\n] as const satisfies ReadonlyArray<VintedTheme>\n\n/* ---------- Back-compat shims (public API) ---------- */\nexport const CARD_STYLING = {\n  Lifted: 'lifted',\n  Elevated: 'elevated',\n} as const satisfies Record<string, CardStyling>\n\n/* ---------- Type definitions ---------- */\nexport type ExperimentalThemes = Theme<(typeof CARD_THEME_VALUES)[number]>\n\nexport type CardProps = {\n  children: ReactNode\n  /**\n   * Sets the styling which applies shadow.\n   */\n  styling?: CardStyling\n  overflow?: CSSProperties['overflow']\n  /**\n   * Sets the experimental theme color of the card.\n   */\n  experimentalTheme?: ExperimentalThemes\n  testId?: string\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst CardBase = ({\n  styling,\n  children,\n  testId,\n  experimentalTheme,\n  overflow = 'auto',\n}: CardProps) => {\n  const overflowClass = `overflow${overflow.charAt(0).toUpperCase()}${overflow.slice(1)}`\n  const cardClass = cssClasses(styles.card, styling, experimentalTheme, overflowClass)\n\n  return (\n    <div className={cardClass} data-testid={testId}>\n      {children}\n    </div>\n  )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type CardComponent = FC<CardProps> & {\n  /** @deprecated Use string unions, e.g. styling=\"lifted\" */\n  Styling: typeof CARD_STYLING\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const Card: CardComponent = Object.assign(CardBase, {\n  /** @deprecated Use string unions, e.g. styling=\"lifted\" */\n  Styling: CARD_STYLING,\n})\n\nexport default Card\n"],"names":["CARD_STYLING_VALUES","CARD_THEME_VALUES","CARD_STYLING","Lifted","Elevated","cssClasses","classNames","bind","styles","CardBase","_ref","_context","styling","children","testId","experimentalTheme","_ref$overflow","overflow","overflowClass","_concatInstanceProperty","concat","charAt","toUpperCase","call","_sliceInstanceProperty","cardClass","card","_jsx","className","Card","_Object$assign","Styling"],"mappings":";;;;;;;;;;;;;;;;;;;AAOA;IACaA,mBAAmB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAU;IAGrDC,iBAAiB,GAAG,CAC/B,0BAA0B,EAC1B,yBAAyB,EACoB;;AAE/C;AACO,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAgD;;AAEhD;;AAiBA,IAAMC,UAAU,GAAGC,UAAU,CAACC,IAAI,CAACC,MAAM,CAAC,CAAA;AAE1C,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMG;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IALfC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IAAAC,aAAA,GAAAN,IAAA,CACjBO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,aAAA,CAAA;AAEjB,EAAA,IAAME,aAAa,GAAAC,uBAAA,CAAAR,QAAA,GAAAS,UAAAA,CAAAA,MAAA,CAAcH,QAAQ,CAACI,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,CAAAC,CAAAA,CAAAA,IAAA,CAAAZ,QAAA,EAAGa,sBAAA,CAAAP,QAAQ,CAAA,CAAAM,IAAA,CAARN,QAAQ,EAAO,CAAC,CAAC,CAAE,CAAA;AACvF,EAAA,IAAMQ,SAAS,GAAGpB,UAAU,CAACG,MAAM,CAACkB,IAAI,EAAEd,OAAO,EAAEG,iBAAiB,EAAEG,aAAa,CAAC,CAAA;AAEpF,EAAA,oBACES,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEH,SAAU;AAAC,IAAA,aAAA,EAAaX,MAAO;AAAAD,IAAAA,QAAA,EAC5CA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,CAAC,CAAA;;AAED;;AAMA;IACagB,IAAmB,GAAGC,cAAA,CAAcrB,QAAQ,EAAE;AACzD;AACAsB,EAAAA,OAAO,EAAE7B,YAAAA;AACX,CAAC;;;;"}

package/dist/esm/lib/Card/index.js

@@ -0,0 +1,2 @@
+export { Card as default } from './Card.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/Card/index.js.map

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

package/dist/esm/lib/Carousel/Carousel.js

@@ -0,0 +1,216 @@
+'use client';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect } from 'react';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { noop } from '../../utils/noop.js';
+import { CarouselNavigation } from './CarouselNavigation.js';
+import { s as styles } from '../../shared/Carousel-9459b4d8.js';
+import { CarouselArrow } from './CarouselArrow.js';
+import { previousIndex, nextIndex } from './utils.js';
+import { KeyboardKey } from '../../constants/keyboard.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useDrag from '../../hooks/useDrag/useDrag.js';
+
+var CAROUSEL_STYLING_VALUES = ['floating'];
+var CAROUSEL_ARROWS_VALUES = ['inside', 'outside', 'hidden'];
+/* ---------- Back-compat shim (deprecated) ---------- */
+var CAROUSEL_STYLING = {
+  Floating: 'floating'
+};
+var CAROUSEL_ARROWS = {
+  Inside: 'inside',
+  Outside: 'outside',
+  Hidden: 'hidden'
+};
+
+/* ---------- Type definitions ---------- */
+
+var CONTENT_DRAG_THRESHOLD = 0.2;
+var carouselStylingMapToNavigation = {
+  floating: 'floating'
+};
+var cssClasses = classNames.bind(styles);
+
+// scroll-behavior: 'smooth' is supported but broken in Safari 15.4+
+// when parent container has overflow: hidden
+// The polyfills are not an option, because Safari has scroll-behaviour, just broken
+// https://developer.apple.com/forums/thread/703294
+// https://bugs.webkit.org/show_bug.cgi?id=238497
+var isSafari = typeof window !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var CarouselBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var externalIndex = _ref.index,
+    slides = _ref.slides,
+    _ref$isInfinite = _ref.isInfinite,
+    isInfinite = _ref$isInfinite === void 0 ? false : _ref$isInfinite,
+    hideNavigation = _ref.hideNavigation,
+    styling = _ref.styling,
+    _ref$arrows = _ref.arrows,
+    arrows = _ref$arrows === void 0 ? CAROUSEL_ARROWS.Inside : _ref$arrows,
+    _ref$onSlideInteract = _ref.onSlideInteract,
+    onSlideInteract = _ref$onSlideInteract === void 0 ? noop : _ref$onSlideInteract,
+    testId = _ref.testId,
+    navigationWithKeyboard = _ref.navigationWithKeyboard,
+    isArrowsWideExperimental = _ref.isArrowsWideExperimental;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalIndex = _useState2[0],
+    setInternalIndex = _useState2[1];
+  var carouselContent = useRef(null);
+  var isFirstRender = useRef(true);
+  var dragStartPosition = useRef(undefined);
+  var onSlideInteractRef = useRef(onSlideInteract);
+  onSlideInteractRef.current = onSlideInteract;
+  var carouselClass = cssClasses(styles.carousel, styling, {
+    outside: arrows === CAROUSEL_ARROWS.Outside,
+    'outside-wide': isArrowsWideExperimental
+  });
+  var activeIndex = externalIndex !== null && externalIndex !== void 0 ? externalIndex : internalIndex;
+  var isInternalControlled = externalIndex === undefined;
+  var isDragging = useDrag(carouselContent, useCallback(function (_ref2) {
+    var horizontalChange = _ref2.horizontalChange;
+    if (!carouselContent.current) return;
+    carouselContent.current.scrollBy({
+      left: -horizontalChange
+    });
+  }, []));
+  var handleSlideChange = useCallback(function (newIndex) {
+    if (isInternalControlled) setInternalIndex(newIndex);
+    onSlideInteractRef.current(newIndex);
+  }, [isInternalControlled]);
+  var scrollToSlide = useCallback(function (slideIndex) {
+    var scrollType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'smooth';
+    var container = carouselContent.current;
+    if (!container) return;
+    var slideWidth = container.getBoundingClientRect().width;
+    var target = slideWidth * slideIndex;
+    var maxScroll = container.scrollWidth - container.clientWidth;
+    container.scrollTo({
+      left: Math.min(target, maxScroll),
+      behavior: isSafari ? 'auto' : scrollType
+    });
+  }, []);
+  var nextSlide = useCallback(function () {
+    var newIndex = activeIndex;
+    if (activeIndex < slides.length - 1) {
+      newIndex = activeIndex + 1;
+    } else if (isInfinite) {
+      newIndex = 0;
+    }
+    handleSlideChange(newIndex);
+  }, [activeIndex, slides.length, isInfinite, handleSlideChange]);
+  var previousSlide = useCallback(function () {
+    var newIndex = activeIndex;
+    if (activeIndex > 0) {
+      newIndex = activeIndex - 1;
+    } else if (isInfinite) {
+      newIndex = slides.length - 1;
+    }
+    handleSlideChange(newIndex);
+  }, [activeIndex, slides.length, isInfinite, handleSlideChange]);
+  useImperativeHandle(ref, function () {
+    return {
+      scrollToSlide: scrollToSlide,
+      nextSlide: nextSlide,
+      previousSlide: previousSlide
+    };
+  });
+  useEffect(function () {
+    if (!carouselContent.current) return;
+    var _carouselContent$curr = carouselContent.current,
+      clientWidth = _carouselContent$curr.clientWidth,
+      scrollLeft = _carouselContent$curr.scrollLeft;
+    if (isDragging) {
+      dragStartPosition.current = scrollLeft;
+      return;
+    }
+    if (dragStartPosition.current === undefined || !clientWidth) return;
+    var scrollPosition = scrollLeft / clientWidth;
+    var newSlideIndex = scrollLeft > dragStartPosition.current ? Math.ceil(scrollPosition - CONTENT_DRAG_THRESHOLD) : Math.floor(scrollPosition + CONTENT_DRAG_THRESHOLD);
+    dragStartPosition.current = undefined;
+    handleSlideChange(newSlideIndex);
+    scrollToSlide(newSlideIndex);
+  }, [isDragging, handleSlideChange, scrollToSlide, slides.length]);
+  useEffect(function () {
+    var scrollType = isFirstRender.current ? 'auto' : 'smooth';
+    if (!carouselContent.current) return;
+    isFirstRender.current = false;
+    scrollToSlide(activeIndex, scrollType);
+  }, [activeIndex, scrollToSlide]);
+  var handleLeftArrowClick = useCallback(function () {
+    handleSlideChange(previousIndex(activeIndex, slides.length, isInfinite));
+  }, [activeIndex, handleSlideChange, isInfinite, slides.length]);
+  var handleRightArrowClick = useCallback(function () {
+    handleSlideChange(nextIndex(activeIndex, slides.length, isInfinite));
+  }, [activeIndex, handleSlideChange, isInfinite, slides.length]);
+  var handleKeyDown = useCallback(function (event) {
+    switch (event.key) {
+      case KeyboardKey.Left:
+      case KeyboardKey.ArrowLeft:
+        event.preventDefault();
+        handleLeftArrowClick();
+        break;
+      case KeyboardKey.Right:
+      case KeyboardKey.ArrowRight:
+        event.preventDefault();
+        handleRightArrowClick();
+        break;
+    }
+  }, [handleLeftArrowClick, handleRightArrowClick]);
+  useEffect(function () {
+    if (!navigationWithKeyboard) return undefined;
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleKeyDown, navigationWithKeyboard]);
+  function renderSlide(slide, index) {
+    return /*#__PURE__*/jsx("li", {
+      className: styles.content,
+      children: slide
+    }, index);
+  }
+  return /*#__PURE__*/jsxs("section", {
+    className: carouselClass,
+    "data-testid": testId,
+    children: [/*#__PURE__*/jsx("ul", {
+      ref: carouselContent,
+      className: styles['content-container'],
+      children: _mapInstanceProperty(slides).call(slides, renderSlide)
+    }), arrows !== 'hidden' && /*#__PURE__*/jsxs("div", {
+      role: "menu",
+      children: [/*#__PURE__*/jsx(CarouselArrow, {
+        side: "left",
+        onClick: handleLeftArrowClick
+      }), /*#__PURE__*/jsx(CarouselArrow, {
+        side: "right",
+        onClick: handleRightArrowClick
+      })]
+    }), !hideNavigation && /*#__PURE__*/jsx("div", {
+      className: styles['navigation-container'],
+      children: /*#__PURE__*/jsx(CarouselNavigation, {
+        styling: styling ? carouselStylingMapToNavigation[styling] : undefined,
+        activeSlide: activeIndex,
+        slidesCount: slides.length,
+        isInfinite: isInfinite,
+        onBulletSelect: handleSlideChange
+      })
+    })]
+  });
+});
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var ForwardedCarousel = _Object$assign(CarouselBase, {
+  displayName: 'Carousel',
+  /** @deprecated Use string unions, e.g. styling="floating" */
+  Styling: CAROUSEL_STYLING,
+  /** @deprecated Use string unions, e.g. arrows="inside" */
+  Arrows: CAROUSEL_ARROWS,
+  Navigation: CarouselNavigation
+});
+
+export { CAROUSEL_ARROWS, CAROUSEL_ARROWS_VALUES, CAROUSEL_STYLING, CAROUSEL_STYLING_VALUES, ForwardedCarousel, ForwardedCarousel as default };
+//# sourceMappingURL=Carousel.js.map