@simplybusiness/mobius 5.25.2 → 5.26.0

package/dist/esm/components/Combobox/useComboboxOptions.js

@@ -1,71 +0,0 @@
-import { useEffect, useState } from "react";
-import { filterOptions } from "./utils";
-import { useDebouncedValue } from "../../hooks";
-export function useComboboxOptions({ options, asyncOptions, delay = 300, minSearchLength = 3, inputValue = "", skipNextDebounceRef, onSearched }) {
-    const [filteredOptions, setFilteredOptions] = useState(undefined);
-    const debouncedInputValue = useDebouncedValue(inputValue, // Don't debounce synchronous options
-    options ? 0 : delay);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
-    useEffect(()=>{
-        const controller = new AbortController();
-        const { signal } = controller;
-        const fetchOptions = async ()=>{
-            setIsLoading(true);
-            setError(null);
-            try {
-                if (asyncOptions) {
-                    if (debouncedInputValue.length < minSearchLength) {
-                        setFilteredOptions(undefined);
-                        return;
-                    }
-                    const result = await asyncOptions(debouncedInputValue, {
-                        signal
-                    });
-                    setFilteredOptions(result);
-                    onSearched === null || onSearched === void 0 ? void 0 : onSearched(debouncedInputValue);
-                } else {
-                    // @ts-expect-error options is erroneously typed as possibly undefined
-                    setFilteredOptions(filterOptions(options, debouncedInputValue));
-                }
-            } catch (e) {
-                if (e instanceof DOMException && e.name === "AbortError") {
-                    // Ignore abort errors
-                    return;
-                }
-                setError(e);
-            } finally{
-                setIsLoading(false);
-            }
-        };
-        if (!(skipNextDebounceRef === null || skipNextDebounceRef === void 0 ? void 0 : skipNextDebounceRef.current)) {
-            void fetchOptions();
-        } else {
-            skipNextDebounceRef.current = false;
-        }
-        return ()=>{
-            controller.abort();
-        };
-    }, [
-        debouncedInputValue,
-        options,
-        asyncOptions,
-        delay,
-        minSearchLength,
-        skipNextDebounceRef,
-        onSearched
-    ]);
-    function updateFilteredOptions(newOptions) {
-        setIsLoading(true);
-        return newOptions.then(setFilteredOptions).catch(setError).finally(()=>setIsLoading(false));
-    }
-    return {
-        filteredOptions,
-        updateFilteredOptions,
-        isLoading,
-        error,
-        isError: error != null
-    };
-}
-
-//# sourceMappingURL=useComboboxOptions.js.map

package/dist/esm/components/Combobox/useComboboxOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Combobox/useComboboxOptions.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { ComboboxOption, ComboboxOptions, ComboboxProps } from \"./types\";\nimport { filterOptions } from \"./utils\";\nimport { useDebouncedValue } from \"../../hooks\";\n\nexport type UseComboboxOptionsProps<T extends ComboboxOption> = Pick<\n  ComboboxProps<T>,\n  \"options\" | \"asyncOptions\" | \"delay\" | \"minSearchLength\"\n> & {\n  skipNextDebounceRef?: React.MutableRefObject<boolean>;\n  inputValue?: string;\n  onSearched?: (searchTerm: string) => void;\n};\n\nexport function useComboboxOptions<T extends ComboboxOption>({\n  options,\n  asyncOptions,\n  delay = 300,\n  minSearchLength = 3,\n  inputValue = \"\",\n  skipNextDebounceRef,\n  onSearched,\n}: UseComboboxOptionsProps<T>) {\n  const [filteredOptions, setFilteredOptions] = useState<\n    ComboboxOptions<T> | undefined\n  >(undefined);\n  const debouncedInputValue = useDebouncedValue(\n    inputValue,\n    // Don't debounce synchronous options\n    options ? 0 : delay,\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const controller = new AbortController();\n    const { signal } = controller;\n\n    const fetchOptions = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        if (asyncOptions) {\n          if (debouncedInputValue.length < minSearchLength) {\n            setFilteredOptions(undefined);\n            return;\n          }\n          const result = await asyncOptions(debouncedInputValue, { signal });\n          setFilteredOptions(result);\n          onSearched?.(debouncedInputValue);\n        } else {\n          // @ts-expect-error options is erroneously typed as possibly undefined\n          setFilteredOptions(filterOptions(options, debouncedInputValue));\n        }\n      } catch (e: unknown) {\n        if (e instanceof DOMException && e.name === \"AbortError\") {\n          // Ignore abort errors\n          return;\n        }\n        setError(e as Error);\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    if (!skipNextDebounceRef?.current) {\n      void fetchOptions();\n    } else {\n      skipNextDebounceRef.current = false;\n    }\n\n    return () => {\n      controller.abort();\n    };\n  }, [\n    debouncedInputValue,\n    options,\n    asyncOptions,\n    delay,\n    minSearchLength,\n    skipNextDebounceRef,\n    onSearched,\n  ]);\n\n  function updateFilteredOptions(newOptions: Promise<ComboboxOptions<T>>) {\n    setIsLoading(true);\n    return newOptions\n      .then(setFilteredOptions)\n      .catch(setError)\n      .finally(() => setIsLoading(false));\n  }\n\n  return {\n    filteredOptions,\n    updateFilteredOptions,\n    isLoading,\n    error,\n    isError: error != null,\n  };\n}\n"],"names":["useEffect","useState","filterOptions","useDebouncedValue","useComboboxOptions","options","asyncOptions","delay","minSearchLength","inputValue","skipNextDebounceRef","onSearched","filteredOptions","setFilteredOptions","undefined","debouncedInputValue","isLoading","setIsLoading","error","setError","controller","AbortController","signal","fetchOptions","length","result","e","DOMException","name","current","abort","updateFilteredOptions","newOptions","then","catch","finally","isError"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,iBAAiB,QAAQ,cAAc;AAWhD,OAAO,SAASC,mBAA6C,EAC3DC,OAAO,EACPC,YAAY,EACZC,QAAQ,GAAG,EACXC,kBAAkB,CAAC,EACnBC,aAAa,EAAE,EACfC,mBAAmB,EACnBC,UAAU,EACiB;IAC3B,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGZ,SAE5Ca;IACF,MAAMC,sBAAsBZ,kBAC1BM,YACA,qCAAqC;IACrCJ,UAAU,IAAIE;IAEhB,MAAM,CAACS,WAAWC,aAAa,GAAGhB,SAAS;IAC3C,MAAM,CAACiB,OAAOC,SAAS,GAAGlB,SAAuB;IAEjDD,UAAU;QACR,MAAMoB,aAAa,IAAIC;QACvB,MAAM,EAAEC,MAAM,EAAE,GAAGF;QAEnB,MAAMG,eAAe;YACnBN,aAAa;YACbE,SAAS;YACT,IAAI;gBACF,IAAIb,cAAc;oBAChB,IAAIS,oBAAoBS,MAAM,GAAGhB,iBAAiB;wBAChDK,mBAAmBC;wBACnB;oBACF;oBACA,MAAMW,SAAS,MAAMnB,aAAaS,qBAAqB;wBAAEO;oBAAO;oBAChET,mBAAmBY;oBACnBd,uBAAAA,iCAAAA,WAAaI;gBACf,OAAO;oBACL,sEAAsE;oBACtEF,mBAAmBX,cAAcG,SAASU;gBAC5C;YACF,EAAE,OAAOW,GAAY;gBACnB,IAAIA,aAAaC,gBAAgBD,EAAEE,IAAI,KAAK,cAAc;oBACxD,sBAAsB;oBACtB;gBACF;gBACAT,SAASO;YACX,SAAU;gBACRT,aAAa;YACf;QACF;QAEA,IAAI,EAACP,gCAAAA,0CAAAA,oBAAqBmB,OAAO,GAAE;YACjC,KAAKN;QACP,OAAO;YACLb,oBAAoBmB,OAAO,GAAG;QAChC;QAEA,OAAO;YACLT,WAAWU,KAAK;QAClB;IACF,GAAG;QACDf;QACAV;QACAC;QACAC;QACAC;QACAE;QACAC;KACD;IAED,SAASoB,sBAAsBC,UAAuC;QACpEf,aAAa;QACb,OAAOe,WACJC,IAAI,CAACpB,oBACLqB,KAAK,CAACf,UACNgB,OAAO,CAAC,IAAMlB,aAAa;IAChC;IAEA,OAAO;QACLL;QACAmB;QACAf;QACAE;QACAkB,SAASlB,SAAS;IACpB;AACF"}

package/dist/esm/components/Combobox/utils.js

@@ -1,21 +0,0 @@
-// FIXME: This might be better handled with Zod
-export function isOptionGroup(options) {
-    if (!options) return false;
-    return typeof options[0] === "object" && "options" in options[0] && options[0].options !== undefined && "heading" in options[0] && options[0].heading !== undefined;
-}
-export const getOptionValue = (option)=>typeof option === "string" ? option : option === null || option === void 0 ? void 0 : option.value;
-export const getOptionLabel = (option)=>typeof option === "string" ? option : option === null || option === void 0 ? void 0 : option.label;
-export function filterOptions(options, inputValue) {
-    if (isOptionGroup(options)) {
-        return options.map((optionGroup)=>({
-                ...optionGroup,
-                options: optionGroup.options.filter((option)=>getOptionLabel(option).toLowerCase().includes(inputValue.toLowerCase()))
-            })).filter((optionGroup)=>optionGroup.options.length > 0);
-    }
-    return options.filter((option)=>getOptionLabel(option).toLowerCase().includes(inputValue.toLowerCase()));
-}
-export function clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-}
-
-//# sourceMappingURL=utils.js.map

