@simplybusiness/mobius 10.3.2 → 10.3.4

package/dist/esm/chunk-3O5DIIGS.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-3O5DIIGS.js.map

package/dist/esm/chunk-3O5DIIGS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-3PRSHEVX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-3PRSHEVX.js.map

package/dist/esm/chunk-3PRSHEVX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-4NBLO5WK.js

@@ -0,0 +1,54 @@
+import {
+  ShowHideButton
+} from "./chunk-WC3D5GNN.js";
+import {
+  TextField
+} from "./chunk-UIIXVY6K.js";
+import {
+  mergeRefs
+} from "./chunk-QGGILW3D.js";
+
+// src/components/PasswordField/PasswordField.tsx
+import classNames from "classnames/dedupe";
+import { useRef, useState } from "react";
+import "@simplybusiness/mobius/src/components/PasswordField/PasswordField.css";
+import { jsx } from "react/jsx-runtime";
+var PasswordField = ({
+  ref,
+  className,
+  autoComplete = "current-password",
+  ...props
+}) => {
+  const [show, setShow] = useState(false);
+  const type = show ? "text" : "password";
+  const classes = classNames("mobius-password-field", className);
+  const localRef = useRef(null);
+  const handleShowHideButtonClick = () => {
+    const selectionStart = localRef.current?.selectionStart;
+    const selectionEnd = localRef.current?.selectionEnd;
+    setShow((oldShow) => !oldShow);
+    requestAnimationFrame(() => {
+      localRef.current?.focus();
+      if (selectionStart != null && selectionEnd != null) {
+        localRef.current?.setSelectionRange(selectionStart, selectionEnd);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      ref: mergeRefs([localRef, ref]),
+      className: classes,
+      ...props,
+      autoComplete,
+      type,
+      suffixInside: /* @__PURE__ */ jsx(ShowHideButton, { onClick: handleShowHideButtonClick, show })
+    }
+  );
+};
+PasswordField.displayName = "PasswordField";
+
+export {
+  PasswordField
+};
+//# sourceMappingURL=chunk-4NBLO5WK.js.map

package/dist/esm/chunk-4NBLO5WK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/PasswordField/PasswordField.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { useRef, useState } from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\nimport {\n  TextField,\n  type TextFieldElementType,\n  type TextFieldProps,\n} from \"../TextField\";\nimport { ShowHideButton } from \"./ShowHideButton\";\nimport \"./PasswordField.css\";\n\nexport type PasswordFieldAutoComplete = \"current-password\" | \"new-password\";\n\nexport interface PasswordFieldProps extends TextFieldProps {\n  autoComplete?: PasswordFieldAutoComplete;\n}\n\nexport const PasswordField = ({\n  ref,\n  className,\n  autoComplete = \"current-password\",\n  ...props\n}: PasswordFieldProps) => {\n  const [show, setShow] = useState(false);\n  const type = show ? \"text\" : \"password\";\n  const classes = classNames(\"mobius-password-field\", className);\n  const localRef = useRef<TextFieldElementType>(null);\n\n  const handleShowHideButtonClick = () => {\n    const selectionStart = localRef.current?.selectionStart;\n    const selectionEnd = localRef.current?.selectionEnd;\n\n    setShow(oldShow => !oldShow);\n    requestAnimationFrame(() => {\n      localRef.current?.focus();\n      if (selectionStart != null && selectionEnd != null) {\n        localRef.current?.setSelectionRange(selectionStart, selectionEnd);\n      }\n    });\n  };\n\n  return (\n    <TextField\n      ref={mergeRefs([localRef, ref])}\n      className={classes}\n      {...props}\n      autoComplete={autoComplete}\n      type={type}\n      suffixInside={\n        <ShowHideButton onClick={handleShowHideButtonClick} show={show} />\n      }\n    />\n  );\n};\n\nPasswordField.displayName = \"PasswordField\";\n"],
+  "mappings": ";;;;;;;;;;;AAEA,OAAO,gBAAgB;AACvB,SAAS,QAAQ,gBAAgB;AAQjC,OAAO;AAwCC;AAhCD,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MAA0B;AACxB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,UAAU,WAAW,yBAAyB,SAAS;AAC7D,QAAM,WAAW,OAA6B,IAAI;AAElD,QAAM,4BAA4B,MAAM;AACtC,UAAM,iBAAiB,SAAS,SAAS;AACzC,UAAM,eAAe,SAAS,SAAS;AAEvC,YAAQ,aAAW,CAAC,OAAO;AAC3B,0BAAsB,MAAM;AAC1B,eAAS,SAAS,MAAM;AACxB,UAAI,kBAAkB,QAAQ,gBAAgB,MAAM;AAClD,iBAAS,SAAS,kBAAkB,gBAAgB,YAAY;AAAA,MAClE;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,UAAU,CAAC,UAAU,GAAG,CAAC;AAAA,MAC9B,WAAW;AAAA,MACV,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cACE,oBAAC,kBAAe,SAAS,2BAA2B,MAAY;AAAA;AAAA,EAEpE;AAEJ;AAEA,cAAc,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-4WVJNNBK.js

@@ -0,0 +1,157 @@
+import {
+  ErrorMessage
+} from "./chunk-UQVAEWY2.js";
+import {
+  Stack
+} from "./chunk-XH3OJQMW.js";
+import {
+  Label
+} from "./chunk-ZN7OWLZY.js";
+import {
+  useValidationClasses
+} from "./chunk-DYOFXXZD.js";
+import {
+  spaceDelimitedList
+} from "./chunk-DTWRSP5P.js";
+
+// src/components/Radio/RadioGroup.tsx
+import classNames from "classnames/dedupe";
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getDefaultVal = (children, defaultValue) => {
+  if (Array.isArray(children) && defaultValue) {
+    const option = children?.find((item) => item.props.value === defaultValue);
+    if (!option) return "";
+    return option.props.value;
+  }
+  return "";
+};
+var RadioGroup = ({ ref, ...props }) => {
+  const {
+    label,
+    isDisabled = false,
+    isRequired,
+    isInvalid,
+    orientation = "vertical",
+    className,
+    errorMessage,
+    children,
+    defaultValue,
+    value,
+    isReadOnly,
+    name,
+    onChange,
+    autoStack = false,
+    ...rest
+  } = props;
+  const defaultSelected = getDefaultVal(children, value || defaultValue);
+  const [selected, setSelected] = useState(defaultSelected);
+  const overflowsRef = useRef({});
+  const [hasOverflow, setHasOverflow] = useState(false);
+  useEffect(() => {
+    if (value !== void 0) {
+      setSelected(value);
+    }
+  }, [value]);
+  const handleOverflow = useCallback(
+    (radioValue, overflow) => {
+      overflowsRef.current = {
+        ...overflowsRef.current,
+        [radioValue]: overflow
+      };
+      const anyOverflow = Object.values(overflowsRef.current).some(
+        (o) => o.vertical || o.horizontal
+      );
+      if (anyOverflow !== hasOverflow) {
+        setHasOverflow(anyOverflow);
+      }
+    },
+    [hasOverflow]
+  );
+  const effectiveOrientation = autoStack && orientation === "horizontal" && hasOverflow ? "vertical" : orientation;
+  const validationClasses = useValidationClasses({ isInvalid });
+  const radioClasses = {
+    "--is-disabled": isDisabled,
+    "--is-required": typeof isRequired === "boolean" && isRequired,
+    "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    [`--is-${effectiveOrientation}`]: true,
+    [className || ""]: true
+  };
+  const radioGroupClasses = classNames(
+    "mobius",
+    "mobius-radio-group",
+    radioClasses,
+    validationClasses
+  );
+  const radioWrapperClasses = classNames("mobius-radio__wrapper", {
+    [`--is-${effectiveOrientation}`]: true
+  });
+  const labelClasses = classNames(radioClasses, validationClasses);
+  const errorMessageId = useId();
+  const defaultNameAttrId = useId();
+  const nameAttribute = name || defaultNameAttrId;
+  const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
+  const describedBy = spaceDelimitedList([
+    shouldErrorMessageShow,
+    props["aria-describedby"]
+  ]);
+  const labelId = useId();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      "aria-describedby": describedBy,
+      "aria-disabled": isDisabled,
+      "aria-errormessage": shouldErrorMessageShow,
+      "aria-invalid": isInvalid,
+      "aria-label": props["aria-label"],
+      "aria-labelledby": props["aria-labelledby"] || labelId,
+      "aria-orientation": effectiveOrientation,
+      "aria-readonly": isReadOnly,
+      "aria-required": isRequired,
+      ref,
+      className: radioGroupClasses,
+      role: "radiogroup",
+      children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+        label && /* @__PURE__ */ jsx(Label, { htmlFor: name, id: labelId, className: labelClasses, children: label }),
+        /* @__PURE__ */ jsx("div", { className: radioWrapperClasses, children: Children.map(children, (child) => {
+          if (isValidElement(child)) {
+            const childValue = child.props.value;
+            return cloneElement(
+              child,
+              {
+                orientation: effectiveOrientation,
+                groupDisabled: isDisabled,
+                name: nameAttribute,
+                selected: selected || defaultSelected,
+                // in case state does not update
+                setSelected,
+                isRequired,
+                "aria-describedby": describedBy,
+                onChange,
+                onOverflow: childValue ? (overflow) => handleOverflow(childValue, overflow) : void 0
+              }
+            );
+          }
+          return child;
+        }) }),
+        /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, errorMessage })
+      ] })
+    }
+  );
+};
+RadioGroup.displayName = "RadioGroup";
+
+export {
+  RadioGroup
+};
+//# sourceMappingURL=chunk-4WVJNNBK.js.map

