@simplybusiness/mobius 10.4.3 → 10.5.0

package/src/components/StickyOnMobile/StickyOnMobile.stories.tsx

@@ -0,0 +1,99 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import type { StickyOnMobileProps } from "./StickyOnMobile";
+import { StickyOnMobile } from "./StickyOnMobile";
+import { excludeControls } from "../../utils";
+import { Button } from "../Button";
+import { Stack } from "../Stack";
+import { Text } from "../Text";
+import { TextField } from "../TextField";
+
+type StoryType = StoryObj<typeof StickyOnMobile>;
+
+const meta: Meta<typeof StickyOnMobile> = {
+  title: "Layout/StickyOnMobile",
+  component: StickyOnMobile,
+  argTypes: {
+    ...excludeControls("className", "style", "children"),
+    elementType: {
+      control: { type: "text" },
+    },
+  },
+  parameters: {
+    docs: {
+      description: {
+        component:
+          "A thin layout wrapper that pins a single child to the bottom of the viewport on mobile (≤ 768px) using `position: fixed` and renders in document flow on desktop. Designed to wrap CTAs such as the post-quote Combined Payments checkout button.",
+      },
+    },
+  },
+};
+
+const FillerContent = () => (
+  <Stack gap="sm">
+    {Array.from({ length: 12 }).map((_, i) => (
+      <Text key={i}>
+        Scroll the canvas on a mobile viewport (≤ 768px) — the Checkout button
+        below stays clamped to the bottom of the visible area while content
+        scrolls behind it. On desktop it just renders in flow.
+      </Text>
+    ))}
+  </Stack>
+);
+
+export const Default: StoryType = {
+  render: (args: StickyOnMobileProps) => (
+    <Stack gap="lg">
+      <FillerContent />
+      <StickyOnMobile {...args}>
+        <Button type="button" variant="primary">
+          Checkout
+        </Button>
+      </StickyOnMobile>
+    </Stack>
+  ),
+};
+
+export const KeyboardTest: StoryType = {
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "Manual QA surface for soft-keyboard behaviour. Storybook viewport addon does NOT simulate the keyboard — open this on a real (or simulator) iPhone and Android, focus the input, and observe whether the sticky bar gets covered. iOS Safari is the case the ticket flags for Browserstack.",
+      },
+    },
+  },
+  render: (args: StickyOnMobileProps) => (
+    <Stack gap="lg">
+      <FillerContent />
+      <TextField
+        label="Tap to open the keyboard"
+        name="keyboard-test"
+        placeholder="Type anything"
+      />
+      <FillerContent />
+      <StickyOnMobile {...args}>
+        <Button type="button" variant="primary">
+          Checkout
+        </Button>
+      </StickyOnMobile>
+    </Stack>
+  ),
+};
+
+export const AsFooterElement: StoryType = {
+  render: (args: StickyOnMobileProps) => (
+    <Stack gap="lg">
+      <FillerContent />
+      <StickyOnMobile {...args} elementType="footer">
+        <Button type="button" variant="primary">
+          Checkout
+        </Button>
+      </StickyOnMobile>
+    </Stack>
+  ),
+  args: {
+    elementType: "footer",
+  },
+};
+
+export default meta;

package/src/components/StickyOnMobile/StickyOnMobile.test.tsx