package/dist/esm/components/Combobox/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Combobox/utils.tsx"],"sourcesContent":["import type {\n  ComboboxOption,\n  ComboboxOptionGroup,\n  ComboboxOptions,\n} from \"./types\";\n\n// FIXME: This might be better handled with Zod\nexport function isOptionGroup<T extends ComboboxOption>(\n  options: ComboboxOptions<T> | undefined,\n): options is ComboboxOptionGroup<T>[] {\n  if (!options) return false;\n  return (\n    typeof options[0] === \"object\" &&\n    \"options\" in options[0] &&\n    options[0].options !== undefined &&\n    \"heading\" in options[0] &&\n    options[0].heading !== undefined\n  );\n}\n\nexport const getOptionValue = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.value;\n\nexport const getOptionLabel = (option: ComboboxOption | undefined) =>\n  typeof option === \"string\" ? option : option?.label;\n\nexport function filterOptions<T extends ComboboxOption>(\n  options: ComboboxOptions<T>,\n  inputValue: string,\n): ComboboxOptions<T> {\n  if (isOptionGroup(options)) {\n    return options\n      .map(optionGroup => ({\n        ...optionGroup,\n        options: optionGroup.options.filter(option =>\n          getOptionLabel(option)!\n            .toLowerCase()\n            .includes(inputValue.toLowerCase()),\n        ),\n      }))\n      .filter(optionGroup => optionGroup.options.length > 0);\n  }\n\n  return options.filter(option =>\n    getOptionLabel(option)!.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n}\n\nexport function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":["isOptionGroup","options","undefined","heading","getOptionValue","option","value","getOptionLabel","label","filterOptions","inputValue","map","optionGroup","filter","toLowerCase","includes","length","clamp","min","max","Math"],"mappings":"AAMA,+CAA+C;AAC/C,OAAO,SAASA,cACdC,OAAuC;IAEvC,IAAI,CAACA,SAAS,OAAO;IACrB,OACE,OAAOA,OAAO,CAAC,EAAE,KAAK,YACtB,aAAaA,OAAO,CAAC,EAAE,IACvBA,OAAO,CAAC,EAAE,CAACA,OAAO,KAAKC,aACvB,aAAaD,OAAO,CAAC,EAAE,IACvBA,OAAO,CAAC,EAAE,CAACE,OAAO,KAAKD;AAE3B;AAEA,OAAO,MAAME,iBAAiB,CAACC,SAC7B,OAAOA,WAAW,WAAWA,SAASA,mBAAAA,6BAAAA,OAAQC,KAAK,CAAC;AAEtD,OAAO,MAAMC,iBAAiB,CAACF,SAC7B,OAAOA,WAAW,WAAWA,SAASA,mBAAAA,6BAAAA,OAAQG,KAAK,CAAC;AAEtD,OAAO,SAASC,cACdR,OAA2B,EAC3BS,UAAkB;IAElB,IAAIV,cAAcC,UAAU;QAC1B,OAAOA,QACJU,GAAG,CAACC,CAAAA,cAAgB,CAAA;gBACnB,GAAGA,WAAW;gBACdX,SAASW,YAAYX,OAAO,CAACY,MAAM,CAACR,CAAAA,SAClCE,eAAeF,QACZS,WAAW,GACXC,QAAQ,CAACL,WAAWI,WAAW;YAEtC,CAAA,GACCD,MAAM,CAACD,CAAAA,cAAeA,YAAYX,OAAO,CAACe,MAAM,GAAG;IACxD;IAEA,OAAOf,QAAQY,MAAM,CAACR,CAAAA,SACpBE,eAAeF,QAASS,WAAW,GAAGC,QAAQ,CAACL,WAAWI,WAAW;AAEzE;AAEA,OAAO,SAASG,MAAMX,KAAa,EAAEY,GAAW,EAAEC,GAAW;IAC3D,OAAOC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACb,OAAOY,MAAMC;AACxC"}

