@simplybusiness/mobius 4.5.1 → 4.6.0

package/dist/cjs/src/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 {\n  Children,\n  Ref,\n  SyntheticEvent,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\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 hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement | null>(null);\n  const hasDialogSupport = supportsDialog();\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      const doClose = () => {\n        modalRef.current?.close();\n        onClose?.();\n      };\n\n      // Delay close to allow backdrop exit transition\n      if (hasDialogSupport) {\n        modalRef.current?.classList.remove(TRANSITION_CLASS_NAME);\n        modalRef.current?.addEventListener(\n          \"transitionend\",\n          () => {\n            doClose();\n          },\n          { once: true },\n        );\n      } else {\n        doClose();\n      }\n    },\n    [onClose, hasDialogSupport],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": hasDialogSupport,\n    },\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (\n        !hasDialogSupport &&\n        typeof window !== \"undefined\" &&\n        modalRef.current !== null\n      ) {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n        try {\n          dialogPolyfill.registerDialog(modalRef.current);\n        } catch (error) {\n          // In iOS 15 <= 15.2 this intermittently fails with\n          // TypeError: null is not an object (evaluating 'element.showModal')\n          // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️\n          console.error(\"Failed to load dialog-polyfill\", error);\n        }\n      }\n\n      if (isOpen && !modalRef.current?.open) {\n        modalRef.current?.showModal();\n        modalRef.current?.classList.add(TRANSITION_CLASS_NAME);\n        onOpen?.();\n      } else if (!isOpen && modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose, hasDialogSupport]);\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose: handleClose,\n            closeLabel,\n          } as any);\n        }\n\n        return child;\n      })}\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["Drawer","TRANSITION_CLASS_NAME","forwardRef","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","useRef","modalRef","hasDialogSupport","supportsDialog","current","useBodyScrollLock","enabled","handleClose","useCallback","event","preventDefault","stopPropagation","doClose","close","classList","remove","addEventListener","once","modalClasses","classNames","useEffect","toggleModal","window","default","dialogPolyfill","registerDialog","error","console","open","showModal","add","dialog","mergeRefs","onCancel","aria-describedby","VisuallyHidden","div","id","Children","map","child","isValidElement","cloneElement","displayName"],"mappings":"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"}

package/dist/cjs/src/components/Drawer/Header.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Header", {
-    enumerable: true,
-    get: function() {
-        return Header;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _icons = require("@simplybusiness/icons");
-const _Button = require("../Button");
-const _Icon = require("../Icon");
-const Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
-        ref: ref,
-        ...otherProps,
-        className: "mobius/DrawerHeader",
-        children: [
-            children,
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.Button, {
-                "aria-label": "Close",
-                variant: "basic",
-                onPress: onClose,
-                className: "mobius/DrawerClose",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
-                        icon: _icons.cross
-                    }),
-                    " ",
-                    closeLabel
-                ]
-            })
-        ]
-    }));
-Header.displayName = "Header";
-
-//# sourceMappingURL=Header.js.map