@@ -0,0 +1,100 @@
+import { createRef } from "react";
+import { render, screen } from "@testing-library/react";
+import { StickyOnMobile } from ".";
+
+const CLASS_NAME = "mobius-sticky-on-mobile";
+
+describe("StickyOnMobile", () => {
+  it("renders children", () => {
+    render(<StickyOnMobile>Sample text</StickyOnMobile>);
+    expect(screen.getByText("Sample text")).toBeInTheDocument();
+  });
+
+  it("renders a div by default", () => {
+    render(<StickyOnMobile data-testid="bar">x</StickyOnMobile>);
+    expect(screen.getByTestId("bar").tagName).toBe("DIV");
+  });
+
+  it("uses the provided elementType", () => {
+    render(
+      <StickyOnMobile elementType="footer" data-testid="bar">
+        x
+      </StickyOnMobile>,
+    );
+    expect(screen.getByTestId("bar").tagName).toBe("FOOTER");
+  });
+
+  it("does not pass elementType through as a DOM attribute", () => {
+    render(
+      <StickyOnMobile elementType="footer" data-testid="bar">
+        x
+      </StickyOnMobile>,
+    );
+    expect(screen.getByTestId("bar")).not.toHaveAttribute(
+      "elementtype",
+      "footer",
+    );
+  });
+
+  it("forwards style attributes", () => {
+    render(
+      <StickyOnMobile style={{ backgroundColor: "red" }} data-testid="bar">
+        x
+      </StickyOnMobile>,
+    );
+    expect(screen.getByTestId("bar")).toHaveStyle({
+      "background-color": "rgb(255, 0, 0)",
+    });
+  });
+
+  it("spreads HTML attributes onto the element", () => {
+    render(
+      <StickyOnMobile data-testid="bar" aria-label="payment actions">
+        x
+      </StickyOnMobile>,
+    );
+    expect(screen.getByTestId("bar")).toHaveAttribute(
+      "aria-label",
+      "payment actions",
+    );
+  });
+
+  describe("class names", () => {
+    it("applies the mobius base class", () => {
+      render(<StickyOnMobile data-testid="bar">x</StickyOnMobile>);
+      expect(screen.getByTestId("bar")).toHaveClass("mobius");
+    });
+
+    it("applies the mobius-sticky-on-mobile class", () => {
+      render(<StickyOnMobile data-testid="bar">x</StickyOnMobile>);
+      expect(screen.getByTestId("bar")).toHaveClass(CLASS_NAME);
+    });
+
+    it("merges a custom className", () => {
+      render(
+        <StickyOnMobile className="my-class" data-testid="bar">
+          x
+        </StickyOnMobile>,
+      );
+      expect(screen.getByTestId("bar")).toHaveClass("my-class");
+      expect(screen.getByTestId("bar")).toHaveClass(CLASS_NAME);
+    });
+  });
+
+  it("forwards ref", () => {
+    const ref = createRef<HTMLDivElement>();
+    render(<StickyOnMobile ref={ref}>x</StickyOnMobile>);
+    expect(ref.current).toBeInstanceOf(HTMLDivElement);
+  });
+
+  describe("breakpoint behaviour", () => {
+    // Behaviour at the 768px breakpoint is driven by a static @media query in
+    // StickyOnMobile.css. JSDOM does not evaluate @media rules, so these tests
+    // verify the *contract*: the class hook is applied unconditionally so the
+    // CSS can switch positioning based on viewport width.
+    it("applies the sticky class hook regardless of viewport (CSS handles the switch)", () => {
+      render(<StickyOnMobile data-testid="bar">x</StickyOnMobile>);
+      expect(screen.getByTestId("bar")).toHaveClass(CLASS_NAME);
+    });
+  });
+});

package/src/components/StickyOnMobile/StickyOnMobile.tsx

@@ -0,0 +1,37 @@
+import type {
+  RefAttributes,
+  ReactNode,
+  ElementType,
+  CSSProperties,
+  HTMLAttributes,
+} from "react";
+import classNames from "classnames/dedupe";
+import "./StickyOnMobile.css";
+
+export type StickyOnMobileElementType = HTMLElement;
+
+export interface StickyOnMobileProps
+  extends
+    HTMLAttributes<StickyOnMobileElementType>,
+    RefAttributes<StickyOnMobileElementType> {
+  children?: ReactNode;
+  /** HTML element to render. Defaults to `div`. */
+  elementType?: ElementType;
+  className?: string;
+  style?: CSSProperties;
+}
+
+const StickyOnMobile = ({ ref, ...props }: StickyOnMobileProps) => {
+  const { elementType: Element = "div", ...otherProps } = props;
+
+  const classes = classNames(
+    "mobius",
+    "mobius-sticky-on-mobile",
+    otherProps.className,
+  );
+
+  return <Element ref={ref} {...otherProps} className={classes} />;
+};
+
+StickyOnMobile.displayName = "StickyOnMobile";
+export { StickyOnMobile };