package/dist/esm/components/Container/Container.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-import { sizeClasses } from "../../utils";
-const Container = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "div", size = "md", ...otherProps } = props;
-    const classes = classNames("mobius", "mobius-container", sizeClasses(size), otherProps.className);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Container.displayName = "Container";
-export { Container };
-
-//# sourceMappingURL=Container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import type {\n  Ref,\n  RefAttributes,\n  ReactNode,\n  ElementType,\n  CSSProperties,\n} from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { SizeType } from \"../../types\";\nimport { sizeClasses } from \"../../utils\";\n\nexport type ContainerElementType = HTMLElement;\nexport type ContainerRef = Ref<ContainerElementType>;\n\nexport interface ContainerProps\n  extends DOMProps,\n    RefAttributes<ContainerElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: ElementType;\n  size?: SizeType;\n  children?: ReactNode;\n  style?: CSSProperties;\n}\n\nconst Container: ForwardedRefComponent<ContainerProps, ContainerElementType> =\n  forwardRef((props: ContainerProps, ref: ContainerRef) => {\n    const { elementType: Element = \"div\", size = \"md\", ...otherProps } = props;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-container\",\n      sizeClasses(size),\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n\nContainer.displayName = \"Container\";\nexport { Container };\n"],"names":["forwardRef","classNames","sizeClasses","Container","props","ref","elementType","Element","size","otherProps","classes","className","displayName"],"mappings":";AAOA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAI3C,SAASC,WAAW,QAAQ,cAAc;AAkB1C,MAAMC,0BACJH,WAAW,CAACI,OAAuBC;IACjC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,OAAO,IAAI,EAAE,GAAGC,YAAY,GAAGL;IAErE,MAAMM,UAAUT,WACd,UACA,oBACAC,YAAYM,OACZC,WAAWE,SAAS;IAGtB,qBAAO,KAACJ;QAAQF,KAAKA;QAAM,GAAGI,UAAU;QAAEE,WAAWD;;AACvD;AAEFP,UAAUS,WAAW,GAAG;AACxB,SAAST,SAAS,GAAG"}

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

@@ -1,3 +0,0 @@
-export * from "./Container";
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":["export * from \"./Container\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/Divider/Divider.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-const Divider = ({ "aria-orientation": ariaOrientation = "horizontal", className, ...rest })=>{
-    const classes = classNames("mobius", "mobius-divider", className);
-    return /*#__PURE__*/ _jsx("div", {
-        className: classes,
-        role: "separator",
-        "aria-orientation": ariaOrientation,
-        ...rest,
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "mobius-divider__inner"
-        })
-    });
-};
-Divider.displayName = "Divider";
-export { Divider };
-
-//# sourceMappingURL=Divider.js.map