package/dist/cjs/src/components/Drawer/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Drawer/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Header = forwardRef(\n  (\n    { children, onClose, closeLabel, ...otherProps }: HeaderProps,\n    ref: HeaderRef,\n  ) => (\n    <header ref={ref} {...otherProps} className=\"mobius/DrawerHeader\">\n      {children}\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius/DrawerClose\"\n      >\n        <Icon icon={cross} /> {closeLabel}\n      </Button>\n    </header>\n  ),\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["Header","forwardRef","children","onClose","closeLabel","otherProps","ref","header","className","Button","aria-label","variant","onPress","Icon","icon","cross","displayName"],"mappings":";;;;+BAsCSA;;;eAAAA;;;;uBAtCyD;uBAE5C;wBAEC;sBACF;AAarB,MAAMA,uBAASC,IAAAA,iBAAU,EACvB,CACE,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAyB,EAC7DC,oBAEA,sBAACC;QAAOD,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;;YACzCN;0BACD,sBAACO,cAAM;gBACLC,cAAW;gBACXC,SAAQ;gBACRC,SAAST;gBACTK,WAAU;;kCAEV,qBAACK,UAAI;wBAACC,MAAMC,YAAK;;oBAAI;oBAAEX;;;;;AAM/BJ,OAAOgB,WAAW,GAAG"}

package/dist/cjs/src/components/Drawer/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Drawer", {
-    enumerable: true,
-    get: function() {
-        return Drawer;
-    }
-});
-const _Content = require("./Content");
-const _Drawer = require("./Drawer");
-const _Header = require("./Header");
-const Drawer = Object.assign(_Drawer.Drawer, {
-    Header: _Header.Header,
-    Content: _Content.Content
-});
-Drawer.displayName = "Drawer";
-
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Drawer/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as DrawerContentDivElementType,\n  ContentProps as DrawerContentProps,\n} from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport { DrawerProps } from \"./types\";\nimport {\n  HeaderElementType as DrawerHeaderElementType,\n  HeaderProps as DrawerHeaderProps,\n  Header,\n} from \"./Header\";\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Header,\n  Content,\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n\nexport type {\n  DrawerContentDivElementType,\n  DrawerContentProps,\n  DrawerHeaderElementType,\n  DrawerHeaderProps,\n  DrawerProps,\n};\n"],"names":["Drawer","Object","assign","DrawerComponent","Header","Content","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;yBAfF;wBACmC;wBAMnC;AAEP,MAAMA,SAASC,OAAOC,MAAM,CAACC,cAAe,EAAE;IAC5CC,QAAAA,cAAM;IACNC,SAAAA,gBAAO;AACT;AAEAL,OAAOM,WAAW,GAAG"}

package/dist/cjs/src/components/Drawer/types.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-//# sourceMappingURL=types.js.map

package/dist/cjs/src/components/Drawer/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Drawer/types.ts"],"names":[],"mappings":""}

package/dist/cjs/src/components/DropdownMenu/DropdownMenu.js

@@ -1,73 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DropdownMenu", {
-    enumerable: true,
-    get: function() {
-        return DropdownMenu;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _reactaccessibledropdownmenuhook = /*#__PURE__*/ _interop_require_default(require("react-accessible-dropdown-menu-hook"));
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _Button = require("../Button");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const DropdownMenu = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { elementType: Element = "nav", trigger, label = "Menu", children, ...otherProps } = props;
-    const [activeId, setActiveId] = (0, _react.useState)(null);
-    const numberOfItems = _react.Children.count(children);
-    const { buttonProps, itemProps, isOpen: open, setIsOpen } = (0, _reactaccessibledropdownmenuhook.default)(numberOfItems);
-    const classes = (0, _dedupe.default)("mobius", "mobius/DropdownMenu", otherProps.className);
-    const triggerClasses = (0, _dedupe.default)("mobius", "mobius/DropdownMenuTrigger");
-    const listClasses = (0, _dedupe.default)("mobius", "mobius/DropdownMenuList", {
-        "--is-open": open
-    });
-    const handleChildClick = ({ onClick }, index)=>{
-        setActiveId(index);
-        setIsOpen(false);
-        if (onClick) {
-            onClick();
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes,
-        children: [
-            trigger ? /*#__PURE__*/ (0, _react.cloneElement)(trigger, {
-                className: triggerClasses,
-                open,
-                label,
-                ...buttonProps
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
-                className: triggerClasses,
-                ...buttonProps,
-                children: label
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("ul", {
-                className: listClasses,
-                role: "menu",
-                children: _react.Children.map(children, (child, index)=>{
-                    if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
-                        return /*#__PURE__*/ (0, _react.cloneElement)(child, {
-                            onClick: ()=>handleChildClick(child.props, index),
-                            active: index === activeId,
-                            ...itemProps[index]
-                        });
-                    }
-                    return child;
-                })
-            })
-        ]
-    });
-});
-DropdownMenu.displayName = "DropdownMenu";
-
-//# sourceMappingURL=DropdownMenu.js.map

