@simplybusiness/mobius 5.25.2 → 5.26.0

package/dist/cjs/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":["useDrawer","onClose","closeLabel","useContext","DrawerContext"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHc;+BACG;AAEvB,MAAMA,YAAY;IACvB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,IAAAA,iBAAU,EAACC,4BAAa;IAExD,OAAO;QAAEH;QAASC;IAAW;AAC/B"}

package/dist/cjs/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-dropdown-menu", otherProps.className);
-    const triggerClasses = (0, _dedupe.default)("mobius", "mobius-dropdown-menu__trigger");
-    const listClasses = (0, _dedupe.default)("mobius", "mobius-dropdown-menu__list", {
-        "--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/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":["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;;;;;+BA2GSA;;;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,wBACAd,WAAWe,SAAS;IAEtB,MAAMC,iBAAiBF,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMG,cAAcH,IAAAA,eAAU,EAAC,UAAU,8BAA8B;QACrE,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/components/DropdownMenu/Item.js

@@ -1,44 +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, children, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius-dropdown-menu__item", {
-        "--is-active": active
-    }, otherProps.className);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
-        ref: ref,
-        onClick: onClick,
-        ...otherProps,
-        children: _react.Children.map(children, (child)=>{
-            if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
-                const childClasses = (0, _dedupe.default)(child.props.className, classes);
-                return /*#__PURE__*/ (0, _react.cloneElement)(child, {
-                    className: childClasses
-                });
-            }
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: classes,
-                children: child
-            });
-        })
-    });
-});
-Item.displayName = "DropdownMenu.Item";
-
-//# sourceMappingURL=Item.js.map

package/dist/cjs/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":["Item","forwardRef","props","ref","elementType","Element","active","onClick","children","otherProps","classes","classNames","className","Children","map","child","isValidElement","childClasses","cloneElement","span","displayName"],"mappings":";;;;+BAqDSA;;;eAAAA;;;;uBApD0D;+DAC5C;;;;;;AAiBvB,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAMQ,UAAUC,IAAAA,eAAU,EACxB,UACA,8BACA;QAAE,eAAeL;IAAO,GACxBG,WAAWG,SAAS;IAGtB,qBACE,qBAACP;QAAQF,KAAKA;QAAKI,SAASA;QAAU,GAAGE,UAAU;kBAChDI,eAAQ,CAACC,GAAG,CAACN,UAAUO,CAAAA;YACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;gBACzB,MAAME,eAAeN,IAAAA,eAAU,EAACI,MAAMb,KAAK,CAACU,SAAS,EAAEF;gBACvD,qBAAOQ,IAAAA,mBAAY,EAACH,OAAuB;oBACzCH,WAAWK;gBACb;YACF;YAEA,qBAAO,qBAACE;gBAAKP,WAAWF;0BAAUK;;QACpC;;AAGN;AAGFf,KAAKoB,WAAW,GAAG"}

package/dist/cjs/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/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","Object","assign","DropdownMenuComponent","Item","displayName"],"mappings":";;;;+BAqCSA;;;eAAAA;;;8BApC6C;sBACjC;AAkBrB,MAAMA,eAAqCC,OAAOC,MAAM,CACtDC,0BAAqB,EACrB;IACEC,MAAAA,UAAI;AACN;AAYFJ,aAAaK,WAAW,GAAG"}

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

@@ -1,44 +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 _icons = require("@simplybusiness/icons");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _Icon = require("../Icon");
-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-error-message", className);
-    if (!errorMessage) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        id: id,
-        className: classes,
-        "data-testid": "ErrorMessage",
-        role: "alert",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
-                icon: _icons.error,
-                className: "mobius-error-message__icon"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.Text, {
-                elementType: "span",
-                className: "mobius-error-message__text",
-                children: errorMessage
-            })
-        ]
-    });
-};
-ErrorMessage.displayName = "ErrorMessage";
-
-//# sourceMappingURL=ErrorMessage.js.map