package/dist/esm/components/Divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport type { AriaAttributes } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport interface DividerProps extends DOMProps {\n  className?: string;\n  \"aria-orientation\"?: AriaAttributes[\"aria-orientation\"];\n}\n\nconst Divider = ({\n  \"aria-orientation\": ariaOrientation = \"horizontal\",\n  className,\n  ...rest\n}: DividerProps) => {\n  const classes = classNames(\"mobius\", \"mobius-divider\", className);\n\n  return (\n    <div\n      className={classes}\n      role=\"separator\"\n      aria-orientation={ariaOrientation}\n      {...rest}\n    >\n      <div className=\"mobius-divider__inner\" />\n    </div>\n  );\n};\n\nDivider.displayName = \"Divider\";\nexport { Divider };\n"],"names":["classNames","Divider","ariaOrientation","className","rest","classes","div","role","aria-orientation","displayName"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAS3C,MAAMC,UAAU,CAAC,EACf,oBAAoBC,kBAAkB,YAAY,EAClDC,SAAS,EACT,GAAGC,MACU;IACb,MAAMC,UAAUL,WAAW,UAAU,kBAAkBG;IAEvD,qBACE,KAACG;QACCH,WAAWE;QACXE,MAAK;QACLC,oBAAkBN;QACjB,GAAGE,IAAI;kBAER,cAAA,KAACE;YAAIH,WAAU;;;AAGrB;AAEAF,QAAQQ,WAAW,GAAG;AACtB,SAASR,OAAO,GAAG"}

package/dist/esm/components/Divider/index.js

@@ -1,3 +0,0 @@
-export * from "./Divider";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Divider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Divider/index.tsx"],"sourcesContent":["export * from \"./Divider\";\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}

package/dist/esm/components/Drawer/Content.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const Content = /*#__PURE__*/ forwardRef(({ children, ...otherProps }, ref)=>/*#__PURE__*/ _jsx("div", {
-        ref: ref,
-        ...otherProps,
-        className: "mobius-drawer__content",
-        children: children
-    }));
-Content.displayName = "Content";
-export { Content };
-
-//# sourceMappingURL=Content.js.map

package/dist/esm/components/Drawer/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Content.tsx"],"sourcesContent":["import type { PropsWithChildren, Ref, RefAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {}\n\nconst Content = forwardRef(\n  ({ children, ...otherProps }: ContentProps, ref: DivRef) => (\n    <div ref={ref} {...otherProps} className=\"mobius-drawer__content\">\n      {children}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["forwardRef","Content","children","otherProps","ref","div","className","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AAUnC,MAAMC,wBAAUD,WACd,CAAC,EAAEE,QAAQ,EAAE,GAAGC,YAA0B,EAAEC,oBAC1C,KAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCJ;;AAKPD,QAAQM,WAAW,GAAG;AACtB,SAASN,OAAO,GAAG"}

package/dist/esm/components/Drawer/Drawer.js

@@ -1,64 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";
-import { useDialog } from "../../hooks";
-import { mergeRefs, supportsDialog } from "../../utils";
-import { VisuallyHidden } from "../VisuallyHidden";
-import { DrawerContext } from "./DrawerContext";
-const TRANSITION_CSS_VARIABLE = "--drawer-transition-duration";
-const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
-    const dialogRef = useRef(null);
-    const [shouldTransition, setShouldTransition] = useState(false);
-    const { close } = useDialog({
-        ref: dialogRef,
-        isOpen,
-        onOpen,
-        onClose,
-        transition: {
-            isEnabled: true,
-            CSSVariable: TRANSITION_CSS_VARIABLE
-        }
-    });
-    const hiddenId = `screen-reader-announce-${useId()}`;
-    const dialogClasses = classNames("mobius", "mobius-drawer", `--${direction}`, className, {
-        "--should-transition": shouldTransition
-    });
-    useEffect(()=>{
-        setShouldTransition(supportsDialog());
-    }, []);
-    const contextValue = useMemo(()=>({
-            onClose: close,
-            closeLabel
-        }), [
-        close,
-        closeLabel
-    ]);
-    return /*#__PURE__*/ _jsxs("dialog", {
-        id: useId(),
-        ref: mergeRefs([
-            dialogRef,
-            ref
-        ]),
-        onCancel: close,
-        className: dialogClasses,
-        "aria-describedby": hiddenId,
-        children: [
-            /*#__PURE__*/ _jsx(VisuallyHidden, {
-                children: /*#__PURE__*/ _jsx("div", {
-                    id: hiddenId,
-                    children: announce
-                })
-            }),
-            /*#__PURE__*/ _jsx(DrawerContext.Provider, {
-                value: contextValue,
-                children: children
-            })
-        ]
-    });
-});
-Drawer.displayName = "Drawer";
-export { Drawer };
-
-//# sourceMappingURL=Drawer.js.map

package/dist/esm/components/Drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { Ref } from \"react\";\nimport { forwardRef, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { useDialog } from \"../../hooks\";\nimport { mergeRefs, supportsDialog } from \"../../utils\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport type { DrawerProps } from \"./types\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CSS_VARIABLE = \"--drawer-transition-duration\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const [shouldTransition, setShouldTransition] = useState(false);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: true,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n  const hiddenId = `screen-reader-announce-${useId()}`;\n\n  const dialogClasses = classNames(\n    \"mobius\",\n    \"mobius-drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": shouldTransition,\n    },\n  );\n\n  useEffect(() => {\n    setShouldTransition(supportsDialog());\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n    }),\n    [close, closeLabel],\n  );\n\n  return (\n    <dialog\n      id={useId()}\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      className={dialogClasses}\n      aria-describedby={hiddenId}\n    >\n      <VisuallyHidden>\n        <div id={hiddenId}>{announce}</div>\n      </VisuallyHidden>\n      <DrawerContext.Provider value={contextValue}>\n        {children}\n      </DrawerContext.Provider>\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","forwardRef","useEffect","useId","useMemo","useRef","useState","useDialog","mergeRefs","supportsDialog","VisuallyHidden","DrawerContext","TRANSITION_CSS_VARIABLE","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","dialogRef","shouldTransition","setShouldTransition","close","transition","isEnabled","CSSVariable","hiddenId","dialogClasses","contextValue","dialog","id","onCancel","aria-describedby","div","Provider","value","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,UAAU,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAChF,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,EAAEC,cAAc,QAAQ,cAAc;AACxD,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,aAAa,QAAQ,kBAAkB;AAMhD,MAAMC,0BAA0B;AAEhC,MAAMC,uBAASZ,WAAW,CAACa,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,YAAYnB,OAAiC;IACnD,MAAM,CAACoB,kBAAkBC,oBAAoB,GAAGpB,SAAS;IACzD,MAAM,EAAEqB,KAAK,EAAE,GAAGpB,UAAU;QAC1BQ,KAAKS;QACLR;QACAK;QACAC;QACAM,YAAY;YACVC,WAAW;YACXC,aAAalB;QACf;IACF;IACA,MAAMmB,WAAW,CAAC,uBAAuB,EAAE5B,SAAS;IAEpD,MAAM6B,gBAAgBhC,WACpB,UACA,iBACA,CAAC,EAAE,EAAEmB,WAAW,EAChBF,WACA;QACE,uBAAuBQ;IACzB;IAGFvB,UAAU;QACRwB,oBAAoBjB;IACtB,GAAG,EAAE;IAEL,MAAMwB,eAAe7B,QACnB,IAAO,CAAA;YACLkB,SAASK;YACTT;QACF,CAAA,GACA;QAACS;QAAOT;KAAW;IAGrB,qBACE,MAACgB;QACCC,IAAIhC;QACJY,KAAKP,UAAU;YAACgB;YAAWT;SAAI;QAC/BqB,UAAUT;QACVV,WAAWe;QACXK,oBAAkBN;;0BAElB,KAACrB;0BACC,cAAA,KAAC4B;oBAAIH,IAAIJ;8BAAWX;;;0BAEtB,KAACT,cAAc4B,QAAQ;gBAACC,OAAOP;0BAC5BV;;;;AAIT;AAEAV,OAAO4B,WAAW,GAAG;AACrB,SAAS5B,MAAM,GAAG"}

package/dist/esm/components/Drawer/DrawerContext.js

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-export const DrawerContext = /*#__PURE__*/ createContext({
-    onClose: ()=>{},
-    closeLabel: undefined
-});
-
-//# sourceMappingURL=DrawerContext.js.map

package/dist/esm/components/Drawer/DrawerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport type { DrawerContextProps } from \"./types\";\n\nexport const DrawerContext = createContext<DrawerContextProps>({\n  onClose: () => {},\n  closeLabel: undefined,\n});\n"],"names":["createContext","DrawerContext","onClose","closeLabel","undefined"],"mappings":"AAAA,SAASA,aAAa,QAAQ,QAAQ;AAGtC,OAAO,MAAMC,8BAAgBD,cAAkC;IAC7DE,SAAS,KAAO;IAChBC,YAAYC;AACd,GAAG"}