package/dist/cjs/src/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  Children,\n  isValidElement,\n  cloneElement,\n  useState,\n  ReactElement,\n} from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nimport { Button } from \"../Button\";\nimport { 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?: string | 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/DropdownMenu\",\n    otherProps.className,\n  );\n  const triggerClasses = classNames(\"mobius\", \"mobius/DropdownMenuTrigger\");\n  const listClasses = classNames(\"mobius\", \"mobius/DropdownMenuList\", {\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":["DropdownMenu","forwardRef","props","ref","elementType","Element","trigger","label","children","otherProps","activeId","setActiveId","useState","numberOfItems","Children","count","buttonProps","itemProps","isOpen","open","setIsOpen","useDropdownMenu","classes","classNames","className","triggerClasses","listClasses","handleChildClick","onClick","index","cloneElement","Button","ul","role","map","child","isValidElement","active","displayName"],"mappings":"AAAA;;;;;+BA8GSA;;;eAAAA;;;;uBAlGF;wFACqB;+DACL;wBAGA;;;;;;AAsBvB,MAAMA,6BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA0BC;IACxC,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,MAAM,EACdC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAgB;IACxD,MAAMC,gBAAgBC,eAAQ,CAACC,KAAK,CAACP;IACrC,MAAM,EACJQ,WAAW,EACXC,SAAS,EACTC,QAAQC,IAAI,EACZC,SAAS,EACV,GAAGC,IAAAA,wCAAe,EAACR;IAEpB,MAAMS,UAAUC,IAAAA,eAAU,EACxB,UACA,uBACAd,WAAWe,SAAS;IAEtB,MAAMC,iBAAiBF,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMG,cAAcH,IAAAA,eAAU,EAAC,UAAU,2BAA2B;QAClE,aAAaJ;IACf;IAEA,MAAMQ,mBAAmB,CAAC,EAAEC,OAAO,EAAmB,EAAEC;QACtDlB,YAAYkB;QACZT,UAAU;QAEV,IAAIQ,SAAS;YACXA;QACF;IACF;IAEA,qBACE,sBAACvB;QAAQF,KAAKA;QAAM,GAAGM,UAAU;QAAEe,WAAWF;;YAC3ChB,wBACCwB,IAAAA,mBAAY,EAACxB,SAAS;gBACpBkB,WAAWC;gBACXN;gBACAZ;gBACA,GAAGS,WAAW;YAChB,mBAEA,qBAACe,cAAM;gBAACP,WAAWC;gBAAiB,GAAGT,WAAW;0BAC/CT;;0BAGL,qBAACyB;gBAAGR,WAAWE;gBAAaO,MAAK;0BAC9BnB,eAAQ,CAACoB,GAAG,CAAC1B,UAAU,CAAC2B,OAAON;oBAC9B,kBAAIO,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOL,IAAAA,mBAAY,EAACK,OAAO;4BACzBP,SAAS,IAAMD,iBAAiBQ,MAAMjC,KAAK,EAAE2B;4BAC7CQ,QAAQR,UAAUnB;4BAClB,GAAGO,SAAS,CAACY,MAAM;wBACrB;oBACF;oBAEA,OAAOM;gBACT;;;;AAIR;AAEAnC,aAAasC,WAAW,GAAG"}

package/dist/cjs/src/components/DropdownMenu/Item.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Item", {
-    enumerable: true,
-    get: function() {
-        return Item;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Item = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { elementType: Element = "li", active, onClick, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius/DropdownMenuItem", {
-        "--is-active": active
-    }, otherProps.className);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
-        ref: ref,
-        className: classes,
-        onClick: onClick,
-        ...otherProps
-    });
-});
-Item.displayName = "DropdownMenu.Item";
-
-//# sourceMappingURL=Item.js.map