package/dist/esm/chunk-4WVJNNBK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Radio/RadioGroup.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ReactElement, ReactNode, RefAttributes } from \"react\";\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { useValidationClasses } from \"../../hooks\";\nimport type { Validation } from \"../../types\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { HTMLElementEvent } from \"../../types/events\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport type { RadioOverflowInfo } from \"./Radio\";\n\nexport type RadioGroupElementType = HTMLDivElement;\n\nexport interface RadioGroupProps\n  extends DOMProps, Validation, RefAttributes<RadioGroupElementType> {\n  children: ReactNode;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  errorMessage?: string;\n  // Callback that fires when select changes\n  onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;\n  /**\n   * Automatically change orientation from horizontal to vertical when any Radio label overflows.\n   * Only applies when orientation is set to \"horizontal\".\n   */\n  autoStack?: boolean;\n  // Defines a string value that labels the current element.\n  \"aria-label\"?: string;\n  // Identifies the element (or elements) that labels the current element.\n  \"aria-labelledby\"?: string;\n  // Identifies the element that provides an error message for the object.\n  \"aria-errormessage\"?: string;\n  // Identifies the element (or elements) that describes the object.\n  \"aria-describedby\"?: string;\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // The default value (uncontrolled).\n  defaultValue?: string;\n  // The content to display as the label.\n  label?: ReactNode;\n  /**\n   * The value of the radio button, used when submitting an HTML form.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).\n   */\n  value?: string;\n  name?: string;\n}\n\nconst getDefaultVal = (children: ReactNode, defaultValue?: string) => {\n  if (Array.isArray(children) && defaultValue) {\n    const option = children?.find(item => item.props.value === defaultValue);\n\n    if (!option) return \"\";\n\n    return option.props.value;\n  }\n\n  return \"\";\n};\n\nconst RadioGroup = ({ ref, ...props }: RadioGroupProps) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    isInvalid,\n    orientation = \"vertical\",\n    className,\n    errorMessage,\n    children,\n    defaultValue,\n    value,\n    isReadOnly,\n    name,\n    onChange,\n    autoStack = false,\n    ...rest\n  } = props;\n  const defaultSelected = getDefaultVal(children, value || defaultValue);\n  const [selected, setSelected] = useState<string>(defaultSelected);\n  const overflowsRef = useRef<Record<string, RadioOverflowInfo>>({});\n  const [hasOverflow, setHasOverflow] = useState(false);\n\n  // Handle controlled behavior - update state when value prop changes\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelected(value);\n    }\n  }, [value]);\n\n  // Handle overflow detection and auto-stack if needed\n  const handleOverflow = useCallback(\n    (radioValue: string, overflow: RadioOverflowInfo) => {\n      overflowsRef.current = {\n        ...overflowsRef.current,\n        [radioValue]: overflow,\n      };\n\n      // Check if any radio has overflow\n      const anyOverflow = Object.values(overflowsRef.current).some(\n        o => o.vertical || o.horizontal,\n      );\n\n      if (anyOverflow !== hasOverflow) {\n        setHasOverflow(anyOverflow);\n      }\n    },\n    [hasOverflow],\n  );\n\n  // Determine effective orientation (auto-stack if needed)\n  const effectiveOrientation =\n    autoStack && orientation === \"horizontal\" && hasOverflow\n      ? \"vertical\"\n      : orientation;\n\n  const validationClasses = useValidationClasses({ isInvalid });\n  const radioClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    [`--is-${effectiveOrientation}`]: true,\n    [className || \"\"]: true,\n  };\n  const radioGroupClasses = classNames(\n    \"mobius\",\n    \"mobius-radio-group\",\n    radioClasses,\n    validationClasses,\n  );\n  const radioWrapperClasses = classNames(\"mobius-radio__wrapper\", {\n    [`--is-${effectiveOrientation}`]: true,\n  });\n  const labelClasses = classNames(radioClasses, validationClasses);\n  const errorMessageId = useId();\n  const defaultNameAttrId = useId();\n  const nameAttribute = name || defaultNameAttrId;\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  return (\n    <div\n      {...rest}\n      aria-describedby={describedBy}\n      aria-disabled={isDisabled}\n      aria-errormessage={shouldErrorMessageShow}\n      aria-invalid={isInvalid}\n      aria-label={props[\"aria-label\"]}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      aria-orientation={effectiveOrientation}\n      aria-readonly={isReadOnly}\n      aria-required={isRequired}\n      ref={ref}\n      className={radioGroupClasses}\n      role=\"radiogroup\"\n    >\n      <Stack gap=\"xs\">\n        {label && (\n          <Label htmlFor={name} id={labelId} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={radioWrapperClasses}>\n          {Children.map(children, child => {\n            if (isValidElement(child)) {\n              const childValue = (child.props as { value?: string }).value;\n              return cloneElement(\n                child as ReactElement,\n                {\n                  orientation: effectiveOrientation,\n                  groupDisabled: isDisabled,\n                  name: nameAttribute,\n                  selected: selected || defaultSelected, // in case state does not update\n                  setSelected,\n                  isRequired,\n                  \"aria-describedby\": describedBy,\n                  onChange,\n                  onOverflow: childValue\n                    ? (overflow: RadioOverflowInfo) =>\n                        handleOverflow(childValue, overflow)\n                    : undefined,\n                } as Record<string, unknown>,\n              );\n            }\n\n            return child;\n          })}\n        </div>\n        <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n      </Stack>\n    </div>\n  );\n};\n\nRadioGroup.displayName = \"RadioGroup\";\nexport { RadioGroup };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAEA,OAAO,gBAAgB;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAoKD,SAEI,KAFJ;AAhHN,IAAM,gBAAgB,CAAC,UAAqB,iBAA0B;AACpE,MAAI,MAAM,QAAQ,QAAQ,KAAK,cAAc;AAC3C,UAAM,SAAS,UAAU,KAAK,UAAQ,KAAK,MAAM,UAAU,YAAY;AAEvE,QAAI,CAAC,OAAQ,QAAO;AAEpB,WAAO,OAAO,MAAM;AAAA,EACtB;AAEA,SAAO;AACT;AAEA,IAAM,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,MAAuB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,kBAAkB,cAAc,UAAU,SAAS,YAAY;AACrE,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,eAAe;AAChE,QAAM,eAAe,OAA0C,CAAC,CAAC;AACjE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAGpD,YAAU,MAAM;AACd,QAAI,UAAU,QAAW;AACvB,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAGV,QAAM,iBAAiB;AAAA,IACrB,CAAC,YAAoB,aAAgC;AACnD,mBAAa,UAAU;AAAA,QACrB,GAAG,aAAa;AAAA,QAChB,CAAC,UAAU,GAAG;AAAA,MAChB;AAGA,YAAM,cAAc,OAAO,OAAO,aAAa,OAAO,EAAE;AAAA,QACtD,OAAK,EAAE,YAAY,EAAE;AAAA,MACvB;AAEA,UAAI,gBAAgB,aAAa;AAC/B,uBAAe,WAAW;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAGA,QAAM,uBACJ,aAAa,gBAAgB,gBAAgB,cACzC,aACA;AAEN,QAAM,oBAAoB,qBAAqB,EAAE,UAAU,CAAC;AAC5D,QAAM,eAAe;AAAA,IACnB,iBAAiB;AAAA,IACjB,iBAAiB,OAAO,eAAe,aAAa;AAAA,IACpD,iBAAiB,OAAO,eAAe,aAAa,CAAC;AAAA,IACrD,CAAC,QAAQ,oBAAoB,EAAE,GAAG;AAAA,IAClC,CAAC,aAAa,EAAE,GAAG;AAAA,EACrB;AACA,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,sBAAsB,WAAW,yBAAyB;AAAA,IAC9D,CAAC,QAAQ,oBAAoB,EAAE,GAAG;AAAA,EACpC,CAAC;AACD,QAAM,eAAe,WAAW,cAAc,iBAAiB;AAC/D,QAAM,iBAAiB,MAAM;AAC7B,QAAM,oBAAoB,MAAM;AAChC,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,yBAAyB,eAAe,iBAAiB;AAC/D,QAAM,cAAc,mBAAmB;AAAA,IACrC;AAAA,IACA,MAAM,kBAAkB;AAAA,EAC1B,CAAC;AACD,QAAM,UAAU,MAAM;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,oBAAkB;AAAA,MAClB,iBAAe;AAAA,MACf,qBAAmB;AAAA,MACnB,gBAAc;AAAA,MACd,cAAY,MAAM,YAAY;AAAA,MAC9B,mBAAiB,MAAM,iBAAiB,KAAK;AAAA,MAC7C,oBAAkB;AAAA,MAClB,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,MAAK;AAAA,MAEL,+BAAC,SAAM,KAAI,MACR;AAAA,iBACC,oBAAC,SAAM,SAAS,MAAM,IAAI,SAAS,WAAW,cAC3C,iBACH;AAAA,QAEF,oBAAC,SAAI,WAAW,qBACb,mBAAS,IAAI,UAAU,WAAS;AAC/B,cAAI,eAAe,KAAK,GAAG;AACzB,kBAAM,aAAc,MAAM,MAA6B;AACvD,mBAAO;AAAA,cACL;AAAA,cACA;AAAA,gBACE,aAAa;AAAA,gBACb,eAAe;AAAA,gBACf,MAAM;AAAA,gBACN,UAAU,YAAY;AAAA;AAAA,gBACtB;AAAA,gBACA;AAAA,gBACA,oBAAoB;AAAA,gBACpB;AAAA,gBACA,YAAY,aACR,CAAC,aACC,eAAe,YAAY,QAAQ,IACrC;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAEA,iBAAO;AAAA,QACT,CAAC,GACH;AAAA,QACA,oBAAC,gBAAa,IAAI,gBAAgB,cAA4B;AAAA,SAChE;AAAA;AAAA,EACF;AAEJ;AAEA,WAAW,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-5L4G4VLM.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5L4G4VLM.js.map