package/dist/esm/components/Drawer/Header.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cross } from "@simplybusiness/icons";
-import { Button } from "../Button";
-import { Icon } from "../Icon";
-import { useDrawer } from "./useDrawer";
-const Header = /*#__PURE__*/ forwardRef(({ children, ...otherProps }, ref)=>{
-    const { onClose, closeLabel } = useDrawer();
-    return /*#__PURE__*/ _jsxs("header", {
-        ref: ref,
-        ...otherProps,
-        className: "mobius-drawer__header",
-        children: [
-            children,
-            /*#__PURE__*/ _jsxs(Button, {
-                "aria-label": "Close",
-                variant: "basic",
-                onPress: onClose,
-                className: "mobius-drawer__close",
-                size: "sm",
-                children: [
-                    /*#__PURE__*/ _jsx(Icon, {
-                        icon: cross
-                    }),
-                    " ",
-                    closeLabel
-                ]
-            })
-        ]
-    });
-});
-Header.displayName = "Header";
-export { Header };
-
-//# sourceMappingURL=Header.js.map

package/dist/esm/components/Drawer/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Header.tsx"],"sourcesContent":["import type { PropsWithChildren, Ref, RefAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { useDrawer } from \"./useDrawer\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {}\n\nconst Header = forwardRef(\n  ({ children, ...otherProps }: HeaderProps, ref: HeaderRef) => {\n    const { onClose, closeLabel } = useDrawer();\n\n    return (\n      <header ref={ref} {...otherProps} className=\"mobius-drawer__header\">\n        {children}\n        <Button\n          aria-label=\"Close\"\n          variant=\"basic\"\n          onPress={onClose}\n          className=\"mobius-drawer__close\"\n          size=\"sm\"\n        >\n          <Icon icon={cross} /> {closeLabel}\n        </Button>\n      </header>\n    );\n  },\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["forwardRef","cross","Button","Icon","useDrawer","Header","children","otherProps","ref","onClose","closeLabel","header","className","aria-label","variant","onPress","size","icon","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,SAAS,QAAQ,cAAc;AAUxC,MAAMC,uBAASL,WACb,CAAC,EAAEM,QAAQ,EAAE,GAAGC,YAAyB,EAAEC;IACzC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGN;IAEhC,qBACE,MAACO;QAAOH,KAAKA;QAAM,GAAGD,UAAU;QAAEK,WAAU;;YACzCN;0BACD,MAACJ;gBACCW,cAAW;gBACXC,SAAQ;gBACRC,SAASN;gBACTG,WAAU;gBACVI,MAAK;;kCAEL,KAACb;wBAAKc,MAAMhB;;oBAAS;oBAAES;;;;;AAI/B;AAGFL,OAAOa,WAAW,GAAG;AACrB,SAASb,MAAM,GAAG"}

package/dist/esm/components/Drawer/index.js

@@ -1,12 +0,0 @@
-import { Content } from "./Content";
-import { Drawer as DrawerComponent } from "./Drawer";
-import { useDrawer } from "./useDrawer";
-import { Header } from "./Header";
-const Drawer = Object.assign(DrawerComponent, {
-    Header,
-    Content
-});
-Drawer.displayName = "Drawer";
-export { Drawer, useDrawer };
-
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/index.tsx"],"sourcesContent":["import type {\n  DivElementType as DrawerContentDivElementType,\n  ContentProps as DrawerContentProps,\n} from \"./Content\";\nimport { Content } from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport type { DrawerProps, DrawerContextProps } from \"./types\";\nimport { useDrawer } from \"./useDrawer\";\nimport type {\n  HeaderElementType as DrawerHeaderElementType,\n  HeaderProps as DrawerHeaderProps,\n} from \"./Header\";\nimport { Header } from \"./Header\";\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Header,\n  Content,\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer, useDrawer };\n\nexport type {\n  DrawerContextProps,\n  DrawerContentDivElementType,\n  DrawerContentProps,\n  DrawerHeaderElementType,\n  DrawerHeaderProps,\n  DrawerProps,\n};\n"],"names":["Content","Drawer","DrawerComponent","useDrawer","Header","Object","assign","displayName"],"mappings":"AAIA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAUC,eAAe,QAAQ,WAAW;AAErD,SAASC,SAAS,QAAQ,cAAc;AAKxC,SAASC,MAAM,QAAQ,WAAW;AAElC,MAAMH,SAASI,OAAOC,MAAM,CAACJ,iBAAiB;IAC5CE;IACAJ;AACF;AAEAC,OAAOM,WAAW,GAAG;AACrB,SAASN,MAAM,EAAEE,SAAS,GAAG"}

package/dist/esm/components/Drawer/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/esm/components/Drawer/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/types.ts"],"sourcesContent":["import type { ReactNode, SyntheticEvent } from \"react\";\n\nexport interface DrawerProps {\n  isOpen: boolean;\n  /**\n   * Direction that drawer will open from\n   */\n  direction: \"top\" | \"bottom\" | \"left\" | \"right\";\n  className?: string;\n  closeLabel?: string;\n  /**\n   * Announce text for screen readers when drawer opens\n   */\n  announce?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: ReactNode;\n}\n\nexport type DrawerContextProps = {\n  onClose: (event?: SyntheticEvent<HTMLElement, Event>) => void;\n  closeLabel: string | undefined;\n};\n"],"names":[],"mappings":"AAmBA,WAGE"}

package/dist/esm/components/Drawer/useDrawer.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { DrawerContext } from "./DrawerContext";
-export const useDrawer = ()=>{
-    const { onClose, closeLabel } = useContext(DrawerContext);
-    return {
-        onClose,
-        closeLabel
-    };
-};
-
-//# sourceMappingURL=useDrawer.js.map