package/dist/cjs/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":["ErrorMessage","id","errorMessage","className","classes","classNames","div","data-testid","role","Icon","icon","error","Text","elementType","displayName"],"mappings":";;;;+BAWaA;;;eAAAA;;;;uBAXS;+DACC;sBACF;sBACA;;;;;;AAQd,MAAMA,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,wBAAwBF;IAE7D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,sBAACI;QAAIL,IAAIA;QAAIE,WAAWC;QAASG,eAAY;QAAeC,MAAK;;0BAC/D,qBAACC,UAAI;gBAACC,MAAMC,YAAK;gBAAER,WAAU;;0BAC7B,qBAACS,UAAI;gBAACC,aAAY;gBAAOV,WAAU;0BAChCD;;;;AAIT;AAEAF,aAAac,WAAW,GAAG"}

package/dist/cjs/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/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/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-fieldset__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/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":["Fieldset","useFieldset","props","legend","legendProps","containerProps","role","legendId","useId","id","forwardRef","_ref","children","legendComponent","otherProps","classes","classNames","className","Flex","cloneElement","displayName"],"mappings":"AAAA;;;;;+BAoFSA;;;eAAAA;;;;+DAlFc;uBAEyB;sBAG3B;;;;;;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/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/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/components/Flex/Flex.js

@@ -1,37 +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", style, className, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius-flex", className);
-    const [styleProps, restProps] = (0, _propUtils.splitProps)(otherProps);
-    const flexStyles = (0, _propUtils.buildFlexStyles)(styleProps);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
-        ref: ref,
-        style: {
-            ...flexStyles,
-            ...style
-        },
-        className: classes,
-        ...restProps
-    });
-});
-Flex.displayName = "Flex";
-
-//# sourceMappingURL=Flex.js.map

package/dist/cjs/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 type { ForwardedRefComponent } from \"../../types/components\";\nimport type { FlexElementType, FlexProps, FlexRef } from \"./types\";\nimport { buildFlexStyles, splitProps } from \"./propUtils\";\n\nconst Flex: ForwardedRefComponent<FlexProps, FlexElementType> = forwardRef(\n  (props: FlexProps, ref: FlexRef) => {\n    const {\n      elementType: Element = \"div\",\n      style,\n      className,\n      ...otherProps\n    } = props;\n    const classes = classNames(\"mobius\", \"mobius-flex\", className);\n\n    const [styleProps, restProps] = splitProps(otherProps);\n    const flexStyles = buildFlexStyles(styleProps);\n\n    return (\n      <Element\n        ref={ref}\n        style={{\n          ...flexStyles,\n          ...style,\n        }}\n        className={classes}\n        {...restProps}\n      />\n    );\n  },\n);\n\nFlex.displayName = \"Flex\";\nexport { Flex };\n"],"names":["Flex","forwardRef","props","ref","elementType","Element","style","className","otherProps","classes","classNames","styleProps","restProps","splitProps","flexStyles","buildFlexStyles","displayName"],"mappings":";;;;+BAkCSA;;;eAAAA;;;;uBAlCkB;+DACJ;2BAGqB;;;;;;AAE5C,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,SAAS,EACT,GAAGC,YACJ,GAAGN;IACJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeH;IAEpD,MAAM,CAACI,YAAYC,UAAU,GAAGC,IAAAA,qBAAU,EAACL;IAC3C,MAAMM,aAAaC,IAAAA,0BAAe,EAACJ;IAEnC,qBACE,qBAACN;QACCF,KAAKA;QACLG,OAAO;YACL,GAAGQ,UAAU;YACb,GAAGR,KAAK;QACV;QACAC,WAAWE;QACV,GAAGG,SAAS;;AAGnB;AAGFZ,KAAKgB,WAAW,GAAG"}

package/dist/cjs/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/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/components/Flex/propUtils.js