package/src/components/StickyOnMobile/index.tsx

@@ -0,0 +1 @@
+export * from "./StickyOnMobile";

package/src/components/TextField/TextField.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import classNames from "classnames/dedupe";
+import { memo } from "react";
 import type {
   HTMLInputTypeAttribute,
   ReactElement,
@@ -52,7 +53,7 @@ export interface TextFieldProps
 
 export type TextFieldRef = Ref<TextFieldElementType>;
 
-const TextField = ({ ref, ...props }: TextFieldProps) => {
+const TextFieldInner = ({ ref, ...props }: TextFieldProps) => {
   const {
     isDisabled,
     type = "text",
@@ -166,5 +167,6 @@ const TextField = ({ ref, ...props }: TextFieldProps) => {
   );
 };
 
+const TextField = memo(TextFieldInner);
 TextField.displayName = "TextField";
 export { TextField };

package/src/components/TextField/adornmentWithClassName.ts

@@ -9,11 +9,12 @@ export const adornmentWithClassName = (
 ) => {
   if (!component) return null;
 
-  return cloneElement(component, {
+  const typedComponent = component as ReactElement<{ className?: string }>;
+  return cloneElement(typedComponent, {
     className: classNames(
-      (component.props as { className?: string }).className,
+      typedComponent.props.className,
       validationClasses,
       className,
     ),
-  } as { className: string });
+  });
 };

package/src/components/index.tsx

@@ -34,6 +34,7 @@ export * from "./Segment";
 export * from "./Select";
 export * from "./Slider";
 export * from "./Stack";
+export * from "./StickyOnMobile";
 export * from "./SVG";
 export * from "./Switch";
 export * from "./Table";

package/src/hooks/useBreakpoint/useBreakpoint.test.tsx

@@ -139,7 +139,7 @@ describe("useBreakpoint", () => {
       it.each([...expected])(
         "it returns %s for breakpoint %s",
         (expectedResult, breakpoint) => {
-          setWindowWidth(value as number);
+          setWindowWidth(value);
 
           const { result } = renderHook(() => useBreakpoint());
           expect(result.current.up(breakpoint)).toBe(expectedResult);
@@ -222,7 +222,7 @@ describe("useBreakpoint", () => {
       it.each([...expected])(
         "it returns %s for breakpoint %s",
         (expectedResult, breakpoint) => {
-          setWindowWidth(value as number);
+          setWindowWidth(value);
 
           const { result } = renderHook(() => useBreakpoint());
           expect(result.current.down(breakpoint)).toBe(expectedResult);
@@ -340,7 +340,7 @@ describe("useBreakpoint", () => {
         it.each([...expected])(
           "it returns %s for breakpoint %s",
           (expectedResult, breakpoint) => {
-            setWindowWidth(value as number);
+            setWindowWidth(value);
 
             const { result } = renderHook(() =>
               useBreakpoint(customBreakpoints),
@@ -419,7 +419,7 @@ describe("useBreakpoint", () => {
         it.each([...expected])(
           "it returns %s for breakpoint %s",
           (expectedResult, breakpoint) => {
-            setWindowWidth(value as number);
+            setWindowWidth(value);
 
             const { result } = renderHook(() => useBreakpoint());
             expect(result.current.down(breakpoint)).toBe(expectedResult);

package/src/styles.d.ts

@@ -4,3 +4,5 @@ declare module "*.css" {
 }
 
 declare module "*.module.css";
+
+declare module "@simplybusiness/icons/iconfont";

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/TextField/TextField.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { DOMProps, FocusEvents } from \"../../types\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport \"./TextField.css\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends\n    DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField = ({ ref, ...props }: TextFieldProps) => {\n  const {\n    isDisabled,\n    type = \"text\",\n    isInvalid,\n    className,\n    label,\n    errorMessage,\n    children,\n    isRequired,\n    prefixInside,\n    prefixOutside,\n    suffixInside,\n    suffixOutside,\n    autoComplete,\n    isReadOnly,\n    ...otherProps\n  } = props;\n\n  const resolvedAutoComplete =\n    autoComplete ??\n    (type === \"email\" ? \"email\" : type === \"tel\" ? \"tel\" : undefined);\n\n  const { inputProps, labelProps, errorMessageProps } = useTextField({\n    ...props,\n    autoComplete: resolvedAutoComplete,\n    \"aria-errormessage\": errorMessage,\n  });\n\n  const hidden = type === \"hidden\";\n\n  const validationClasses = useValidationClasses({ isInvalid });\n\n  const textfieldClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    \"--is-hidden\": hidden,\n    [className || \"\"]: true,\n  };\n\n  const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field\",\n    sharedClasses,\n  );\n\n  const inputClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field__input\",\n    sharedClasses,\n  );\n\n  const inputWrapperClasses = classNames(\n    \"mobius-text-field__input-wrapper\",\n    sharedClasses,\n  );\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && !hidden && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-text-field__inner-container\">\n        {adornmentWithClassName(\n          prefixOutside,\n          labelClasses,\n          \"mobius-text-field__prefix-outside\",\n        )}\n        <div className={inputWrapperClasses}>\n          {adornmentWithClassName(\n            prefixInside,\n            labelClasses,\n            \"mobius-text-field__prefix-inside\",\n          )}\n          <input\n            {...otherProps}\n            {...inputProps}\n            ref={ref}\n            type={type}\n            className={inputClasses}\n          />\n          {adornmentWithClassName(\n            suffixInside,\n            labelClasses,\n            \"mobius-text-field__suffix-inside\",\n          )}\n        </div>\n        {adornmentWithClassName(\n          suffixOutside,\n          labelClasses,\n          \"mobius-text-field__suffix-outside\",\n        )}\n      </div>\n      {children && (\n        <div className=\"mobius-text-field__children\">{children}</div>\n      )}\n\n      <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n    </Stack>\n  );\n};\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAEA,OAAO,gBAAgB;AAevB,OAAO;AA2GC,cAUA,YAVA;AAtER,IAAM,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,MAAsB;AACvD,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,uBACJ,iBACC,SAAS,UAAU,UAAU,SAAS,QAAQ,QAAQ;AAEzD,QAAM,EAAE,YAAY,YAAY,kBAAkB,IAAI,aAAa;AAAA,IACjE,GAAG;AAAA,IACH,cAAc;AAAA,IACd,qBAAqB;AAAA,EACvB,CAAC;AAED,QAAM,SAAS,SAAS;AAExB,QAAM,oBAAoB,qBAAqB,EAAE,UAAU,CAAC;AAE5D,QAAM,mBAAmB;AAAA,IACvB,iBAAiB;AAAA,IACjB,iBAAiB,OAAO,eAAe,aAAa;AAAA,IACpD,iBAAiB,OAAO,eAAe,aAAa,CAAC;AAAA,IACrD,eAAe;AAAA,IACf,CAAC,aAAa,EAAE,GAAG;AAAA,EACrB;AAEA,QAAM,gBAAgB,WAAW,mBAAmB,gBAAgB;AAEpE,QAAM,eAAe;AAAA,IACnB;AAAA,MACE,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAEA,SACE,qBAAC,SAAM,KAAI,MAAK,WAAW,kBACxB;AAAA,aAAS,CAAC,UACT,oBAAC,SAAO,GAAG,YAAY,WAAW,cAC/B,iBACH;AAAA,IAEF,qBAAC,SAAI,WAAU,sCACZ;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,qBAAC,SAAI,WAAW,qBACb;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,WAAW;AAAA;AAAA,QACb;AAAA,QACC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,SACF;AAAA,MACC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,OACF;AAAA,IACC,YACC,oBAAC,SAAI,WAAU,+BAA+B,UAAS;AAAA,IAGzD,oBAAC,gBAAc,GAAG,mBAAmB,cAA4B;AAAA,KACnE;AAEJ;AAEA,UAAU,cAAc;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/Combobox/Combobox.tsx"],
-  "sourcesContent": ["import { useOnUnmount } from \"@simplybusiness/mobius-hooks\";\nimport classNames from \"classnames/dedupe\";\nimport type React from \"react\";\nimport type { FocusEvent } from \"react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { useBreakpoint } from \"../../hooks\";\nimport { TextField } from \"../TextField\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { Listbox } from \"./Listbox\"; // Import Listbox component\nimport type { ComboboxOption, ComboboxProps, ComboboxRef } from \"./types\";\nimport { useComboboxHighlight } from \"./useComboboxHighlight\";\nimport { useComboboxOptions } from \"./useComboboxOptions\";\nimport { getOptionLabel, getOptionValue, isOptionGroup } from \"./utils\";\nimport \"./Combobox.css\";\n\nconst ComboboxInner = <T extends ComboboxOption>({\n  ref,\n  ...props\n}: ComboboxProps<T>) => {\n  const {\n    id,\n    defaultValue,\n    value,\n    options,\n    asyncOptions,\n    delay,\n    minSearchLength,\n    onSelected,\n    className,\n    placeholder,\n    icon,\n    onBlur,\n    onFocus,\n    onChange,\n    // onSearched, // unused prop, consider removing\n    optionComponent,\n    optionTestIdPrefix,\n    errorMessage,\n    ...otherProps\n  } = props;\n  // Avoid re-fetching after selecting an option\n  const skipNextDebounceRef = useRef(false);\n  const fallbackRef = useRef<HTMLInputElement>(null);\n  const [inputValue, setInputValue] = useState(defaultValue || \"\");\n  const [isOpen, setIsOpen] = useState(false);\n  const [isChanging, setIsChanging] = useState(false);\n  const { filteredOptions, updateFilteredOptions, isLoading, error } =\n    useComboboxOptions({\n      options,\n      asyncOptions,\n      inputValue,\n      delay,\n      minSearchLength,\n      skipNextDebounceRef,\n    });\n  const [validationError, setValidationError] = useState(\n    error?.message || errorMessage,\n  );\n  const {\n    highlightedIndex,\n    highlightedGroupIndex,\n    highlightNextOption,\n    highlightPreviousOption,\n    highlightFirstOption,\n    highlightLastOption,\n    clearHighlight,\n  } = useComboboxHighlight(filteredOptions);\n\n  const inputRef = ref || fallbackRef;\n  const listboxId = useId();\n  const statusId = useId();\n  const blurTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const userInteractedRef = useRef(false);\n  const justSelectedRef = useRef(false);\n  const { down } = useBreakpoint();\n  const isMobile = down(\"md\");\n\n  useEffect(() => {\n    setValidationError(error?.message || errorMessage);\n  }, [error, errorMessage]);\n\n  // Helper to create properly-typed empty value based on option type\n  const getEmptyValue = (): T => {\n    // Check first available option to determine if we're using string or object options\n    const firstOption = filteredOptions\n      ? isOptionGroup(filteredOptions)\n        ? filteredOptions[0]?.options[0]\n        : filteredOptions[0]\n      : options\n        ? isOptionGroup(options)\n          ? options[0]?.options[0]\n          : options[0]\n        : undefined;\n\n    // If options are strings, return empty string\n    if (typeof firstOption === \"string\") {\n      return \"\" as T;\n    }\n\n    // If options are objects, return empty object with same shape\n    return { label: \"\", value: \"\" } as T;\n  };\n\n  const handleFocus = (e: FocusEvent) => {\n    onFocus?.(e);\n    if (!filteredOptions || filteredOptions.length === 0) return;\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current);\n      blurTimeoutRef.current = null;\n    }\n\n    // Check if this is natural focus (user click/Tab) or programmatic focus\n    const isNaturalFocus =\n      userInteractedRef.current || e.relatedTarget !== null;\n    if (userInteractedRef.current) {\n      userInteractedRef.current = false;\n    }\n\n    // Block opening only if programmatic focus right after selection\n    if (justSelectedRef.current && !isNaturalFocus) {\n      return;\n    }\n\n    // Open dropdown for natural focus\n    if (isNaturalFocus) {\n      setIsOpen(true);\n      justSelectedRef.current = false;\n    }\n  };\n\n  useEffect(() => {\n    if (!inputRef || typeof inputRef === \"function\") return;\n    const inputElement = inputRef.current;\n    if (!inputElement) return;\n\n    const handleMouseDown = () => {\n      // Track that user clicked/interacted with input\n      userInteractedRef.current = true;\n    };\n\n    inputElement.addEventListener(\"mousedown\", handleMouseDown);\n    return () => {\n      inputElement.removeEventListener(\"mousedown\", handleMouseDown);\n    };\n  }, [inputRef]);\n\n  useOnUnmount(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current);\n    }\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    setInputValue(newValue);\n    setValidationError(undefined);\n    justSelectedRef.current = false;\n    setIsChanging(true);\n    // Only open immediately for sync options; async options controlled by useEffect\n    if (!asyncOptions) {\n      setIsOpen(true);\n    }\n    clearHighlight();\n    onChange?.(e);\n  };\n\n  const handleOptionSelect = (option: T) => {\n    const val = getOptionValue(option);\n\n    // Allow empty values to pass through\n    if (!val && val !== \"\") return;\n\n    if (\n      typeof option === \"object\" &&\n      \"callback\" in option &&\n      option.callback &&\n      typeof option.callback === \"function\"\n    ) {\n      justSelectedRef.current = true;\n      setTimeout(() => {\n        if (inputRef && typeof inputRef !== \"function\" && inputRef.current) {\n          inputRef.current.focus();\n        }\n      }, 0);\n      const callbackPromise = option.callback();\n      updateFilteredOptions(callbackPromise);\n      callbackPromise\n        .then(() => {\n          setIsOpen(true);\n          setIsChanging(true);\n        })\n        .catch(() => {\n          // error handled inside updateFilteredOptions via setError\n        });\n      return;\n    }\n\n    // Prevent re-fetching options after selecting an option\n    skipNextDebounceRef.current = true;\n    justSelectedRef.current = true;\n\n    setIsChanging(false);\n    setValidationError(undefined);\n    setIsOpen(false);\n    setInputValue(val);\n    onSelected?.(option);\n  };\n\n  const getFirstOption = () => {\n    if (!filteredOptions) return undefined;\n    if (isOptionGroup(filteredOptions)) {\n      return filteredOptions[0]?.options[0];\n    }\n\n    return filteredOptions[0];\n  };\n\n  const getHighlightedOption = () => {\n    if (!filteredOptions) return undefined;\n    if (highlightedIndex === -1) return undefined;\n\n    if (isOptionGroup(filteredOptions)) {\n      const group = filteredOptions[highlightedGroupIndex];\n      return group?.options[highlightedIndex];\n    }\n\n    return filteredOptions[highlightedIndex];\n  };\n\n  const getHighlightedOptionId = () => {\n    const option = getHighlightedOption();\n    if (!option) return undefined;\n\n    if (isOptionGroup(filteredOptions)) {\n      return `${listboxId}-option-${highlightedGroupIndex}-${highlightedIndex}`;\n    }\n\n    return `${listboxId}-option-${highlightedIndex}`;\n  };\n\n  const handleBlur = (e: FocusEvent<Element, Element>) => {\n    // Force selection if user has matched an entry by typing (not already selected)\n    // Defer this to allow natural focus flow to complete first\n    if (!justSelectedRef.current) {\n      const typedText = inputValue.trim();\n      const typedTextLower = typedText.toLowerCase();\n      const highlightedOption = getHighlightedOption();\n      const label = getOptionLabel(highlightedOption);\n\n      if (typedTextLower === label?.toLowerCase()) {\n        // Exact match with an option\n        setTimeout(() => {\n          handleOptionSelect(highlightedOption as T);\n        }, 0);\n      } else if (typedText === \"\") {\n        // Allow empty values\n        setTimeout(() => {\n          handleOptionSelect(getEmptyValue());\n        }, 0);\n      } else {\n        // Invalid value (not in options and not empty)\n        setValidationError(\n          errorMessage || \"Please select an option from the list\",\n        );\n        setTimeout(() => {\n          setInputValue(\"\");\n        }, 0);\n      }\n    }\n\n    blurTimeoutRef.current = setTimeout(() => {\n      onBlur?.(e);\n      setIsOpen(false);\n      setIsChanging(false);\n    }, 150);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        justSelectedRef.current = false;\n        setIsOpen(true);\n        highlightNextOption();\n        break;\n      case \"ArrowUp\":\n        e.preventDefault();\n        justSelectedRef.current = false;\n        setIsOpen(true);\n        highlightPreviousOption();\n        break;\n      case \"Home\":\n        e.preventDefault();\n        justSelectedRef.current = false;\n        setIsOpen(true);\n        highlightFirstOption();\n        break;\n      case \"End\":\n        e.preventDefault();\n        justSelectedRef.current = false;\n        setIsOpen(true);\n        highlightLastOption();\n        break;\n      case \"Enter\":\n        e.preventDefault();\n        if (isOpen) {\n          const selectedOption = getHighlightedOption() || getFirstOption();\n          if (selectedOption) {\n            handleOptionSelect(selectedOption);\n          }\n        }\n        break;\n      case \"Escape\":\n        e.preventDefault();\n        setInputValue(\"\");\n        setIsOpen(false);\n        clearHighlight();\n        break;\n      default:\n      // Do nothing\n    }\n  };\n\n  useEffect(() => {\n    if (value) {\n      setInputValue(value);\n    }\n  }, [value]);\n\n  // Open and close the combobox based on async filtered options\n  useEffect(() => {\n    if (asyncOptions && isChanging) {\n      setIsOpen(!!filteredOptions && filteredOptions.length > 0);\n    }\n  }, [filteredOptions, asyncOptions, isChanging]);\n\n  const classes = classNames(\n    \"mobius mobius-combobox\",\n    {\n      \"mobius-combobox--is-expanded\": isOpen,\n      \"mobius-combobox--is-loading\": isLoading,\n      \"mobius-combobox--is-mobile\": isMobile,\n    },\n    className,\n  );\n\n  const getStatusMessage = () => {\n    if (isLoading) return \"Loading options\";\n    if (!filteredOptions || filteredOptions.length === 0) {\n      return isChanging ? \"No options found\" : \"\";\n    }\n    const count = isOptionGroup(filteredOptions)\n      ? filteredOptions.reduce((sum, group) => sum + group.options.length, 0)\n      : filteredOptions.length;\n    return isOpen && isChanging\n      ? `${count} option${count === 1 ? \"\" : \"s\"} available`\n      : \"\";\n  };\n\n  return (\n    <div id={id} data-testid=\"mobius-combobox__wrapper\" className={classes}>\n      <VisuallyHidden\n        role=\"status\"\n        aria-live=\"polite\"\n        id={statusId}\n        elementType=\"div\"\n        className=\"mobius-combobox__status\"\n      >\n        {getStatusMessage()}\n      </VisuallyHidden>\n      <TextField\n        {...otherProps}\n        className=\"mobius-combobox__input\"\n        role=\"combobox\"\n        value={inputValue}\n        placeholder={placeholder}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        onChange={handleInputChange}\n        autoComplete=\"off\"\n        aria-describedby={isLoading ? statusId : undefined}\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        aria-controls={isOpen ? listboxId : undefined}\n        aria-expanded={isOpen}\n        aria-activedescendant={\n          highlightedIndex === -1 ? undefined : getHighlightedOptionId()\n        }\n        prefixInside={icon}\n        ref={inputRef}\n        errorMessage={errorMessage || validationError || error?.message}\n      />\n      <Listbox\n        id={listboxId}\n        isOpen={isOpen}\n        isLoading={isLoading}\n        options={filteredOptions}\n        highlightedIndex={highlightedIndex}\n        highlightedGroupIndex={highlightedGroupIndex}\n        onOptionSelect={handleOptionSelect}\n        optionComponent={optionComponent}\n        optionTestIdPrefix={optionTestIdPrefix}\n      />\n    </div>\n  );\n};\n\nexport const Combobox = ComboboxInner as <T extends ComboboxOption>(\n  props: ComboboxProps<T> & { ref?: ComboboxRef },\n) => React.JSX.Element;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/chunk-NOQ27VLY.js

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

package/dist/esm/chunk-VVL4B2KD.js

@@ -1,92 +0,0 @@
-import {
-  LoqateAddressLookupError
-} from "./chunk-EDSRI6SV.js";
-import {
-  __privateAdd,
-  __privateGet,
-  __privateSet
-} from "./chunk-VHAA22YE.js";
-
-// src/components/AddressLookup/LoqateAddressLookupService.tsx
-var LOQATE_BASE_URL = "https://api.addressy.com/Capture/Interactive";
-var LOQATE_FIND_URL = "/Find/v1.00/json3.ws";
-var LOQATE_RETRIEVE_URL = "/Retrieve/v1.2/json3.ws";
-var DEFAULT_COUNTRIES = ["GB"];
-var _baseUrl, _apiKey, _countries, _filters;
-var LoqateAddressLookupService = class {
-  constructor({
-    baseUrl,
-    apiKey,
-    countries,
-    filters
-  }) {
-    /**
-     * Base URL for the Loqate API
-     */
-    __privateAdd(this, _baseUrl);
-    /**
-     * API key for the Loqate API
-     */
-    __privateAdd(this, _apiKey);
-    /**
-     * List of allowed country codes for the Loqate API
-     * 2 or 3 character ISO country codes
-     */
-    __privateAdd(this, _countries);
-    /**
-     * Optional filters for the Loqate API
-     * E.g., { AdministrativeArea: "CA", PostalCode: "90210" }
-     */
-    __privateAdd(this, _filters);
-    __privateSet(this, _apiKey, apiKey);
-    __privateSet(this, _baseUrl, baseUrl || LOQATE_BASE_URL);
-    __privateSet(this, _countries, countries || DEFAULT_COUNTRIES);
-    __privateSet(this, _filters, filters);
-  }
-  fetchFromApi(url) {
-    return fetch(`${__privateGet(this, _baseUrl)}${url}`).then((response) => response.json()).then((json) => {
-      if (json.Items?.some((item) => item.Error)) {
-        throw new LoqateAddressLookupError(json);
-      }
-      return json;
-    });
-  }
-  /**
-   * Builds the Filters query parameter for Loqate API requests.
-   * - Filter keys (e.g., "AdministrativeArea", "PostalCode") are predefined by Loqate API (no need to encode)
-   * - Filter values (e.g., "New York", "90210") contain user input that may have special characters (need encoding)
-   *
-   * @returns Empty string if no filters, otherwise "&Filters=key1:value1&key2:value2" (Loqate's expected format for Filters)
-   */
-  buildFiltersQuery() {
-    if (!__privateGet(this, _filters) || Object.keys(__privateGet(this, _filters)).length === 0) {
-      return "";
-    }
-    const encodedFilters = Object.entries(__privateGet(this, _filters)).map(([key, value]) => `${key}:${encodeURIComponent(value)}`).join("&");
-    return `&Filters=${encodedFilters}`;
-  }
-  search(searchTerm) {
-    let url = `${LOQATE_FIND_URL}?Key=${__privateGet(this, _apiKey)}&Text=${searchTerm}&Countries=${__privateGet(this, _countries)?.join(",")}`;
-    url += this.buildFiltersQuery();
-    return this.fetchFromApi(url);
-  }
-  findById(id) {
-    let url = `${LOQATE_FIND_URL}?Key=${__privateGet(this, _apiKey)}&Container=${id}&Countries=${__privateGet(this, _countries)?.join(",")}`;
-    url += this.buildFiltersQuery();
-    return this.fetchFromApi(url);
-  }
-  async get(id) {
-    const url = `${LOQATE_RETRIEVE_URL}?Key=${__privateGet(this, _apiKey)}&Id=${id}`;
-    const response = await this.fetchFromApi(url);
-    return response.Items[0];
-  }
-};
-_baseUrl = new WeakMap();
-_apiKey = new WeakMap();
-_countries = new WeakMap();
-_filters = new WeakMap();
-
-export {
-  LoqateAddressLookupService
-};
-//# sourceMappingURL=chunk-VVL4B2KD.js.map