package/dist/esm/components/Drawer/useDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Drawer/useDrawer.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\nexport const useDrawer = () => {\n  const { onClose, closeLabel } = useContext(DrawerContext);\n\n  return { onClose, closeLabel };\n};\n"],"names":["useContext","DrawerContext","useDrawer","onClose","closeLabel"],"mappings":"AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,YAAY;IACvB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ,WAAWC;IAE3C,OAAO;QAAEE;QAASC;IAAW;AAC/B,EAAE"}

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, Children, isValidElement, cloneElement, useState } from "react";
-import useDropdownMenu from "react-accessible-dropdown-menu-hook";
-import classNames from "classnames/dedupe";
-import { Button } from "../Button";
-const DropdownMenu = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "nav", trigger, label = "Menu", children, ...otherProps } = props;
-    const [activeId, setActiveId] = useState(null);
-    const numberOfItems = Children.count(children);
-    const { buttonProps, itemProps, isOpen: open, setIsOpen } = useDropdownMenu(numberOfItems);
-    const classes = classNames("mobius", "mobius-dropdown-menu", otherProps.className);
-    const triggerClasses = classNames("mobius", "mobius-dropdown-menu__trigger");
-    const listClasses = classNames("mobius", "mobius-dropdown-menu__list", {
-        "--is-open": open
-    });
-    const handleChildClick = ({ onClick }, index)=>{
-        setActiveId(index);
-        setIsOpen(false);
-        if (onClick) {
-            onClick();
-        }
-    };
-    return /*#__PURE__*/ _jsxs(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes,
-        children: [
-            trigger ? /*#__PURE__*/ cloneElement(trigger, {
-                className: triggerClasses,
-                open,
-                label,
-                ...buttonProps
-            }) : /*#__PURE__*/ _jsx(Button, {
-                className: triggerClasses,
-                ...buttonProps,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx("ul", {
-                className: listClasses,
-                role: "menu",
-                children: Children.map(children, (child, index)=>{
-                    if (/*#__PURE__*/ isValidElement(child)) {
-                        return /*#__PURE__*/ cloneElement(child, {
-                            onClick: ()=>handleChildClick(child.props, index),
-                            active: index === activeId,
-                            ...itemProps[index]
-                        });
-                    }
-                    return child;
-                })
-            })
-        ]
-    });
-});
-DropdownMenu.displayName = "DropdownMenu";
-export { DropdownMenu };
-
-//# sourceMappingURL=DropdownMenu.js.map

package/dist/esm/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Ref, RefAttributes, ReactNode, ReactElement } from \"react\";\nimport {\n  forwardRef,\n  Children,\n  isValidElement,\n  cloneElement,\n  useState,\n} from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nimport { Button } from \"../Button\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport type DropdownMenuElementType = HTMLElement;\n\nexport interface DropdownMenuProps\n  extends DOMProps,\n    RefAttributes<DropdownMenuElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n  label?: string;\n  trigger?: ReactElement;\n}\n\nexport type DropdownMenuRef = Ref<DropdownMenuElementType>;\n\ntype ChildClickProps = {\n  onClick?: () => void;\n};\n\nconst DropdownMenu: ForwardedRefComponent<\n  DropdownMenuProps,\n  DropdownMenuElementType\n> = forwardRef((props: DropdownMenuProps, ref: DropdownMenuRef) => {\n  const {\n    elementType: Element = \"nav\",\n    trigger,\n    label = \"Menu\",\n    children,\n    ...otherProps\n  } = props;\n  const [activeId, setActiveId] = useState<number | null>(null);\n  const numberOfItems = Children.count(children);\n  const {\n    buttonProps,\n    itemProps,\n    isOpen: open,\n    setIsOpen,\n  } = useDropdownMenu(numberOfItems);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-dropdown-menu\",\n    otherProps.className,\n  );\n  const triggerClasses = classNames(\"mobius\", \"mobius-dropdown-menu__trigger\");\n  const listClasses = classNames(\"mobius\", \"mobius-dropdown-menu__list\", {\n    \"--is-open\": open,\n  });\n\n  const handleChildClick = ({ onClick }: ChildClickProps, index: number) => {\n    setActiveId(index);\n    setIsOpen(false);\n\n    if (onClick) {\n      onClick();\n    }\n  };\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {trigger ? (\n        cloneElement(trigger, {\n          className: triggerClasses,\n          open,\n          label,\n          ...buttonProps,\n        })\n      ) : (\n        <Button className={triggerClasses} {...buttonProps}>\n          {label}\n        </Button>\n      )}\n      <ul className={listClasses} role=\"menu\">\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClick: () => handleChildClick(child.props, index),\n              active: index === activeId,\n              ...itemProps[index],\n            } as any);\n          }\n\n          return child;\n        })}\n      </ul>\n    </Element>\n  );\n});\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["forwardRef","Children","isValidElement","cloneElement","useState","useDropdownMenu","classNames","Button","DropdownMenu","props","ref","elementType","Element","trigger","label","children","otherProps","activeId","setActiveId","numberOfItems","count","buttonProps","itemProps","isOpen","open","setIsOpen","classes","className","triggerClasses","listClasses","handleChildClick","onClick","index","ul","role","map","child","active","displayName"],"mappings":"AAAA;;AAGA,SACEA,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,YAAY,EACZC,QAAQ,QACH,QAAQ;AACf,OAAOC,qBAAqB,sCAAsC;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,MAAM,QAAQ,YAAY;AAsBnC,MAAMC,6BAGFR,WAAW,CAACS,OAA0BC;IACxC,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,MAAM,EACdC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,UAAUC,YAAY,GAAGd,SAAwB;IACxD,MAAMe,gBAAgBlB,SAASmB,KAAK,CAACL;IACrC,MAAM,EACJM,WAAW,EACXC,SAAS,EACTC,QAAQC,IAAI,EACZC,SAAS,EACV,GAAGpB,gBAAgBc;IAEpB,MAAMO,UAAUpB,WACd,UACA,wBACAU,WAAWW,SAAS;IAEtB,MAAMC,iBAAiBtB,WAAW,UAAU;IAC5C,MAAMuB,cAAcvB,WAAW,UAAU,8BAA8B;QACrE,aAAakB;IACf;IAEA,MAAMM,mBAAmB,CAAC,EAAEC,OAAO,EAAmB,EAAEC;QACtDd,YAAYc;QACZP,UAAU;QAEV,IAAIM,SAAS;YACXA;QACF;IACF;IAEA,qBACE,MAACnB;QAAQF,KAAKA;QAAM,GAAGM,UAAU;QAAEW,WAAWD;;YAC3Cb,wBACCV,aAAaU,SAAS;gBACpBc,WAAWC;gBACXJ;gBACAV;gBACA,GAAGO,WAAW;YAChB,mBAEA,KAACd;gBAAOoB,WAAWC;gBAAiB,GAAGP,WAAW;0BAC/CP;;0BAGL,KAACmB;gBAAGN,WAAWE;gBAAaK,MAAK;0BAC9BjC,SAASkC,GAAG,CAACpB,UAAU,CAACqB,OAAOJ;oBAC9B,kBAAI9B,eAAekC,QAAQ;wBACzB,qBAAOjC,aAAaiC,OAAO;4BACzBL,SAAS,IAAMD,iBAAiBM,MAAM3B,KAAK,EAAEuB;4BAC7CK,QAAQL,UAAUf;4BAClB,GAAGK,SAAS,CAACU,MAAM;wBACrB;oBACF;oBAEA,OAAOI;gBACT;;;;AAIR;AAEA5B,aAAa8B,WAAW,GAAG;AAC3B,SAAS9B,YAAY,GAAG"}