package/dist/esm/chunk-5L4G4VLM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-5OFXPT4J.js

@@ -0,0 +1,135 @@
+import {
+  ErrorMessage
+} from "./chunk-UQVAEWY2.js";
+import {
+  Label
+} from "./chunk-ZN7OWLZY.js";
+
+// src/components/Radio/Radio.tsx
+import classNames from "classnames/dedupe";
+import {
+  Children,
+  isValidElement,
+  useLayoutEffect,
+  useMemo,
+  useRef
+} from "react";
+import "@simplybusiness/mobius/src/components/Radio/Radio.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Radio = ({ ref, ...props }) => {
+  const {
+    children,
+    value,
+    label,
+    className,
+    isDisabled,
+    errorMessage,
+    onChange,
+    defaultChecked,
+    groupDisabled,
+    name,
+    selected,
+    setSelected,
+    isRequired,
+    onOverflow,
+    orientation,
+    ...otherProps
+  } = props;
+  const realDisabled = groupDisabled || isDisabled;
+  const isMultiline = label && children;
+  const isControlled = selected !== void 0;
+  const isChecked = isControlled ? selected === value : defaultChecked;
+  const contentRef = useRef(null);
+  const prevOverflowRef = useRef({
+    vertical: false,
+    horizontal: false
+  });
+  const hasIconFirst = useMemo(() => {
+    if (!children || Children.count(children) === 0) return false;
+    const firstChild = Children.toArray(children)[0];
+    if (!isValidElement(firstChild)) return false;
+    const props2 = firstChild.props;
+    return "icon" in props2 && props2.icon !== void 0;
+  }, [children]);
+  useLayoutEffect(() => {
+    if (!contentRef.current || !onOverflow) return;
+    if (orientation === "vertical") {
+      return;
+    }
+    const element = contentRef.current;
+    const scrollOverflowVertical = element.scrollHeight > element.clientHeight;
+    const scrollOverflowHorizontal = element.scrollWidth > element.clientWidth;
+    const styles = window.getComputedStyle(element);
+    const lineHeight = parseFloat(styles.lineHeight);
+    const fontSize = parseFloat(styles.fontSize);
+    const singleLineHeight = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight;
+    const WRAP_DETECTION_TOLERANCE = 1.1;
+    const hasWrapped = element.clientHeight > singleLineHeight * WRAP_DETECTION_TOLERANCE;
+    const vertical = scrollOverflowVertical || hasWrapped;
+    const horizontal = scrollOverflowHorizontal;
+    const newOverflowState = { vertical, horizontal };
+    const prevOverflow = prevOverflowRef.current;
+    if (newOverflowState.vertical !== prevOverflow.vertical || newOverflowState.horizontal !== prevOverflow.horizontal) {
+      prevOverflowRef.current = newOverflowState;
+      onOverflow(newOverflowState);
+    }
+  }, [label, children, onOverflow, orientation]);
+  const radioClasses = {
+    "--is-disabled": realDisabled,
+    "--is-selected": selected === value,
+    "--is-multiline": !!isMultiline,
+    "--is-required": isRequired
+  };
+  const containerClasses = classNames(
+    "mobius-radio__label",
+    radioClasses,
+    className,
+    { "--has-icon-first": hasIconFirst }
+  );
+  const inputClasses = classNames("mobius-radio__input", radioClasses);
+  const { "aria-describedby": _ariaDescribedBy, ...rest } = otherProps;
+  const handleChange = (event) => {
+    if (setSelected) {
+      setSelected(event.target.value);
+    }
+    if (onChange) {
+      const adaptedEvent = {
+        ...event.nativeEvent,
+        target: event.target
+      };
+      onChange(adaptedEvent);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Label, { className: containerClasses, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          "aria-describedby": otherProps["aria-describedby"],
+          disabled: realDisabled,
+          ref,
+          className: inputClasses,
+          value,
+          tabIndex: 0,
+          type: "radio",
+          onChange: handleChange,
+          ...isControlled ? { checked: isChecked } : { defaultChecked: isChecked },
+          name,
+          required: isRequired,
+          ...rest
+        }
+      ),
+      isMultiline ? /* @__PURE__ */ jsxs("div", { ref: contentRef, className: "mobius-radio__content--multiline", children: [
+        /* @__PURE__ */ jsx("div", { className: "mobius-radio__content-first-line", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "mobius-radio__extra-content", children })
+      ] }) : /* @__PURE__ */ jsx("div", { ref: contentRef, className: "mobius-radio__content", children: label || children })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { errorMessage })
+  ] });
+};
+Radio.displayName = "Radio";
+
+export {
+  Radio
+};
+//# sourceMappingURL=chunk-5OFXPT4J.js.map