package/dist/cjs/src/components/DropdownMenu/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/DropdownMenu/Item.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ItemElementType = HTMLLIElement;\n\nexport interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {\n  elementType?: string | 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      ...otherProps\n    } = props;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/DropdownMenuItem\",\n      { \"--is-active\": active },\n      otherProps.className,\n    );\n\n    return (\n      <Element\n        ref={ref}\n        className={classes}\n        onClick={onClick}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n"],"names":["Item","forwardRef","props","ref","elementType","Element","active","onClick","otherProps","classes","classNames","className","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;;;;;;AAiBvB,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACP,GAAGC,YACJ,GAAGN;IACJ,MAAMO,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QAAE,eAAeJ;IAAO,GACxBE,WAAWG,SAAS;IAGtB,qBACE,qBAACN;QACCF,KAAKA;QACLQ,WAAWF;QACXF,SAASA;QACR,GAAGC,UAAU;;AAGpB;AAGFR,KAAKY,WAAW,GAAG"}

package/dist/cjs/src/components/DropdownMenu/index.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DropdownMenu", {
-    enumerable: true,
-    get: function() {
-        return DropdownMenu;
-    }
-});
-const _DropdownMenu = require("./DropdownMenu");
-const _Item = require("./Item");
-const DropdownMenu = Object.assign(_DropdownMenu.DropdownMenu, {
-    Item: _Item.Item
-});
-DropdownMenu.displayName = "DropdownMenu";
-
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/DropdownMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  DropdownMenu as DropdownMenuComponent,\n  DropdownMenuProps,\n  DropdownMenuRef,\n} from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\n\nimport type { DropdownMenuElementType } 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","Object","assign","DropdownMenuComponent","Item","displayName"],"mappings":";;;;+BAqCSA;;;eAAAA;;;8BAhCF;sBACc;AAcrB,MAAMA,eAAqCC,OAAOC,MAAM,CACtDC,0BAAqB,EACrB;IACEC,MAAAA,UAAI;AACN;AAYFJ,aAAaK,WAAW,GAAG"}

package/dist/cjs/src/components/ErrorMessage/ErrorMessage.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ErrorMessage", {
-    enumerable: true,
-    get: function() {
-        return ErrorMessage;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _Text = require("../Text");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const ErrorMessage = ({ id, errorMessage, className })=>{
-    const classes = (0, _dedupe.default)("mobius", "mobius/ErrorMessage", className);
-    if (!errorMessage) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        id: id,
-        className: classes,
-        "data-testid": "ErrorMessage",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "mobius/ErrorIcon"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
-                elementType: "span",
-                className: "mobius/ErrorText",
-                children: errorMessage
-            })
-        ]
-    });
-};
-ErrorMessage.displayName = "ErrorMessage";
-
-//# sourceMappingURL=ErrorMessage.js.map

package/dist/cjs/src/components/ErrorMessage/ErrorMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\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/ErrorMessage\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\">\n      <span className=\"mobius/ErrorIcon\" />\n      <Text elementType=\"span\" className=\"mobius/ErrorText\">\n        {errorMessage}\n      </Text>\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n"],"names":["ErrorMessage","id","errorMessage","className","classes","classNames","div","data-testid","span","Text","elementType","displayName"],"mappings":";;;;+BASaA;;;eAAAA;;;;+DATU;sBACF;;;;;;AAQd,MAAMA,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,uBAAuBF;IAE5D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,sBAACI;QAAIL,IAAIA;QAAIE,WAAWC;QAASG,eAAY;;0BAC3C,qBAACC;gBAAKL,WAAU;;0BAChB,qBAACM,UAAI;gBAACC,aAAY;gBAAOP,WAAU;0BAChCD;;;;AAIT;AAEAF,aAAaW,WAAW,GAAG"}

package/dist/cjs/src/components/ErrorMessage/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./ErrorMessage"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/ErrorMessage/index.js.map

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

package/dist/cjs/src/components/Fieldset/Fieldset.js