package/dist/esm/components/DropdownMenu/Item.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, cloneElement, isValidElement, Children } from "react";
-import classNames from "classnames/dedupe";
-const Item = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "li", active, onClick, children, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius-dropdown-menu__item", {
-        "--is-active": active
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        onClick: onClick,
-        ...otherProps,
-        children: Children.map(children, (child)=>{
-            if (/*#__PURE__*/ isValidElement(child)) {
-                const childClasses = classNames(child.props.className, classes);
-                return /*#__PURE__*/ cloneElement(child, {
-                    className: childClasses
-                });
-            }
-            return /*#__PURE__*/ _jsx("span", {
-                className: classes,
-                children: child
-            });
-        })
-    });
-});
-Item.displayName = "DropdownMenu.Item";
-export { Item };
-
-//# sourceMappingURL=Item.js.map

package/dist/esm/components/DropdownMenu/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/Item.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode, ReactElement } from \"react\";\nimport { forwardRef, cloneElement, isValidElement, Children } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ItemElementType = HTMLLIElement;\n\nexport interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {\n  elementType?: React.ElementType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  active?: boolean;\n  children?: ReactNode;\n  onClick?: () => void;\n}\n\nexport type ItemRef = Ref<ItemElementType>;\n\nconst Item: ForwardedRefComponent<ItemProps, ItemElementType> = forwardRef(\n  (props: ItemProps, ref: ItemRef) => {\n    const {\n      elementType: Element = \"li\",\n      active,\n      onClick,\n      children,\n      ...otherProps\n    } = props;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-dropdown-menu__item\",\n      { \"--is-active\": active },\n      otherProps.className,\n    );\n\n    return (\n      <Element ref={ref} onClick={onClick} {...otherProps}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            const childClasses = classNames(child.props.className, classes);\n            return cloneElement(child as ReactElement, {\n              className: childClasses,\n            });\n          }\n\n          return <span className={classes}>{child}</span>;\n        })}\n      </Element>\n    );\n  },\n);\n\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n"],"names":["forwardRef","cloneElement","isValidElement","Children","classNames","Item","props","ref","elementType","Element","active","onClick","children","otherProps","classes","className","map","child","childClasses","span","displayName"],"mappings":";AACA,SAASA,UAAU,EAAEC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,QAAQ;AAC3E,OAAOC,gBAAgB,oBAAoB;AAiB3C,MAAMC,qBAA0DL,WAC9D,CAACM,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAMQ,UAAUV,WACd,UACA,8BACA;QAAE,eAAeM;IAAO,GACxBG,WAAWE,SAAS;IAGtB,qBACE,KAACN;QAAQF,KAAKA;QAAKI,SAASA;QAAU,GAAGE,UAAU;kBAChDV,SAASa,GAAG,CAACJ,UAAUK,CAAAA;YACtB,kBAAIf,eAAee,QAAQ;gBACzB,MAAMC,eAAed,WAAWa,MAAMX,KAAK,CAACS,SAAS,EAAED;gBACvD,qBAAOb,aAAagB,OAAuB;oBACzCF,WAAWG;gBACb;YACF;YAEA,qBAAO,KAACC;gBAAKJ,WAAWD;0BAAUG;;QACpC;;AAGN;AAGFZ,KAAKe,WAAW,GAAG;AACnB,SAASf,IAAI,GAAG"}

package/dist/esm/components/DropdownMenu/index.js

@@ -1,9 +0,0 @@
-import { DropdownMenu as DropdownMenuComponent } from "./DropdownMenu";
-import { Item } from "./Item";
-const DropdownMenu = Object.assign(DropdownMenuComponent, {
-    Item
-});
-DropdownMenu.displayName = "DropdownMenu";
-export { DropdownMenu };
-
-//# sourceMappingURL=index.js.map

package/dist/esm/components/DropdownMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import type { ForwardedRefComponent } from \"../../types/components\";\nimport { DropdownMenu as DropdownMenuComponent } from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\n\nimport type {\n  DropdownMenuElementType,\n  DropdownMenuProps,\n  DropdownMenuRef,\n} from \"./DropdownMenu\";\nimport type {\n  ItemProps as DropdownMenuItemProps,\n  ItemRef as DropdownMenuItemRef,\n  ItemElementType as DropdownMenuItemElementType,\n} from \"./Item\";\n\nexport interface DropdownMenuCompound\n  extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {\n  Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;\n}\n\nconst DropdownMenu: DropdownMenuCompound = Object.assign(\n  DropdownMenuComponent,\n  {\n    Item,\n  },\n);\n\nexport type {\n  DropdownMenuElementType,\n  DropdownMenuProps,\n  DropdownMenuRef,\n  DropdownMenuItemProps,\n  DropdownMenuItemRef,\n  DropdownMenuItemElementType,\n};\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","DropdownMenuComponent","Item","Object","assign","displayName"],"mappings":"AACA,SAASA,gBAAgBC,qBAAqB,QAAQ,iBAAiB;AACvE,SAASC,IAAI,QAAQ,SAAS;AAkB9B,MAAMF,eAAqCG,OAAOC,MAAM,CACtDH,uBACA;IACEC;AACF;AAYFF,aAAaK,WAAW,GAAG;AAC3B,SAASL,YAAY,GAAG"}

package/dist/esm/components/ErrorMessage/ErrorMessage.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { error } from "@simplybusiness/icons";
-import classNames from "classnames/dedupe";
-import { Icon } from "../Icon";
-import { Text } from "../Text";
-export const ErrorMessage = ({ id, errorMessage, className })=>{
-    const classes = classNames("mobius", "mobius-error-message", className);
-    if (!errorMessage) return null;
-    return /*#__PURE__*/ _jsxs("div", {
-        id: id,
-        className: classes,
-        "data-testid": "ErrorMessage",
-        role: "alert",
-        children: [
-            /*#__PURE__*/ _jsx(Icon, {
-                icon: error,
-                className: "mobius-error-message__icon"
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                elementType: "span",
-                className: "mobius-error-message__text",
-                children: errorMessage
-            })
-        ]
-    });
-};
-ErrorMessage.displayName = "ErrorMessage";
-
-//# sourceMappingURL=ErrorMessage.js.map