package/dist/esm/chunk-5OFXPT4J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Radio/Radio.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ReactNode, RefAttributes } from \"react\";\nimport {\n  Children,\n  isValidElement,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport \"./Radio.css\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type RadioOverflowInfo = {\n  vertical: boolean;\n  horizontal: boolean;\n};\n\nexport type AriaRadioProps = {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n  extends DOMProps, AriaRadioProps, RefAttributes<RadioElementType> {\n  children?: ReactNode;\n  className?: string;\n  label?: ReactNode;\n  errorMessage?: string;\n  value: string;\n  isDisabled?: boolean;\n  onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n  defaultChecked?: boolean;\n  /**\n   * Callback fired when label overflow state changes.\n   * Only invoked when the Radio is in horizontal orientation to prevent infinite loops with autoStack.\n   * Provides information about vertical and horizontal overflow.\n   */\n  onOverflow?: (overflow: RadioOverflowInfo) => void;\n  // Internal:** Do not use\n  groupDisabled?: boolean;\n  // Internal:** Do not use\n  name?: string;\n  // Internal:** Do not use\n  selected?: string;\n  // Internal:** Do not use\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n  isRequired?: boolean;\n  /**\n   * **Internal:** Passed via cloneElement from RadioGroup.\n   * @internal\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nconst Radio = ({ ref, ...props }: RadioProps) => {\n  const {\n    children,\n    value,\n    label,\n    className,\n    isDisabled,\n    errorMessage,\n    onChange,\n    defaultChecked,\n    groupDisabled,\n    name,\n    selected,\n    setSelected,\n    isRequired,\n    onOverflow,\n    orientation,\n    ...otherProps\n  } = props;\n  const realDisabled = groupDisabled || isDisabled;\n  const isMultiline = label && children;\n  const isControlled = selected !== undefined;\n  const isChecked = isControlled ? selected === value : defaultChecked;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const prevOverflowRef = useRef<RadioOverflowInfo>({\n    vertical: false,\n    horizontal: false,\n  });\n\n  const hasIconFirst = useMemo(() => {\n    if (!children || Children.count(children) === 0) return false;\n\n    const firstChild = Children.toArray(children)[0];\n    if (!isValidElement(firstChild)) return false;\n\n    const props = firstChild.props as Record<string, unknown>;\n    return \"icon\" in props && props.icon !== undefined;\n  }, [children]);\n\n  // Detect overflow and call callback\n  useLayoutEffect(() => {\n    if (!contentRef.current || !onOverflow) return;\n\n    // Only detect overflow when in horizontal orientation\n    // This prevents infinite loops when autoStack switches to vertical\n    if (orientation === \"vertical\") {\n      return;\n    }\n\n    const element = contentRef.current;\n\n    // Check for content being cut off (true overflow)\n    const scrollOverflowVertical = element.scrollHeight > element.clientHeight;\n    const scrollOverflowHorizontal = element.scrollWidth > element.clientWidth;\n\n    // Check for multi-line text wrapping by comparing height to single line height\n    const styles = window.getComputedStyle(element);\n    const lineHeight = parseFloat(styles.lineHeight);\n    const fontSize = parseFloat(styles.fontSize);\n    const singleLineHeight = isNaN(lineHeight) ? fontSize * 1.2 : lineHeight;\n\n    // Tolerance multiplier to account for sub-pixel rendering and line-height variations.\n    // If element height is greater than single line, text has wrapped.\n    const WRAP_DETECTION_TOLERANCE = 1.1;\n    const hasWrapped =\n      element.clientHeight > singleLineHeight * WRAP_DETECTION_TOLERANCE;\n\n    const vertical = scrollOverflowVertical || hasWrapped;\n    const horizontal = scrollOverflowHorizontal;\n\n    const newOverflowState = { vertical, horizontal };\n    const prevOverflow = prevOverflowRef.current;\n\n    // Only call callback if state actually changed\n    if (\n      newOverflowState.vertical !== prevOverflow.vertical ||\n      newOverflowState.horizontal !== prevOverflow.horizontal\n    ) {\n      prevOverflowRef.current = newOverflowState;\n      onOverflow(newOverflowState);\n    }\n  }, [label, children, onOverflow, orientation]);\n\n  const radioClasses = {\n    \"--is-disabled\": realDisabled,\n    \"--is-selected\": selected === value,\n    \"--is-multiline\": !!isMultiline,\n    \"--is-required\": isRequired,\n  };\n  const containerClasses = classNames(\n    \"mobius-radio__label\",\n    radioClasses,\n    className,\n    { \"--has-icon-first\": hasIconFirst },\n  );\n\n  const inputClasses = classNames(\"mobius-radio__input\", radioClasses);\n\n  // Exclude props that are passed via cloneElement in `<RadioGroup />`\n  const { \"aria-describedby\": _ariaDescribedBy, ...rest } = otherProps;\n\n  // Handle all interactions through onChange event\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    // Update internal state for RadioGroup\n    if (setSelected) {\n      setSelected(event.target.value);\n    }\n\n    // Call parent onChange callback\n    if (onChange) {\n      // Create an HTMLElementEvent-compatible object\n      const adaptedEvent: HTMLElementEvent<HTMLInputElement> = {\n        ...event.nativeEvent,\n        target: event.target,\n      };\n      onChange(adaptedEvent);\n    }\n  };\n\n  return (\n    <>\n      <Label className={containerClasses}>\n        <input\n          aria-describedby={otherProps[\"aria-describedby\"]}\n          disabled={realDisabled}\n          ref={ref}\n          className={inputClasses}\n          value={value}\n          tabIndex={0}\n          type=\"radio\"\n          onChange={handleChange}\n          {...(isControlled\n            ? { checked: isChecked }\n            : { defaultChecked: isChecked })}\n          name={name}\n          required={isRequired}\n          {...rest}\n        />\n        {isMultiline ? (\n          <div ref={contentRef} className=\"mobius-radio__content--multiline\">\n            <div className=\"mobius-radio__content-first-line\">{label}</div>\n            <div className=\"mobius-radio__extra-content\">{children}</div>\n          </div>\n        ) : (\n          <div ref={contentRef} className=\"mobius-radio__content\">\n            {label || children}\n          </div>\n        )}\n      </Label>\n      {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n    </>\n  );\n};\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/esm/chunk-6O77SOOB.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-6O77SOOB.js.map

