@vintedsamulionis/lovable-web-ui 70.3.4

package/dist/esm/lib/Checkbox/Checkbox.js

@@ -0,0 +1,97 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import { forwardRef } from 'react';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { getTestId } from '../../utils/testId.js';
+import { idFromName, computeId } from '../../utils/html.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles = {
+  "unit-base": "4",
+  "checkbox": "web_ui__Checkbox__checkbox",
+  "button": "web_ui__Checkbox__button",
+  "text-center": "web_ui__Checkbox__text-center",
+  "button-right": "web_ui__Checkbox__button-right",
+  "button-left": "web_ui__Checkbox__button-left",
+  "experimental-checkbox-background-color": "web_ui__Checkbox__experimental-checkbox-background-color",
+  "inverse": "web_ui__Checkbox__inverse",
+  "label": "web_ui__Checkbox__label"
+};
+
+var cssClasses = classNames.bind(styles);
+var CheckboxBase = function CheckboxBase(props) {
+  var name = props.name,
+    idProp = props.id,
+    value = props.value,
+    _props$text = props.text,
+    text = _props$text === void 0 ? '' : _props$text,
+    _props$labelPosition = props.labelPosition,
+    labelPosition = _props$labelPosition === void 0 ? 'right' : _props$labelPosition,
+    _props$labelAlignment = props.labelAlignment,
+    labelAlignment = _props$labelAlignment === void 0 ? 'top' : _props$labelAlignment,
+    checked = props.checked,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    disabled = props.disabled,
+    inverse = props.inverse,
+    tabIndex = props.tabIndex,
+    onClick = props.onClick,
+    onBlur = props.onBlur,
+    aria = props.aria,
+    testId = props.testId,
+    experimentalApplyBackground = props.experimentalApplyBackground,
+    forwardedRef = props.forwardedRef;
+  var onChange = 'onChange' in props ? props.onChange : undefined;
+  var baseId = idFromName(name);
+  var computedId = computeId(idProp, baseId);
+  var labelStyles = cssClasses(styles.checkbox, {
+    inverse: inverse,
+    'experimental-checkbox-background-color': experimentalApplyBackground
+  });
+  var buttonStyles = cssClasses(styles.button, {
+    'button-left': labelPosition === 'right',
+    'button-right': labelPosition === 'left',
+    'text-top': labelAlignment === 'top',
+    'text-center': labelAlignment === 'center'
+  });
+  return /*#__PURE__*/jsxs("label", {
+    htmlFor: computedId,
+    "data-testid": testId,
+    className: labelStyles,
+    children: [/*#__PURE__*/jsx("input", _objectSpread(_objectSpread({
+      type: "checkbox",
+      id: computedId,
+      name: name,
+      value: value || '1',
+      checked: checked
+    }, defaultChecked && {
+      defaultChecked: defaultChecked
+    }), {}, {
+      disabled: disabled,
+      onClick: onClick,
+      onBlur: onBlur,
+      onChange: onChange,
+      tabIndex: tabIndex,
+      "data-testid": getTestId(testId, 'input'),
+      ref: forwardedRef
+    }, aria)), /*#__PURE__*/jsx("span", {
+      className: buttonStyles,
+      children: text ? /*#__PURE__*/jsx("span", {
+        className: styles.label,
+        "data-testid": getTestId(testId, 'text'),
+        children: text
+      }) : null
+    })]
+  });
+};
+var CheckboxWithForwardedRefBase = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/jsx(CheckboxBase, _objectSpread({
+    forwardedRef: ref
+  }, props));
+});
+CheckboxWithForwardedRefBase.displayName = CheckboxBase.name;
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var CheckboxWithForwardedRef = CheckboxWithForwardedRefBase;
+
+export { CheckboxWithForwardedRef, CheckboxWithForwardedRef as default };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/lib/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  ReactNode,\n  MouseEvent,\n  ChangeEvent,\n  AriaAttributes,\n  FocusEvent,\n  Ref,\n  forwardRef,\n} from 'react'\nimport classNames from 'classnames/bind'\n\nimport styles from './Checkbox.scss'\nimport { getTestId } from '../../utils/testId'\nimport { idFromName, computeId } from '../../utils/html'\n\ntype BaseProps = {\n  /** Sets name and id attributes on an `input` element. */\n  name: string\n  /** Explicit DOM id override (recommended for full control). */\n  id?: string\n  /** Value submitted when checked. Distinguishes items in groups. */\n  value?: string | undefined\n  text?: ReactNode\n  disabled?: boolean\n  inverse?: boolean\n  tabIndex?: number\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void\n  aria?: AriaAttributes\n  labelPosition?: 'left' | 'right'\n  labelAlignment?: 'top' | 'center'\n  /**\n   * Adds data-testid attribute to parent and children components.\n   * When used, --input and --text suffixes applied accordingly.\n   */\n  testId?: string\n  defaultChecked?: boolean\n  forwardedRef?: Ref<HTMLInputElement>\n  experimentalApplyBackground?: boolean\n}\n\ntype CheckedProps =\n  | { checked?: undefined; onChange?: (event: ChangeEvent<HTMLInputElement>) => void }\n  | { checked: boolean; onChange: (event: ChangeEvent<HTMLInputElement>) => void }\n\nexport type CheckboxProps = BaseProps & CheckedProps\n\nconst cssClasses = classNames.bind(styles)\n\nconst CheckboxBase = (props: CheckboxProps) => {\n  const {\n    name,\n    id: idProp,\n    value,\n    text = '',\n    labelPosition = 'right',\n    labelAlignment = 'top',\n    checked,\n    defaultChecked = false,\n    disabled,\n    inverse,\n    tabIndex,\n    onClick,\n    onBlur,\n    aria,\n    testId,\n    experimentalApplyBackground,\n    forwardedRef,\n  } = props\n\n  const onChange = 'onChange' in props ? props.onChange : undefined\n  const baseId = idFromName(name)\n\n  const computedId = computeId(idProp, baseId)\n\n  const labelStyles = cssClasses(styles.checkbox, {\n    inverse,\n    'experimental-checkbox-background-color': experimentalApplyBackground,\n  })\n\n  const buttonStyles = cssClasses(styles.button, {\n    'button-left': labelPosition === 'right',\n    'button-right': labelPosition === 'left',\n    'text-top': labelAlignment === 'top',\n    'text-center': labelAlignment === 'center',\n  })\n\n  return (\n    <label htmlFor={computedId} data-testid={testId} className={labelStyles}>\n      <input\n        type=\"checkbox\"\n        id={computedId}\n        name={name}\n        value={value || '1'}\n        checked={checked}\n        {...(defaultChecked && { defaultChecked })}\n        disabled={disabled}\n        onClick={onClick}\n        onBlur={onBlur}\n        onChange={onChange}\n        tabIndex={tabIndex}\n        data-testid={getTestId(testId, 'input')}\n        ref={forwardedRef}\n        {...aria}\n      />\n      <span className={buttonStyles}>\n        {text ? (\n          <span className={styles.label} data-testid={getTestId(testId, 'text')}>\n            {text}\n          </span>\n        ) : null}\n      </span>\n    </label>\n  )\n}\n\nconst CheckboxWithForwardedRefBase = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => (\n  <CheckboxBase forwardedRef={ref} {...props} />\n))\n\nCheckboxWithForwardedRefBase.displayName = CheckboxBase.name\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const CheckboxWithForwardedRef = CheckboxWithForwardedRefBase\n\nexport default CheckboxWithForwardedRef\n"],"names":["cssClasses","classNames","bind","styles","CheckboxBase","props","name","idProp","id","value","_props$text","text","_props$labelPosition","labelPosition","_props$labelAlignment","labelAlignment","checked","_props$defaultChecked","defaultChecked","disabled","inverse","tabIndex","onClick","onBlur","aria","testId","experimentalApplyBackground","forwardedRef","onChange","undefined","baseId","idFromName","computedId","computeId","labelStyles","checkbox","buttonStyles","button","_jsxs","htmlFor","className","children","_jsx","_objectSpread","type","getTestId","ref","label","CheckboxWithForwardedRefBase","forwardRef","displayName","CheckboxWithForwardedRef"],"mappings":"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"}

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

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

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

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