package/dist/esm/components/ErrorMessage/ErrorMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import { error } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { Icon } from \"../Icon\";\nimport { Text } from \"../Text\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius-error-message\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\" role=\"alert\">\n      <Icon icon={error} className=\"mobius-error-message__icon\" />\n      <Text elementType=\"span\" className=\"mobius-error-message__text\">\n        {errorMessage}\n      </Text>\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n"],"names":["error","classNames","Icon","Text","ErrorMessage","id","errorMessage","className","classes","div","data-testid","role","icon","elementType","displayName"],"mappings":";AAAA,SAASA,KAAK,QAAQ,wBAAwB;AAC9C,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,IAAI,QAAQ,UAAU;AAQ/B,OAAO,MAAMC,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUP,WAAW,UAAU,wBAAwBM;IAE7D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,MAACG;QAAIJ,IAAIA;QAAIE,WAAWC;QAASE,eAAY;QAAeC,MAAK;;0BAC/D,KAACT;gBAAKU,MAAMZ;gBAAOO,WAAU;;0BAC7B,KAACJ;gBAAKU,aAAY;gBAAON,WAAU;0BAChCD;;;;AAIT,EAAE;AAEFF,aAAaU,WAAW,GAAG"}

package/dist/esm/components/ErrorMessage/index.js

@@ -1,3 +0,0 @@
-export * from "./ErrorMessage";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/components/ErrorMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["export * from \"./ErrorMessage\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/components/Fieldset/Fieldset.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { cloneElement, forwardRef, useId } from "react";
-import { Flex } from "../Flex";
-const useFieldset = (props)=>{
-    const { legend } = props;
-    let legendProps = {};
-    let containerProps = {
-        role: "group"
-    };
-    const legendId = useId();
-    if (legend) {
-        legendProps = {
-            ...legendProps,
-            id: legendId
-        };
-        containerProps = {
-            ...containerProps,
-            "aria-labelledby": legendId
-        };
-    }
-    return {
-        legendProps,
-        containerProps
-    };
-};
-const Fieldset = /*#__PURE__*/ forwardRef((props, _ref)=>{
-    const { children, legend, legendComponent = /*#__PURE__*/ _jsx("legend", {}), ...otherProps } = props;
-    const { legendProps, containerProps } = useFieldset(props);
-    const classes = classNames("mobius", "mobius-fieldset", props.className);
-    // Set class on legend
-    legendProps.className = "mobius-fieldset__legend";
-    return /*#__PURE__*/ _jsxs(Flex, {
-        ...containerProps,
-        ...otherProps,
-        className: classes,
-        children: [
-            legend && /*#__PURE__*/ cloneElement(legendComponent, {
-                ...legendProps
-            }, [
-                legend
-            ]),
-            children
-        ]
-    });
-});
-Fieldset.displayName = "Fieldset";
-export { Fieldset };
-
-//# sourceMappingURL=Fieldset.js.map

package/dist/esm/components/Fieldset/Fieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ReactElement, ReactNode, Ref, RefAttributes } from \"react\";\nimport { cloneElement, forwardRef, useId } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type LegendProps = {\n  id?: string;\n  className?: string;\n};\n\ntype ContainerProps = {\n  \"aria-labelledby\"?: string;\n  role: string;\n};\n\nconst useFieldset = (\n  props: FieldsetProps,\n): { legendProps: LegendProps; containerProps: ContainerProps } => {\n  const { legend } = props;\n\n  let legendProps: LegendProps = {};\n  let containerProps: ContainerProps = {\n    role: \"group\",\n  };\n\n  const legendId = useId();\n  if (legend) {\n    legendProps = {\n      ...legendProps,\n      id: legendId,\n    };\n    containerProps = {\n      ...containerProps,\n      \"aria-labelledby\": legendId,\n    };\n  }\n\n  return {\n    legendProps,\n    containerProps,\n  };\n};\n\nexport type FieldsetElementType = HTMLDivElement;\nexport interface FieldsetProps\n  extends DOMProps,\n    RefAttributes<FieldsetElementType> {\n  legend?: string;\n  children: ReactNode;\n  className?: string;\n  legendComponent?: ReactElement<any>;\n}\n\nexport type FieldsetRef = Ref<FieldsetElementType>;\n\nconst Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType> =\n  forwardRef((props: FieldsetProps, _ref: FieldsetRef) => {\n    const {\n      children,\n      legend,\n      legendComponent = <legend />,\n      ...otherProps\n    } = props;\n\n    const { legendProps, containerProps } = useFieldset(props);\n\n    const classes = classNames(\"mobius\", \"mobius-fieldset\", props.className);\n\n    // Set class on legend\n    legendProps.className = \"mobius-fieldset__legend\";\n\n    return (\n      <Flex {...containerProps} {...otherProps} className={classes}>\n        {legend && cloneElement(legendComponent, { ...legendProps }, [legend])}\n        {children}\n      </Flex>\n    );\n  });\n\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n"],"names":["classNames","cloneElement","forwardRef","useId","Flex","useFieldset","props","legend","legendProps","containerProps","role","legendId","id","Fieldset","_ref","children","legendComponent","otherProps","classes","className","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,YAAY,EAAEC,UAAU,EAAEC,KAAK,QAAQ,QAAQ;AAGxD,SAASC,IAAI,QAAQ,UAAU;AAY/B,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWR;IACjB,IAAII,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdI,IAAID;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAMI,yBACJX,WAAW,CAACI,OAAsBQ;IAChC,MAAM,EACJC,QAAQ,EACRR,MAAM,EACNS,gCAAkB,KAACT,aAAS,EAC5B,GAAGU,YACJ,GAAGX;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMY,UAAUlB,WAAW,UAAU,mBAAmBM,MAAMa,SAAS;IAEvE,sBAAsB;IACtBX,YAAYW,SAAS,GAAG;IAExB,qBACE,MAACf;QAAM,GAAGK,cAAc;QAAG,GAAGQ,UAAU;QAAEE,WAAWD;;YAClDX,wBAAUN,aAAae,iBAAiB;gBAAE,GAAGR,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpEQ;;;AAGP;AAEFF,SAASO,WAAW,GAAG;AACvB,SAASP,QAAQ,GAAG"}