@@ -1,65 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Fieldset", {
-    enumerable: true,
-    get: function() {
-        return Fieldset;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _react = require("react");
-const _Flex = require("../Flex");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const useFieldset = (props)=>{
-    const { legend } = props;
-    let legendProps = {};
-    let containerProps = {
-        role: "group"
-    };
-    const legendId = (0, _react.useId)();
-    if (legend) {
-        legendProps = {
-            ...legendProps,
-            id: legendId
-        };
-        containerProps = {
-            ...containerProps,
-            "aria-labelledby": legendId
-        };
-    }
-    return {
-        legendProps,
-        containerProps
-    };
-};
-const Fieldset = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
-    const { children, legend, legendComponent = /*#__PURE__*/ (0, _jsxruntime.jsx)("legend", {}), ...otherProps } = props;
-    const { legendProps, containerProps } = useFieldset(props);
-    const classes = (0, _dedupe.default)("mobius", "mobius/Fieldset", props.className);
-    // Set class on legend
-    legendProps.className = "mobius/Legend";
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
-        ...containerProps,
-        ...otherProps,
-        className: classes,
-        children: [
-            legend && /*#__PURE__*/ (0, _react.cloneElement)(legendComponent, {
-                ...legendProps
-            }, [
-                legend
-            ]),
-            children
-        ]
-    });
-});
-Fieldset.displayName = "Fieldset";
-
-//# sourceMappingURL=Fieldset.js.map

package/dist/cjs/src/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 {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { 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/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":["Fieldset","useFieldset","props","legend","legendProps","containerProps","role","legendId","useId","id","forwardRef","_ref","children","legendComponent","otherProps","classes","classNames","className","Flex","cloneElement","displayName"],"mappings":"AAAA;;;;;+BA2FSA;;;eAAAA;;;;+DAzFc;uBAShB;sBAGc;;;;;;AAYrB,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWC,IAAAA,YAAK;IACtB,IAAIL,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdK,IAAIF;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAML,yBACJU,IAAAA,iBAAU,EAAC,CAACR,OAAsBS;IAChC,MAAM,EACJC,QAAQ,EACRT,MAAM,EACNU,gCAAkB,qBAACV,aAAS,EAC5B,GAAGW,YACJ,GAAGZ;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBd,MAAMe,SAAS;IAEvE,sBAAsB;IACtBb,YAAYa,SAAS,GAAG;IAExB,qBACE,sBAACC,UAAI;QAAE,GAAGb,cAAc;QAAG,GAAGS,UAAU;QAAEG,WAAWF;;YAClDZ,wBAAUgB,IAAAA,mBAAY,EAACN,iBAAiB;gBAAE,GAAGT,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpES;;;AAGP;AAEFZ,SAASoB,WAAW,GAAG"}

package/dist/cjs/src/components/Fieldset/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./Fieldset"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/Fieldset/index.js.map

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

package/dist/cjs/src/components/Flex/Flex.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Flex", {
-    enumerable: true,
-    get: function() {
-        return Flex;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _propUtils = require("./propUtils");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Flex = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { elementType: Element = "div", ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius/Flex", props.className);
-    const [styleProps, restProps] = (0, _propUtils.splitProps)(otherProps);
-    const flexStyles = (0, _propUtils.buildFlexStyles)(styleProps);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
-        ref: ref,
-        style: flexStyles,
-        ...restProps,
-        className: classes
-    });
-});
-Flex.displayName = "Flex";
-
-//# sourceMappingURL=Flex.js.map

package/dist/cjs/src/components/Flex/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { FlexElementType, FlexProps, FlexRef } from \"./types\";\nimport { buildFlexStyles, splitProps } from \"./propUtils\";\n\nconst Flex: ForwardedRefComponent<FlexProps, FlexElementType> = forwardRef(\n  (props: FlexProps, ref: FlexRef) => {\n    const { elementType: Element = \"div\", ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/Flex\", props.className);\n\n    const [styleProps, restProps] = splitProps(otherProps);\n    const flexStyles = buildFlexStyles(styleProps);\n\n    return (\n      <Element\n        ref={ref}\n        style={flexStyles}\n        {...restProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nFlex.displayName = \"Flex\";\nexport { Flex };\n"],"names":["Flex","forwardRef","props","ref","elementType","Element","otherProps","classes","classNames","className","styleProps","restProps","splitProps","flexStyles","buildFlexStyles","style","displayName"],"mappings":";;;;+BA0BSA;;;eAAAA;;;;uBA1BkB;+DACJ;2BAGqB;;;;;;AAE5C,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeN,MAAMO,SAAS;IAEnE,MAAM,CAACC,YAAYC,UAAU,GAAGC,IAAAA,qBAAU,EAACN;IAC3C,MAAMO,aAAaC,IAAAA,0BAAe,EAACJ;IAEnC,qBACE,qBAACL;QACCF,KAAKA;QACLY,OAAOF;QACN,GAAGF,SAAS;QACbF,WAAWF;;AAGjB;AAGFP,KAAKgB,WAAW,GAAG"}