package/dist/esm/chunk-6O77SOOB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-AFU7BFCD.js

@@ -0,0 +1,151 @@
+import {
+  Checkbox
+} from "./chunk-N4WQ6522.js";
+import {
+  ErrorMessage
+} from "./chunk-UQVAEWY2.js";
+import {
+  Label
+} from "./chunk-ZN7OWLZY.js";
+import {
+  useValidationClasses
+} from "./chunk-DYOFXXZD.js";
+import {
+  spaceDelimitedList
+} from "./chunk-DTWRSP5P.js";
+
+// src/components/Checkbox/CheckboxGroup.tsx
+import classNames from "classnames/dedupe";
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useEffect,
+  useId,
+  useRef,
+  useState
+} from "react";
+import "@simplybusiness/mobius/src/components/Checkbox/CheckboxGroup.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CheckboxGroup = ({ ref, ...props }) => {
+  const {
+    label,
+    isDisabled = false,
+    isRequired,
+    isInvalid,
+    orientation = "vertical",
+    onChange,
+    className,
+    errorMessage,
+    children,
+    defaultValue = [],
+    isReadOnly,
+    itemsPerRow,
+    lastItemDisables = false,
+    ...rest
+  } = props;
+  const [selected, setSelected] = useState(defaultValue);
+  const isInitializedRef = useRef(false);
+  const prevDefaultValueRef = useRef(defaultValue);
+  useEffect(() => {
+    const hasChanged = defaultValue.length !== prevDefaultValueRef.current.length || defaultValue.some(
+      (val, index) => val !== prevDefaultValueRef.current[index]
+    );
+    if (hasChanged || !isInitializedRef.current) {
+      setSelected(defaultValue);
+      prevDefaultValueRef.current = defaultValue;
+      isInitializedRef.current = true;
+    }
+  }, [defaultValue]);
+  const checkboxGroupClasses = classNames(
+    "mobius",
+    "mobius-checkbox-group",
+    className,
+    {
+      "--is-horizontal": orientation === "horizontal",
+      "--is-vertical": orientation === "vertical",
+      "--is-required": typeof isRequired === "boolean" && isRequired,
+      "--is-optional": typeof isRequired === "boolean" && !isRequired
+    }
+  );
+  const validationClasses = useValidationClasses({ isInvalid });
+  const labelClasses = classNames(
+    {
+      "--is-disabled": isDisabled
+    },
+    validationClasses
+  );
+  const errorMessageId = useId();
+  const shouldErrorMessageShow = errorMessage ? errorMessageId : void 0;
+  const describedBy = spaceDelimitedList([
+    shouldErrorMessageShow,
+    props["aria-describedby"]
+  ]);
+  const labelId = useId();
+  const handleChange = (event, isLastItem = false) => {
+    const {
+      target: { value, checked }
+    } = event;
+    let newValue = [...selected];
+    if (!checked) {
+      newValue = selected.filter((item) => item !== value);
+    }
+    if (checked) {
+      newValue = [...selected, value];
+    }
+    if (checked && lastItemDisables && isLastItem) {
+      newValue = [value];
+    }
+    setSelected(newValue);
+    onChange?.(newValue);
+  };
+  const childrenArray = Children.toArray(children);
+  const lastCheckbox = childrenArray.filter(
+    (child) => isValidElement(child) && child.type === Checkbox
+  ).pop();
+  const lastCheckboxIsChecked = lastCheckbox && selected.includes(lastCheckbox.props.value);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      "aria-labelledby": props["aria-labelledby"] || labelId,
+      ref,
+      className: checkboxGroupClasses,
+      role: "group",
+      style: {
+        "--checkbox-items-per-row": itemsPerRow || Children.count(children)
+      },
+      children: [
+        label && /* @__PURE__ */ jsx(Label, { elementType: "span", id: labelId, className: labelClasses, children: label }),
+        /* @__PURE__ */ jsx("div", { className: "mobius-checkbox-group__wrapper", children: childrenArray.map((child) => {
+          if (isValidElement(child)) {
+            const isLastItem = child === lastCheckbox;
+            const isChildDisabled = isDisabled || lastItemDisables && lastCheckboxIsChecked && !isLastItem;
+            const childProps = child.props;
+            return cloneElement(
+              child,
+              {
+                isDisabled: isChildDisabled,
+                isRequired,
+                isReadOnly,
+                isInvalid,
+                isLastItem,
+                selected: selected.includes(childProps.value),
+                onChange: childProps.onChange || handleChange,
+                "aria-describedby": describedBy
+              }
+            );
+          }
+          return child;
+        }) }),
+        errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, errorMessage })
+      ]
+    }
+  );
+};
+CheckboxGroup.displayName = "CheckboxGroup";
+
+export {
+  CheckboxGroup
+};
+//# sourceMappingURL=chunk-AFU7BFCD.js.map