package/dist/esm/lib/Chip/Chip.js

@@ -0,0 +1,125 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+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 { getTestId } from '../../utils/testId.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Text } from '../Text/Text.js';
+
+var styles = {
+  "unit-base": "4",
+  "chip": "web_ui__Chip__chip",
+  "round": "web_ui__Chip__round",
+  "outlined": "web_ui__Chip__outlined",
+  "activated": "web_ui__Chip__activated",
+  "clicked": "web_ui__Chip__clicked",
+  "filled": "web_ui__Chip__filled",
+  "prefix": "web_ui__Chip__prefix",
+  "text": "web_ui__Chip__text",
+  "suffix": "web_ui__Chip__suffix"
+};
+
+var CHIP_STYLING_VALUES = ['outlined', 'filled'];
+var CHIP_RADIUS_VALUES = ['round'];
+/* ---------- Back-compat shims (public API) ---------- */
+var CHIP_STYLING = {
+  Outlined: 'outlined',
+  Filled: 'filled'
+};
+var CHIP_RADIUS = {
+  Round: 'round'
+};
+
+/* ---------- Type definitions ---------- */
+
+var cssClasses = classNames.bind(styles);
+var ChipBase = function ChipBase(_ref) {
+  var _ref$styling = _ref.styling,
+    styling = _ref$styling === void 0 ? 'outlined' : _ref$styling,
+    radius = _ref.radius,
+    _ref$activated = _ref.activated,
+    activated = _ref$activated === void 0 ? false : _ref$activated,
+    _ref$clicked = _ref.clicked,
+    clicked = _ref$clicked === void 0 ? false : _ref$clicked,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    onClick = _ref.onClick,
+    aria = _ref.aria,
+    testId = _ref.testId,
+    prefix = _ref.prefix,
+    text = _ref.text,
+    _ref$textType = _ref.textType,
+    textType = _ref$textType === void 0 ? 'title' : _ref$textType,
+    suffix = _ref.suffix,
+    forwardedRef = _ref.forwardedRef,
+    id = _ref.id;
+  var chipClass = cssClasses(styles.chip, styling, {
+    round: radius === 'round',
+    activated: activated,
+    clicked: clicked
+  });
+  var renderPrefix = function renderPrefix() {
+    if (!prefix) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: styles.prefix,
+      "data-testid": getTestId(testId, 'prefix'),
+      children: prefix
+    });
+  };
+  var renderText = function renderText() {
+    if (!text) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: styles.text,
+      children: /*#__PURE__*/jsx(Text, {
+        text: text,
+        type: textType,
+        theme: "amplified",
+        as: "span",
+        truncate: true,
+        testId: getTestId(testId, 'text')
+      })
+    });
+  };
+  var renderSuffix = function renderSuffix() {
+    if (!suffix) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: styles.suffix,
+      "data-testid": getTestId(testId, 'suffix'),
+      children: suffix
+    });
+  };
+  return /*#__PURE__*/jsxs("button", _objectSpread(_objectSpread({
+    className: chipClass
+    // https://github.com/yannickcr/eslint-plugin-react/issues/1555
+    // eslint-disable-next-line react/button-has-type
+    ,
+    type: type,
+    onClick: onClick,
+    "data-testid": testId,
+    ref: forwardedRef,
+    "aria-pressed": activated || undefined,
+    id: id
+  }, aria), {}, {
+    children: [renderPrefix(), renderText(), renderSuffix()]
+  }));
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+var ChipWithForwardedRefBase = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/jsx(ChipBase, _objectSpread({
+    forwardedRef: ref
+  }, props));
+});
+ChipWithForwardedRefBase.displayName = ChipBase.name;
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var ChipWithForwardedRef = _Object$assign(ChipWithForwardedRefBase, {
+  /** @deprecated Use string unions, e.g. styling="filled" */
+  Styling: CHIP_STYLING,
+  /** @deprecated Use string unions, e.g. radius="round" */
+  Radius: CHIP_RADIUS
+});
+
+export { CHIP_RADIUS, CHIP_RADIUS_VALUES, CHIP_STYLING, CHIP_STYLING_VALUES, ChipWithForwardedRef, ChipWithForwardedRef as default };
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../../src/lib/Chip/Chip.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  MouseEvent,\n  ReactNode,\n  AriaAttributes,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  forwardRef,\n  ForwardedRef,\n} from 'react'\nimport classNames from 'classnames/bind'\n\nimport styles from './Chip.scss'\nimport Text from '../Text'\nimport { getTestId } from '../../utils/testId'\n\n/* ---------- String-union sources of truth ---------- */\nexport const CHIP_STYLING_VALUES = ['outlined', 'filled'] as const\nexport type ChipStyling = (typeof CHIP_STYLING_VALUES)[number]\n\nexport const CHIP_RADIUS_VALUES = ['round'] as const\nexport type ChipRadius = (typeof CHIP_RADIUS_VALUES)[number]\n\n/* ---------- Back-compat shims (public API) ---------- */\nexport const CHIP_STYLING = {\n  Outlined: 'outlined',\n  Filled: 'filled',\n} as const satisfies Record<string, ChipStyling>\n\nexport const CHIP_RADIUS = {\n  Round: 'round',\n} as const satisfies Record<string, ChipRadius>\n\n/* ---------- Type definitions ---------- */\ntype TextType = 'title' | 'subtitle'\n\nexport type ChipProps = {\n  styling?: ChipStyling\n  prefix?: ReactNode\n  text?: ReactNode\n  textType?: TextType\n  suffix?: ReactNode\n  radius?: ChipRadius\n  activated?: boolean\n  clicked?: boolean\n  type?: ComponentProps<'button'>['type']\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  aria?: AriaAttributes\n  /**\n   * Adds data-testid attribute to the parent and children components.\n   * When used, --prefix, --suffix, --text, suffixes applied accordingly.\n   */\n  testId?: string\n  /**\n   * TODO: deprecate usage of forwardedRef in favor of ref\n   * Sets the reference to the button element in DOM.\n   */\n  forwardedRef?: ForwardedRef<HTMLButtonElement>\n  id?: string\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst ChipBase = ({\n  styling = 'outlined',\n  radius,\n  activated = false,\n  clicked = false,\n  type = 'button',\n  onClick,\n  aria,\n  testId,\n  prefix,\n  text,\n  textType = 'title',\n  suffix,\n  forwardedRef,\n  id,\n}: ChipProps) => {\n  const chipClass = cssClasses(styles.chip, styling, {\n    round: radius === 'round',\n    activated,\n    clicked,\n  })\n\n  const renderPrefix = () => {\n    if (!prefix) return null\n\n    return (\n      <div className={styles.prefix} data-testid={getTestId(testId, 'prefix')}>\n        {prefix}\n      </div>\n    )\n  }\n\n  const renderText = () => {\n    if (!text) return null\n\n    return (\n      <div className={styles.text}>\n        <Text\n          text={text}\n          type={textType}\n          theme=\"amplified\"\n          as=\"span\"\n          truncate\n          testId={getTestId(testId, 'text')}\n        />\n      </div>\n    )\n  }\n\n  const renderSuffix = () => {\n    if (!suffix) return null\n\n    return (\n      <div className={styles.suffix} data-testid={getTestId(testId, 'suffix')}>\n        {suffix}\n      </div>\n    )\n  }\n\n  return (\n    <button\n      className={chipClass}\n      // https://github.com/yannickcr/eslint-plugin-react/issues/1555\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      onClick={onClick}\n      data-testid={testId}\n      ref={forwardedRef}\n      aria-pressed={activated || undefined}\n      id={id}\n      {...aria}\n    >\n      {renderPrefix()}\n      {renderText()}\n      {renderSuffix()}\n    </button>\n  )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type RefComponent = ForwardRefExoticComponent<\n  ChipProps & RefAttributes<HTMLButtonElement>\n> & {\n  /** @deprecated Use string unions, e.g. styling=\"filled\" */\n  Styling: typeof CHIP_STYLING\n  /** @deprecated Use string unions, e.g. radius=\"round\" */\n  Radius: typeof CHIP_RADIUS\n}\n\nconst ChipWithForwardedRefBase = forwardRef<HTMLButtonElement, ChipProps>((props, ref) => (\n  <ChipBase forwardedRef={ref} {...props} />\n))\n\nChipWithForwardedRefBase.displayName = ChipBase.name\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const ChipWithForwardedRef: RefComponent = Object.assign(ChipWithForwardedRefBase, {\n  /** @deprecated Use string unions, e.g. styling=\"filled\" */\n  Styling: CHIP_STYLING,\n  /** @deprecated Use string unions, e.g. radius=\"round\" */\n  Radius: CHIP_RADIUS,\n})\n\nexport default ChipWithForwardedRef\n"],"names":["CHIP_STYLING_VALUES","CHIP_RADIUS_VALUES","CHIP_STYLING","Outlined","Filled","CHIP_RADIUS","Round","cssClasses","classNames","bind","styles","ChipBase","_ref","_ref$styling","styling","radius","_ref$activated","activated","_ref$clicked","clicked","_ref$type","type","onClick","aria","testId","prefix","text","_ref$textType","textType","suffix","forwardedRef","id","chipClass","chip","round","renderPrefix","_jsx","className","getTestId","children","renderText","Text","theme","as","truncate","renderSuffix","_jsxs","_objectSpread","ref","undefined","ChipWithForwardedRefBase","forwardRef","props","displayName","name","ChipWithForwardedRef","_Object$assign","Styling","Radius"],"mappings":"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"}

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

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

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

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

package/dist/esm/lib/Container/Container.js

@@ -0,0 +1,304 @@
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { getPaddingClasses } from '../../utils/padding.js';
+import { jsx } from 'react/jsx-runtime';
+
+var styles = {
+  "container--p-none": "web_ui__Container__container--p-none",
+  "container--pt-none": "web_ui__Container__container--pt-none",
+  "container--pr-none": "web_ui__Container__container--pr-none",
+  "container--pb-none": "web_ui__Container__container--pb-none",
+  "container--pl-none": "web_ui__Container__container--pl-none",
+  "container--px-none": "web_ui__Container__container--px-none",
+  "container--py-none": "web_ui__Container__container--py-none",
+  "container--p-x-small": "web_ui__Container__container--p-x-small",
+  "container--pt-x-small": "web_ui__Container__container--pt-x-small",
+  "container--pr-x-small": "web_ui__Container__container--pr-x-small",
+  "container--pb-x-small": "web_ui__Container__container--pb-x-small",
+  "container--pl-x-small": "web_ui__Container__container--pl-x-small",
+  "container--px-x-small": "web_ui__Container__container--px-x-small",
+  "container--py-x-small": "web_ui__Container__container--py-x-small",
+  "container--p-small": "web_ui__Container__container--p-small",
+  "container--pt-small": "web_ui__Container__container--pt-small",
+  "container--pr-small": "web_ui__Container__container--pr-small",
+  "container--pb-small": "web_ui__Container__container--pb-small",
+  "container--pl-small": "web_ui__Container__container--pl-small",
+  "container--px-small": "web_ui__Container__container--px-small",
+  "container--py-small": "web_ui__Container__container--py-small",
+  "container--p-regular": "web_ui__Container__container--p-regular",
+  "container--pt-regular": "web_ui__Container__container--pt-regular",
+  "container--pr-regular": "web_ui__Container__container--pr-regular",
+  "container--pb-regular": "web_ui__Container__container--pb-regular",
+  "container--pl-regular": "web_ui__Container__container--pl-regular",
+  "container--px-regular": "web_ui__Container__container--px-regular",
+  "container--py-regular": "web_ui__Container__container--py-regular",
+  "container--p-medium": "web_ui__Container__container--p-medium",
+  "container--pt-medium": "web_ui__Container__container--pt-medium",
+  "container--pr-medium": "web_ui__Container__container--pr-medium",
+  "container--pb-medium": "web_ui__Container__container--pb-medium",
+  "container--pl-medium": "web_ui__Container__container--pl-medium",
+  "container--px-medium": "web_ui__Container__container--px-medium",
+  "container--py-medium": "web_ui__Container__container--py-medium",
+  "container--p-large": "web_ui__Container__container--p-large",
+  "container--pt-large": "web_ui__Container__container--pt-large",
+  "container--pr-large": "web_ui__Container__container--pr-large",
+  "container--pb-large": "web_ui__Container__container--pb-large",
+  "container--pl-large": "web_ui__Container__container--pl-large",
+  "container--px-large": "web_ui__Container__container--px-large",
+  "container--py-large": "web_ui__Container__container--py-large",
+  "container--p-larger": "web_ui__Container__container--p-larger",
+  "container--pt-larger": "web_ui__Container__container--pt-larger",
+  "container--pr-larger": "web_ui__Container__container--pr-larger",
+  "container--pb-larger": "web_ui__Container__container--pb-larger",
+  "container--pl-larger": "web_ui__Container__container--pl-larger",
+  "container--px-larger": "web_ui__Container__container--px-larger",
+  "container--py-larger": "web_ui__Container__container--py-larger",
+  "container--p-x-large": "web_ui__Container__container--p-x-large",
+  "container--pt-x-large": "web_ui__Container__container--pt-x-large",
+  "container--pr-x-large": "web_ui__Container__container--pr-x-large",
+  "container--pb-x-large": "web_ui__Container__container--pb-x-large",
+  "container--pl-x-large": "web_ui__Container__container--pl-x-large",
+  "container--px-x-large": "web_ui__Container__container--px-x-large",
+  "container--py-x-large": "web_ui__Container__container--py-x-large",
+  "container--p-x-larger": "web_ui__Container__container--p-x-larger",
+  "container--pt-x-larger": "web_ui__Container__container--pt-x-larger",
+  "container--pr-x-larger": "web_ui__Container__container--pr-x-larger",
+  "container--pb-x-larger": "web_ui__Container__container--pb-x-larger",
+  "container--pl-x-larger": "web_ui__Container__container--pl-x-larger",
+  "container--px-x-larger": "web_ui__Container__container--px-x-larger",
+  "container--py-x-larger": "web_ui__Container__container--py-x-larger",
+  "container--p-x2-large": "web_ui__Container__container--p-x2-large",
+  "container--pt-x2-large": "web_ui__Container__container--pt-x2-large",
+  "container--pr-x2-large": "web_ui__Container__container--pr-x2-large",
+  "container--pb-x2-large": "web_ui__Container__container--pb-x2-large",
+  "container--pl-x2-large": "web_ui__Container__container--pl-x2-large",
+  "container--px-x2-large": "web_ui__Container__container--px-x2-large",
+  "container--py-x2-large": "web_ui__Container__container--py-x2-large",
+  "container--p-x3-large": "web_ui__Container__container--p-x3-large",
+  "container--pt-x3-large": "web_ui__Container__container--pt-x3-large",
+  "container--pr-x3-large": "web_ui__Container__container--pr-x3-large",
+  "container--pb-x3-large": "web_ui__Container__container--pb-x3-large",
+  "container--pl-x3-large": "web_ui__Container__container--pl-x3-large",
+  "container--px-x3-large": "web_ui__Container__container--px-x3-large",
+  "container--py-x3-large": "web_ui__Container__container--py-x3-large",
+  "container--p-x4-large": "web_ui__Container__container--p-x4-large",
+  "container--pt-x4-large": "web_ui__Container__container--pt-x4-large",
+  "container--pr-x4-large": "web_ui__Container__container--pr-x4-large",
+  "container--pb-x4-large": "web_ui__Container__container--pb-x4-large",
+  "container--pl-x4-large": "web_ui__Container__container--pl-x4-large",
+  "container--px-x4-large": "web_ui__Container__container--px-x4-large",
+  "container--py-x4-large": "web_ui__Container__container--py-x4-large",
+  "container--p-x5-large": "web_ui__Container__container--p-x5-large",
+  "container--pt-x5-large": "web_ui__Container__container--pt-x5-large",
+  "container--pr-x5-large": "web_ui__Container__container--pr-x5-large",
+  "container--pb-x5-large": "web_ui__Container__container--pb-x5-large",
+  "container--pl-x5-large": "web_ui__Container__container--pl-x5-large",
+  "container--px-x5-large": "web_ui__Container__container--px-x5-large",
+  "container--py-x5-large": "web_ui__Container__container--py-x5-large",
+  "container--p-x6-large": "web_ui__Container__container--p-x6-large",
+  "container--pt-x6-large": "web_ui__Container__container--pt-x6-large",
+  "container--pr-x6-large": "web_ui__Container__container--pr-x6-large",
+  "container--pb-x6-large": "web_ui__Container__container--pb-x6-large",
+  "container--pl-x6-large": "web_ui__Container__container--pl-x6-large",
+  "container--px-x6-large": "web_ui__Container__container--px-x6-large",
+  "container--py-x6-large": "web_ui__Container__container--py-x6-large",
+  "container--p-space-0": "web_ui__Container__container--p-space-0",
+  "container--pt-space-0": "web_ui__Container__container--pt-space-0",
+  "container--pr-space-0": "web_ui__Container__container--pr-space-0",
+  "container--pb-space-0": "web_ui__Container__container--pb-space-0",
+  "container--pl-space-0": "web_ui__Container__container--pl-space-0",
+  "container--px-space-0": "web_ui__Container__container--px-space-0",
+  "container--py-space-0": "web_ui__Container__container--py-space-0",
+  "container--p-space-50": "web_ui__Container__container--p-space-50",
+  "container--pt-space-50": "web_ui__Container__container--pt-space-50",
+  "container--pr-space-50": "web_ui__Container__container--pr-space-50",
+  "container--pb-space-50": "web_ui__Container__container--pb-space-50",
+  "container--pl-space-50": "web_ui__Container__container--pl-space-50",
+  "container--px-space-50": "web_ui__Container__container--px-space-50",
+  "container--py-space-50": "web_ui__Container__container--py-space-50",
+  "container--p-space-100": "web_ui__Container__container--p-space-100",
+  "container--pt-space-100": "web_ui__Container__container--pt-space-100",
+  "container--pr-space-100": "web_ui__Container__container--pr-space-100",
+  "container--pb-space-100": "web_ui__Container__container--pb-space-100",
+  "container--pl-space-100": "web_ui__Container__container--pl-space-100",
+  "container--px-space-100": "web_ui__Container__container--px-space-100",
+  "container--py-space-100": "web_ui__Container__container--py-space-100",
+  "container--p-space-150": "web_ui__Container__container--p-space-150",
+  "container--pt-space-150": "web_ui__Container__container--pt-space-150",
+  "container--pr-space-150": "web_ui__Container__container--pr-space-150",
+  "container--pb-space-150": "web_ui__Container__container--pb-space-150",
+  "container--pl-space-150": "web_ui__Container__container--pl-space-150",
+  "container--px-space-150": "web_ui__Container__container--px-space-150",
+  "container--py-space-150": "web_ui__Container__container--py-space-150",
+  "container--p-space-200": "web_ui__Container__container--p-space-200",
+  "container--pt-space-200": "web_ui__Container__container--pt-space-200",
+  "container--pr-space-200": "web_ui__Container__container--pr-space-200",
+  "container--pb-space-200": "web_ui__Container__container--pb-space-200",
+  "container--pl-space-200": "web_ui__Container__container--pl-space-200",
+  "container--px-space-200": "web_ui__Container__container--px-space-200",
+  "container--py-space-200": "web_ui__Container__container--py-space-200",
+  "container--p-space-300": "web_ui__Container__container--p-space-300",
+  "container--pt-space-300": "web_ui__Container__container--pt-space-300",
+  "container--pr-space-300": "web_ui__Container__container--pr-space-300",
+  "container--pb-space-300": "web_ui__Container__container--pb-space-300",
+  "container--pl-space-300": "web_ui__Container__container--pl-space-300",
+  "container--px-space-300": "web_ui__Container__container--px-space-300",
+  "container--py-space-300": "web_ui__Container__container--py-space-300",
+  "container--p-space-400": "web_ui__Container__container--p-space-400",
+  "container--pt-space-400": "web_ui__Container__container--pt-space-400",
+  "container--pr-space-400": "web_ui__Container__container--pr-space-400",
+  "container--pb-space-400": "web_ui__Container__container--pb-space-400",
+  "container--pl-space-400": "web_ui__Container__container--pl-space-400",
+  "container--px-space-400": "web_ui__Container__container--px-space-400",
+  "container--py-space-400": "web_ui__Container__container--py-space-400",
+  "container--p-space-500": "web_ui__Container__container--p-space-500",
+  "container--pt-space-500": "web_ui__Container__container--pt-space-500",
+  "container--pr-space-500": "web_ui__Container__container--pr-space-500",
+  "container--pb-space-500": "web_ui__Container__container--pb-space-500",
+  "container--pl-space-500": "web_ui__Container__container--pl-space-500",
+  "container--px-space-500": "web_ui__Container__container--px-space-500",
+  "container--py-space-500": "web_ui__Container__container--py-space-500",
+  "container--p-space-600": "web_ui__Container__container--p-space-600",
+  "container--pt-space-600": "web_ui__Container__container--pt-space-600",
+  "container--pr-space-600": "web_ui__Container__container--pr-space-600",
+  "container--pb-space-600": "web_ui__Container__container--pb-space-600",
+  "container--pl-space-600": "web_ui__Container__container--pl-space-600",
+  "container--px-space-600": "web_ui__Container__container--px-space-600",
+  "container--py-space-600": "web_ui__Container__container--py-space-600",
+  "container--p-space-700": "web_ui__Container__container--p-space-700",
+  "container--pt-space-700": "web_ui__Container__container--pt-space-700",
+  "container--pr-space-700": "web_ui__Container__container--pr-space-700",
+  "container--pb-space-700": "web_ui__Container__container--pb-space-700",
+  "container--pl-space-700": "web_ui__Container__container--pl-space-700",
+  "container--px-space-700": "web_ui__Container__container--px-space-700",
+  "container--py-space-700": "web_ui__Container__container--py-space-700",
+  "container--p-space-900": "web_ui__Container__container--p-space-900",
+  "container--pt-space-900": "web_ui__Container__container--pt-space-900",
+  "container--pr-space-900": "web_ui__Container__container--pr-space-900",
+  "container--pb-space-900": "web_ui__Container__container--pb-space-900",
+  "container--pl-space-900": "web_ui__Container__container--pl-space-900",
+  "container--px-space-900": "web_ui__Container__container--px-space-900",
+  "container--py-space-900": "web_ui__Container__container--py-space-900",
+  "container--p-space-800": "web_ui__Container__container--p-space-800",
+  "container--pt-space-800": "web_ui__Container__container--pt-space-800",
+  "container--pr-space-800": "web_ui__Container__container--pr-space-800",
+  "container--pb-space-800": "web_ui__Container__container--pb-space-800",
+  "container--pl-space-800": "web_ui__Container__container--pl-space-800",
+  "container--px-space-800": "web_ui__Container__container--px-space-800",
+  "container--py-space-800": "web_ui__Container__container--py-space-800",
+  "container--p-space-1000": "web_ui__Container__container--p-space-1000",
+  "container--pt-space-1000": "web_ui__Container__container--pt-space-1000",
+  "container--pr-space-1000": "web_ui__Container__container--pr-space-1000",
+  "container--pb-space-1000": "web_ui__Container__container--pb-space-1000",
+  "container--pl-space-1000": "web_ui__Container__container--pl-space-1000",
+  "container--px-space-1000": "web_ui__Container__container--px-space-1000",
+  "container--py-space-1000": "web_ui__Container__container--py-space-1000",
+  "container--p-space-1100": "web_ui__Container__container--p-space-1100",
+  "container--pt-space-1100": "web_ui__Container__container--pt-space-1100",
+  "container--pr-space-1100": "web_ui__Container__container--pr-space-1100",
+  "container--pb-space-1100": "web_ui__Container__container--pb-space-1100",
+  "container--pl-space-1100": "web_ui__Container__container--pl-space-1100",
+  "container--px-space-1100": "web_ui__Container__container--px-space-1100",
+  "container--py-space-1100": "web_ui__Container__container--py-space-1100",
+  "container--p-space-1200": "web_ui__Container__container--p-space-1200",
+  "container--pt-space-1200": "web_ui__Container__container--pt-space-1200",
+  "container--pr-space-1200": "web_ui__Container__container--pr-space-1200",
+  "container--pb-space-1200": "web_ui__Container__container--pb-space-1200",
+  "container--pl-space-1200": "web_ui__Container__container--pl-space-1200",
+  "container--px-space-1200": "web_ui__Container__container--px-space-1200",
+  "container--py-space-1200": "web_ui__Container__container--py-space-1200",
+  "container--p-space-1400": "web_ui__Container__container--p-space-1400",
+  "container--pt-space-1400": "web_ui__Container__container--pt-space-1400",
+  "container--pr-space-1400": "web_ui__Container__container--pr-space-1400",
+  "container--pb-space-1400": "web_ui__Container__container--pb-space-1400",
+  "container--pl-space-1400": "web_ui__Container__container--pl-space-1400",
+  "container--px-space-1400": "web_ui__Container__container--px-space-1400",
+  "container--py-space-1400": "web_ui__Container__container--py-space-1400",
+  "container--p-space-1600": "web_ui__Container__container--p-space-1600",
+  "container--pt-space-1600": "web_ui__Container__container--pt-space-1600",
+  "container--pr-space-1600": "web_ui__Container__container--pr-space-1600",
+  "container--pb-space-1600": "web_ui__Container__container--pb-space-1600",
+  "container--pl-space-1600": "web_ui__Container__container--pl-space-1600",
+  "container--px-space-1600": "web_ui__Container__container--px-space-1600",
+  "container--py-space-1600": "web_ui__Container__container--py-space-1600",
+  "container--p-space-2400": "web_ui__Container__container--p-space-2400",
+  "container--pt-space-2400": "web_ui__Container__container--pt-space-2400",
+  "container--pr-space-2400": "web_ui__Container__container--pr-space-2400",
+  "container--pb-space-2400": "web_ui__Container__container--pb-space-2400",
+  "container--pl-space-2400": "web_ui__Container__container--pl-space-2400",
+  "container--px-space-2400": "web_ui__Container__container--px-space-2400",
+  "container--py-space-2400": "web_ui__Container__container--py-space-2400",
+  "container--p-space-3200": "web_ui__Container__container--p-space-3200",
+  "container--pt-space-3200": "web_ui__Container__container--pt-space-3200",
+  "container--pr-space-3200": "web_ui__Container__container--pr-space-3200",
+  "container--pb-space-3200": "web_ui__Container__container--pb-space-3200",
+  "container--pl-space-3200": "web_ui__Container__container--pl-space-3200",
+  "container--px-space-3200": "web_ui__Container__container--px-space-3200",
+  "container--py-space-3200": "web_ui__Container__container--py-space-3200",
+  "width-content": "web_ui__Container__width-content",
+  "width-wide": "web_ui__Container__width-wide",
+  "container": "web_ui__Container__container",
+  "styling-narrow": "web_ui__Container__styling-narrow",
+  "styling-tight": "web_ui__Container__styling-tight",
+  "styling-wide": "web_ui__Container__styling-wide"
+};
+
+var CONTAINER_STYLING_VALUES = ['narrow', 'tight', 'wide'];
+var CONTAINER_WIDTH_VALUES = ['content', 'wide'];
+/* ---------- Back-compat shims (public API) ---------- */
+var CONTAINER_STYLING = {
+  Narrow: 'narrow',
+  Tight: 'tight',
+  Wide: 'wide'
+};
+var CONTAINER_WIDTH = {
+  Content: 'content',
+  Wide: 'wide'
+};
+var cssClasses = classNames.bind(styles);
+var ContainerBase = function ContainerBase(_ref) {
+  var styling = _ref.styling,
+    width = _ref.width,
+    children = _ref.children,
+    testId = _ref.testId,
+    padding = _ref.padding,
+    paddingTop = _ref.paddingTop,
+    paddingRight = _ref.paddingRight,
+    paddingBottom = _ref.paddingBottom,
+    paddingLeft = _ref.paddingLeft,
+    paddingX = _ref.paddingHorizontal,
+    paddingY = _ref.paddingVertical;
+  var paddingClass = getPaddingClasses(styles, 'container', {
+    padding: padding,
+    paddingTop: paddingTop,
+    paddingRight: paddingRight,
+    paddingBottom: paddingBottom,
+    paddingLeft: paddingLeft,
+    paddingX: paddingX,
+    paddingY: paddingY
+  });
+  var hasPaddingProps = !!(padding || paddingTop || paddingRight || paddingBottom || paddingLeft || paddingX || paddingY);
+  var shouldIncludeContainerClass = !hasPaddingProps;
+  var shouldApplyStyling = !hasPaddingProps && !!styling;
+  var containerClass = cssClasses(shouldIncludeContainerClass && 'container', paddingClass, _defineProperty(_defineProperty({}, "styling-".concat(styling || ''), shouldApplyStyling), "width-".concat(width || ''), !!width));
+  return /*#__PURE__*/jsx("div", {
+    className: containerClass,
+    "data-testid": testId,
+    children: children
+  });
+};
+ContainerBase.displayName = 'Container';
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var Container = _Object$assign(ContainerBase, {
+  /** @deprecated Use string unions, e.g. styling="narrow" */
+  Styling: CONTAINER_STYLING,
+  /** @deprecated Use string unions, e.g. width="content" */
+  Width: CONTAINER_WIDTH
+});
+
+export { CONTAINER_STYLING, CONTAINER_STYLING_VALUES, CONTAINER_WIDTH, CONTAINER_WIDTH_VALUES, Container, Container as default };
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../src/lib/Container/Container.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport classNames from 'classnames/bind'\n\nimport { Spacer } from '../types'\nimport { getPaddingClasses } from '../../utils/padding'\n\nimport styles from './Container.scss'\n\nexport const CONTAINER_STYLING_VALUES = ['narrow', 'tight', 'wide'] as const\nexport type ContainerStyling = (typeof CONTAINER_STYLING_VALUES)[number]\n\nexport const CONTAINER_WIDTH_VALUES = ['content', 'wide'] as const\nexport type ContainerWidth = (typeof CONTAINER_WIDTH_VALUES)[number]\n\n/* ---------- Back-compat shims (public API) ---------- */\nexport const CONTAINER_STYLING = {\n  Narrow: 'narrow',\n  Tight: 'tight',\n  Wide: 'wide',\n} as const satisfies Record<string, ContainerStyling>\n\nexport const CONTAINER_WIDTH = {\n  Content: 'content',\n  Wide: 'wide',\n} as const satisfies Record<string, ContainerWidth>\n\nexport type ContainerProps = {\n  /**\n   * @deprecated Use padding instead. This prop will be removed in the future.\n   */\n  styling?: ContainerStyling\n  padding?: Spacer\n  paddingTop?: Spacer\n  paddingRight?: Spacer\n  paddingBottom?: Spacer\n  paddingLeft?: Spacer\n  paddingHorizontal?: Spacer\n  paddingVertical?: Spacer\n  /** Controls the maximum width of the container. */\n  width?: ContainerWidth\n  children: ReactNode\n  testId?: string\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst ContainerBase = ({\n  styling,\n  width,\n  children,\n  testId,\n  padding,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  paddingHorizontal: paddingX,\n  paddingVertical: paddingY,\n}: ContainerProps) => {\n  const paddingClass = getPaddingClasses(styles, 'container', {\n    padding,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    paddingX,\n    paddingY,\n  })\n\n  const hasPaddingProps = !!(\n    padding ||\n    paddingTop ||\n    paddingRight ||\n    paddingBottom ||\n    paddingLeft ||\n    paddingX ||\n    paddingY\n  )\n  const shouldIncludeContainerClass = !hasPaddingProps\n  const shouldApplyStyling = !hasPaddingProps && !!styling\n\n  const containerClass = cssClasses(shouldIncludeContainerClass && 'container', paddingClass, {\n    [`styling-${styling || ''}`]: shouldApplyStyling,\n    [`width-${width || ''}`]: !!width,\n  })\n\n  return (\n    <div className={containerClass} data-testid={testId}>\n      {children}\n    </div>\n  )\n}\n\nContainerBase.displayName = 'Container'\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type ContainerComponent = React.FC<ContainerProps> & {\n  /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n  Styling: typeof CONTAINER_STYLING\n  /** @deprecated Use string unions, e.g. width=\"content\" */\n  Width: typeof CONTAINER_WIDTH\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const Container: ContainerComponent = Object.assign(ContainerBase, {\n  /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n  Styling: CONTAINER_STYLING,\n  /** @deprecated Use string unions, e.g. width=\"content\" */\n  Width: CONTAINER_WIDTH,\n})\n\nexport default Container\n"],"names":["CONTAINER_STYLING_VALUES","CONTAINER_WIDTH_VALUES","CONTAINER_STYLING","Narrow","Tight","Wide","CONTAINER_WIDTH","Content","cssClasses","classNames","bind","styles","ContainerBase","_ref","styling","width","children","testId","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingHorizontal","paddingY","paddingVertical","paddingClass","getPaddingClasses","hasPaddingProps","shouldIncludeContainerClass","shouldApplyStyling","containerClass","_defineProperty","concat","_jsx","className","displayName","Container","_Object$assign","Styling","Width"],"mappings":"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"}

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

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

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

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