package/dist/cjs/src/components/Flex/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./Flex"), exports);
-_export_star(require("./types"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/components/Flex/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Flex/index.tsx"],"sourcesContent":["export * from \"./Flex\";\nexport * from \"./types\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA"}

package/dist/cjs/src/components/Flex/propUtils.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    buildFlexStyles: function() {
-        return buildFlexStyles;
-    },
-    splitProps: function() {
-        return splitProps;
-    }
-});
-const _utils = require("../../utils");
-const _filterUndefinedProps = require("../../utils/filterUndefinedProps");
-const buildFlexStyles = (props)=>{
-    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props;
-    const styleProps = {
-        display: "flex",
-        flexDirection,
-        flexWrap,
-        flexGrow,
-        flex,
-        justifyContent,
-        alignItems,
-        alignContent,
-        gap: (0, _utils.getSpacingValue)(gap),
-        columnGap: (0, _utils.getSpacingValue)(columnGap),
-        rowGap: (0, _utils.getSpacingValue)(rowGap)
-    };
-    return (0, _filterUndefinedProps.filterUndefinedProps)(styleProps);
-};
-const splitProps = (props)=>{
-    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, ...otherProps } = props;
-    return [
-        {
-            flexDirection,
-            flexWrap,
-            flexGrow,
-            flex,
-            justifyContent,
-            alignItems,
-            alignContent,
-            gap,
-            rowGap,
-            columnGap
-        },
-        otherProps
-    ];
-};
-
-//# sourceMappingURL=propUtils.js.map

package/dist/cjs/src/components/Flex/propUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Flex/propUtils.ts"],"sourcesContent":["import { getSpacingValue } from \"../../utils\";\nimport { filterUndefinedProps } from \"../../utils/filterUndefinedProps\";\nimport { FlexNonStyleProps, FlexProps, FlexStyleProps } from \"./types\";\n\nexport const buildFlexStyles = (props: FlexStyleProps) => {\n  const {\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n  } = props;\n\n  const styleProps = {\n    display: \"flex\",\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n  };\n\n  return filterUndefinedProps(styleProps);\n};\n\nexport const splitProps = (\n  props: FlexProps,\n): [FlexStyleProps, FlexNonStyleProps] => {\n  const {\n    flexDirection,\n    flexWrap,\n    flexGrow,\n    flex,\n    justifyContent,\n    alignItems,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n    ...otherProps\n  } = props;\n\n  return [\n    {\n      flexDirection,\n      flexWrap,\n      flexGrow,\n      flex,\n      justifyContent,\n      alignItems,\n      alignContent,\n      gap,\n      rowGap,\n      columnGap,\n    },\n    otherProps,\n  ];\n};\n"],"names":["buildFlexStyles","splitProps","props","flexDirection","flexWrap","flexGrow","flex","justifyContent","alignItems","alignContent","gap","rowGap","columnGap","styleProps","display","getSpacingValue","filterUndefinedProps","otherProps"],"mappings":";;;;;;;;;;;IAIaA,eAAe;eAAfA;;IA+BAC,UAAU;eAAVA;;;uBAnCmB;sCACK;AAG9B,MAAMD,kBAAkB,CAACE;IAC9B,MAAM,EACJC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAM,EACNC,SAAS,EACV,GAAGV;IAEJ,MAAMW,aAAa;QACjBC,SAAS;QACTX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,KAAKK,IAAAA,sBAAe,EAACL;QACrBE,WAAWG,IAAAA,sBAAe,EAACH;QAC3BD,QAAQI,IAAAA,sBAAe,EAACJ;IAC1B;IAEA,OAAOK,IAAAA,0CAAoB,EAACH;AAC9B;AAEO,MAAMZ,aAAa,CACxBC;IAEA,MAAM,EACJC,aAAa,EACbC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,cAAc,EACdC,UAAU,EACVC,YAAY,EACZC,GAAG,EACHC,MAAM,EACNC,SAAS,EACT,GAAGK,YACJ,GAAGf;IAEJ,OAAO;QACL;YACEC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACAK;KACD;AACH"}