@@ -1,56 +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 = {
-        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/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 type { 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    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","getSpacingValue","filterUndefinedProps","otherProps"],"mappings":";;;;;;;;;;;IAIaA,eAAe;eAAfA;;IA8BAC,UAAU;eAAVA;;;uBAlCmB;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;QACjBV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,KAAKI,IAAAA,sBAAe,EAACJ;QACrBE,WAAWE,IAAAA,sBAAe,EAACF;QAC3BD,QAAQG,IAAAA,sBAAe,EAACH;IAC1B;IAEA,OAAOI,IAAAA,0CAAoB,EAACF;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,GAAGI,YACJ,GAAGd;IAEJ,OAAO;QACL;YACEC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;QACAI;KACD;AACH"}

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

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

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

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

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

@@ -1,44 +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, style, ...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,
-        ...style
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: styles,
-        className: classes,
-        ...rest
-    });
-});
-Grid.displayName = "Grid";
-
-//# sourceMappingURL=Grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import type { Ref, ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { 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  style?: React.CSSProperties;\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      style,\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      ...style,\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","style","rest","classes","classNames","styles","filterUndefinedProps","boxSizing","display","gridTemplateColumns","getSpacingValue","div","displayName"],"mappings":";;;;+BAkFSA;;;eAAAA;;;;uBAjFkB;+DACJ;uBAG+B;;;;;;AAyCtD,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,EACTC,KAAK,EACL,GAAGC,MACJ,GAAGZ;IACJ,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,eAAeJ;IAEpD,MAAMK,SAAwBC,IAAAA,2BAAoB,EAAC;QACjDC,WAAW;QACXC,SAAS;QACTC,qBAAqB,CAAC,OAAO,EAAEjB,QAAQ,MAAM,CAAC;QAC9CC,KAAKiB,IAAAA,sBAAe,EAACjB;QACrBC,WAAWgB,IAAAA,sBAAe,EAAChB;QAC3BC,QAAQe,IAAAA,sBAAe,EAACf;QACxBC;QACAC;QACAC;QACAC;QACA,GAAGE,KAAK;IACV;IAEA,qBAAO,qBAACU;QAAIV,OAAOI;QAAQL,WAAWG;QAAU,GAAGD,IAAI;;AACzD;AAGFd,KAAKwB,WAAW,GAAG"}

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