package/dist/esm/chunk-AFU7BFCD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Checkbox/CheckboxGroup.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  type ChangeEvent,\n  type ReactElement,\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { useValidationClasses } from \"../../hooks\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Checkbox } from \"./Checkbox\";\nimport type { CheckboxElementType, CheckboxGroupProps } from \"./types\";\nimport \"./CheckboxGroup.css\";\n\nexport const CheckboxGroup = ({ ref, ...props }: CheckboxGroupProps) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    isInvalid,\n    orientation = \"vertical\",\n    onChange,\n    className,\n    errorMessage,\n    children,\n    defaultValue = [],\n    isReadOnly,\n    itemsPerRow,\n    lastItemDisables = false,\n    ...rest\n  } = props;\n  const [selected, setSelected] = useState<string[]>(defaultValue);\n\n  // Handle controlled behavior - update state when defaultValue prop changes\n  // Use a ref to track if we've initialized to avoid infinite re-renders\n  const isInitializedRef = useRef(false);\n  const prevDefaultValueRef = useRef<string[]>(defaultValue);\n\n  useEffect(() => {\n    // Only update if defaultValue has actually changed (shallow comparison)\n    const hasChanged =\n      defaultValue.length !== prevDefaultValueRef.current.length ||\n      defaultValue.some(\n        (val, index) => val !== prevDefaultValueRef.current[index],\n      );\n\n    if (hasChanged || !isInitializedRef.current) {\n      setSelected(defaultValue);\n      prevDefaultValueRef.current = defaultValue;\n      isInitializedRef.current = true;\n    }\n  }, [defaultValue]);\n\n  const checkboxGroupClasses = classNames(\n    \"mobius\",\n    \"mobius-checkbox-group\",\n    className,\n    {\n      \"--is-horizontal\": orientation === \"horizontal\",\n      \"--is-vertical\": orientation === \"vertical\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    },\n  );\n  const validationClasses = useValidationClasses({ isInvalid });\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const handleChange = (\n    event: ChangeEvent<CheckboxElementType>,\n    isLastItem = false,\n  ) => {\n    const {\n      target: { value, checked },\n    } = event;\n    let newValue = [...selected];\n\n    if (!checked) {\n      newValue = selected.filter(item => item !== value);\n    }\n\n    if (checked) {\n      newValue = [...selected, value];\n    }\n\n    if (checked && lastItemDisables && isLastItem) {\n      newValue = [value];\n    }\n\n    setSelected(newValue);\n    onChange?.(newValue);\n  };\n\n  const childrenArray = Children.toArray(children);\n  const lastCheckbox = childrenArray\n    .filter(\n      child =>\n        isValidElement(child) && (child as ReactElement).type === Checkbox,\n    )\n    .pop() as ReactElement<CheckboxElementType> | undefined;\n  const lastCheckboxIsChecked =\n    lastCheckbox && selected.includes(lastCheckbox.props.value);\n\n  return (\n    <div\n      {...rest}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      ref={ref}\n      className={checkboxGroupClasses}\n      role=\"group\"\n      style={\n        {\n          \"--checkbox-items-per-row\": itemsPerRow || Children.count(children),\n        } as React.CSSProperties\n      }\n    >\n      {label && (\n        <Label elementType=\"span\" id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-checkbox-group__wrapper\">\n        {childrenArray.map(child => {\n          if (isValidElement(child)) {\n            // lastItemDisables support\n            const isLastItem = child === lastCheckbox;\n            const isChildDisabled =\n              isDisabled ||\n              (lastItemDisables && lastCheckboxIsChecked && !isLastItem);\n\n            const childProps = child.props as {\n              value: string;\n              onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n            };\n\n            return cloneElement(\n              child as ReactElement,\n              {\n                isDisabled: isChildDisabled,\n                isRequired,\n                isReadOnly,\n                isInvalid,\n                isLastItem,\n                selected: selected.includes(childProps.value),\n                onChange: childProps.onChange || handleChange,\n                \"aria-describedby\": describedBy,\n              } as Record<string, unknown>,\n            );\n          }\n\n          return child;\n        })}\n      </div>\n      {errorMessage && (\n        <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n      )}\n    </div>\n  );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/chunk-BGR2OTTR.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BGR2OTTR.js.map

package/dist/esm/chunk-BGR2OTTR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-BIGO5EVC.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BIGO5EVC.js.map

package/dist/esm/chunk-BIGO5EVC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}