package/dist/cjs/src/components/Flex/types.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-//# sourceMappingURL=types.js.map

package/dist/cjs/src/components/Flex/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Flex/types.ts"],"names":[],"mappings":""}

package/dist/cjs/src/components/Grid/Grid.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Grid", {
-    enumerable: true,
-    get: function() {
-        return Grid;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _utils = require("../../utils");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Grid = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
-    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems, className, ...rest } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius/Grid", className);
-    const styles = (0, _utils.filterUndefinedProps)({
-        boxSizing: "border-box",
-        display: "grid",
-        gridTemplateColumns: `repeat(${columns}, 1fr)`,
-        gap: (0, _utils.getSpacingValue)(gap),
-        columnGap: (0, _utils.getSpacingValue)(columnGap),
-        rowGap: (0, _utils.getSpacingValue)(rowGap),
-        alignContent,
-        alignItems,
-        justifyContent,
-        justifyItems
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: styles,
-        className: classes,
-        ...rest
-    });
-});
-Grid.displayName = "Grid";
-
-//# sourceMappingURL=Grid.js.map

package/dist/cjs/src/components/Grid/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n  Ref,\n  forwardRef,\n  ReactNode,\n  RefAttributes,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport type GridRef = Ref<GridElementType>;\n\nconst Grid: ForwardedRefComponent<GridProps, GridElementType> = forwardRef(\n  (props: GridProps, _ref: GridRef) => {\n    const {\n      columns = 12,\n      gap,\n      columnGap,\n      rowGap,\n      alignContent,\n      alignItems,\n      justifyContent,\n      justifyItems,\n      className,\n      ...rest\n    } = props;\n    const classes = classNames(\"mobius\", \"mobius/Grid\", className);\n\n    const styles: CSSProperties = filterUndefinedProps({\n      boxSizing: \"border-box\",\n      display: \"grid\",\n      gridTemplateColumns: `repeat(${columns}, 1fr)`,\n      gap: getSpacingValue(gap),\n      columnGap: getSpacingValue(columnGap),\n      rowGap: getSpacingValue(rowGap),\n      alignContent,\n      alignItems,\n      justifyContent,\n      justifyItems,\n    });\n\n    return <div style={styles} className={classes} {...rest} />;\n  },\n);\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n"],"names":["Grid","forwardRef","props","_ref","columns","gap","columnGap","rowGap","alignContent","alignItems","justifyContent","justifyItems","className","rest","classes","classNames","styles","filterUndefinedProps","boxSizing","display","gridTemplateColumns","getSpacingValue","div","style","displayName"],"mappings":";;;;+BAoFSA;;;eAAAA;;;;uBA9EF;+DACgB;uBAG+B;;;;;;AAwCtD,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,UAAU,EAAE,EACZC,GAAG,EACHC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,YAAY,EACZC,SAAS,EACT,GAAGC,MACJ,GAAGX;IACJ,MAAMY,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeH;IAEpD,MAAMI,SAAwBC,IAAAA,2BAAoB,EAAC;QACjDC,WAAW;QACXC,SAAS;QACTC,qBAAqB,CAAC,OAAO,EAAEhB,QAAQ,MAAM,CAAC;QAC9CC,KAAKgB,IAAAA,sBAAe,EAAChB;QACrBC,WAAWe,IAAAA,sBAAe,EAACf;QAC3BC,QAAQc,IAAAA,sBAAe,EAACd;QACxBC;QACAC;QACAC;QACAC;IACF;IAEA,qBAAO,qBAACW;QAAIC,OAAOP;QAAQJ,WAAWE;QAAU,GAAGD,IAAI;;AACzD;AAGFb,KAAKwB,WAAW,GAAG"}