@@ -1,76 +0,0 @@
-"use client";
-"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, {
-    DEFAULT_SPAN: function() {
-        return DEFAULT_SPAN;
-    },
-    GridItem: function() {
-        return GridItem;
-    },
-    getBreakpointMap: function() {
-        return getBreakpointMap;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _hooks = require("../../hooks");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const getBreakpointMap = (config)=>Object.entries(config).reduce((prev, [key, value])=>{
-        const previous = Object.values(prev);
-        const lastDefined = previous[previous.length - 1];
-        return {
-            ...prev,
-            [key]: value || lastDefined
-        };
-    }, {});
-const DEFAULT_SPAN = 12;
-const GridItem = /*#__PURE__*/ (0, _react.forwardRef)((props, _ref)=>{
-    const { breakpoint: { size: breakpointSize } } = (0, _hooks.useBreakpoint)();
-    const { span, xs = Array.isArray(span) ? DEFAULT_SPAN : span, sm, md, lg, xl, xxl, alignSelf, justifySelf, className, ...rest } = props;
-    const breakpointMap = getBreakpointMap({
-        xs,
-        sm,
-        md,
-        lg,
-        xl,
-        xxl
-    });
-    const [responsiveSpan, setResponsiveSpan] = (0, _react.useState)();
-    const classes = (0, _dedupe.default)("mobius-grid__item", className);
-    (0, _react.useEffect)(()=>{
-        // @ts-expect-error
-        setResponsiveSpan(breakpointMap[breakpointSize]);
-    }, [
-        breakpointSize,
-        breakpointMap
-    ]);
-    const styles = {
-        gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
-        alignSelf,
-        justifySelf
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: {
-            ...styles
-        },
-        className: classes,
-        ...rest
-    });
-});
-GridItem.displayName = "GridItem";
-
-//# sourceMappingURL=Item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Grid/Item.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Ref, RefAttributes, CSSProperties } from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>,\n    DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce((prev, [key, value]) => {\n    const previous = Object.values(prev);\n    const lastDefined = previous[previous.length - 1];\n    return { ...prev, [key]: value || lastDefined };\n  }, {});\n\nexport type GridItemRef = Ref<GridItemElementType>;\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem: ForwardedRefComponent<GridItemProps, GridItemElementType> =\n  forwardRef((props: GridItemProps, _ref: GridItemRef) => {\n    const {\n      breakpoint: { size: breakpointSize },\n    } = useBreakpoint();\n    const {\n      span,\n      xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n      sm,\n      md,\n      lg,\n      xl,\n      xxl,\n      alignSelf,\n      justifySelf,\n      className,\n      ...rest\n    } = props;\n    const breakpointMap = getBreakpointMap({\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      xxl,\n    });\n    const [responsiveSpan, setResponsiveSpan] = useState();\n    const classes = classNames(\"mobius-grid__item\", className);\n\n    useEffect(() => {\n      // @ts-expect-error\n      setResponsiveSpan(breakpointMap[breakpointSize]);\n    }, [breakpointSize, breakpointMap]);\n\n    const styles: CSSProperties = {\n      gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n      alignSelf,\n      justifySelf,\n    };\n\n    return <div style={{ ...styles }} className={classes} {...rest} />;\n  });\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n"],"names":["DEFAULT_SPAN","GridItem","getBreakpointMap","config","Object","entries","reduce","prev","key","value","previous","values","lastDefined","length","forwardRef","props","_ref","breakpoint","size","breakpointSize","useBreakpoint","span","xs","Array","isArray","sm","md","lg","xl","xxl","alignSelf","justifySelf","className","rest","breakpointMap","responsiveSpan","setResponsiveSpan","useState","classes","classNames","useEffect","styles","gridColumn","undefined","div","style","displayName"],"mappings":"AAAA;;;;;;;;;;;;IA4CaA,YAAY;eAAZA;;IA8CJC,QAAQ;eAARA;;IAvDIC,gBAAgB;eAAhBA;;;;uBAhCmC;+DACzB;uBAEO;;;;;;AA6BvB,MAAMA,mBAAmB,CAACC,SAC/BC,OAAOC,OAAO,CAACF,QAAQG,MAAM,CAAC,CAACC,MAAM,CAACC,KAAKC,MAAM;QAC/C,MAAMC,WAAWN,OAAOO,MAAM,CAACJ;QAC/B,MAAMK,cAAcF,QAAQ,CAACA,SAASG,MAAM,GAAG,EAAE;QACjD,OAAO;YAAE,GAAGN,IAAI;YAAE,CAACC,IAAI,EAAEC,SAASG;QAAY;IAChD,GAAG,CAAC;AAIC,MAAMZ,eAAe;AAE5B,MAAMC,yBACJa,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,YAAY,EAAEC,MAAMC,cAAc,EAAE,EACrC,GAAGC,IAAAA,oBAAa;IACjB,MAAM,EACJC,IAAI,EACJC,KAAKC,MAAMC,OAAO,CAACH,QAAQrB,eAAeqB,IAAI,EAC9CI,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,GAAG,EACHC,SAAS,EACTC,WAAW,EACXC,SAAS,EACT,GAAGC,MACJ,GAAGlB;IACJ,MAAMmB,gBAAgBhC,iBAAiB;QACrCoB;QACAG;QACAC;QACAC;QACAC;QACAC;IACF;IACA,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ;IACpD,MAAMC,UAAUC,IAAAA,eAAU,EAAC,qBAAqBP;IAEhDQ,IAAAA,gBAAS,EAAC;QACR,mBAAmB;QACnBJ,kBAAkBF,aAAa,CAACf,eAAe;IACjD,GAAG;QAACA;QAAgBe;KAAc;IAElC,MAAMO,SAAwB;QAC5BC,YAAYP,iBAAiB,CAAC,KAAK,EAAEA,gBAAgB,GAAGQ;QACxDb;QACAC;IACF;IAEA,qBAAO,qBAACa;QAAIC,OAAO;YAAE,GAAGJ,MAAM;QAAC;QAAGT,WAAWM;QAAU,GAAGL,IAAI;;AAChE;AAEFhC,SAAS6C,WAAW,GAAG"}