@simplybusiness/mobius 4.4.6 → 4.5.0

package/dist/esm/src/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/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/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":["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;AAC3C,SAKEC,YAAY,EACZC,UAAU,EACVC,KAAK,QACA,QAAQ;AAGf,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"}

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

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

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

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

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-import { buildFlexStyles, splitProps } from "./propUtils";
-const Flex = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "div", ...otherProps } = props;
-    const classes = classNames("mobius", "mobius/Flex", props.className);
-    const [styleProps, restProps] = splitProps(otherProps);
-    const flexStyles = buildFlexStyles(styleProps);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        style: flexStyles,
-        ...restProps,
-        className: classes
-    });
-});
-Flex.displayName = "Flex";
-export { Flex };
-
-//# sourceMappingURL=Flex.js.map

package/dist/esm/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":["forwardRef","classNames","buildFlexStyles","splitProps","Flex","props","ref","elementType","Element","otherProps","classes","className","styleProps","restProps","flexStyles","style","displayName"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,eAAe,EAAEC,UAAU,QAAQ,cAAc;AAE1D,MAAMC,qBAA0DJ,WAC9D,CAACK,OAAkBC;IACjB,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAUT,WAAW,UAAU,eAAeI,MAAMM,SAAS;IAEnE,MAAM,CAACC,YAAYC,UAAU,GAAGV,WAAWM;IAC3C,MAAMK,aAAaZ,gBAAgBU;IAEnC,qBACE,KAACJ;QACCF,KAAKA;QACLS,OAAOD;QACN,GAAGD,SAAS;QACbF,WAAWD;;AAGjB;AAGFN,KAAKY,WAAW,GAAG;AACnB,SAASZ,IAAI,GAAG"}

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

@@ -1,4 +0,0 @@
-export * from "./Flex";
-export * from "./types";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/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":"AAAA,cAAc,SAAS;AACvB,cAAc,UAAU"}

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

@@ -1,39 +0,0 @@
-import { getSpacingValue } from "../../utils";
-import { filterUndefinedProps } from "../../utils/filterUndefinedProps";
-export 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: getSpacingValue(gap),
-        columnGap: getSpacingValue(columnGap),
-        rowGap: getSpacingValue(rowGap)
-    };
-    return filterUndefinedProps(styleProps);
-};
-export 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/esm/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":["getSpacingValue","filterUndefinedProps","buildFlexStyles","props","flexDirection","flexWrap","flexGrow","flex","justifyContent","alignItems","alignContent","gap","rowGap","columnGap","styleProps","display","splitProps","otherProps"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,SAASC,oBAAoB,QAAQ,mCAAmC;AAGxE,OAAO,MAAMC,kBAAkB,CAACC;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,KAAKX,gBAAgBW;QACrBE,WAAWb,gBAAgBa;QAC3BD,QAAQZ,gBAAgBY;IAC1B;IAEA,OAAOX,qBAAqBa;AAC9B,EAAE;AAEF,OAAO,MAAME,aAAa,CACxBb;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,EAAE"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Flex/types.ts"],"sourcesContent":["import { Ref, ReactNode, RefAttributes, AriaRole } from \"react\";\nimport type { Property } from \"csstype\";\nimport { DOMProps } from \"../../types/dom\";\nimport { SpacingType } from \"../../types\";\n\nexport type FlexElementType = HTMLDivElement;\n\nexport interface FlexStyleProps {\n  elementType?: string | React.ElementType;\n  flexDirection?: Property.FlexDirection;\n  flexWrap?: Property.FlexWrap;\n  flexGrow?: Property.FlexGrow;\n  flex?: Property.Flex;\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: Property.AlignItems;\n  /** Aligns the grid along the inline (row) axis */\n  alignContent?: Property.AlignContent;\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?: Property.JustifyContent;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  style?: React.CSSProperties;\n  role?: AriaRole;\n}\n\nexport interface FlexNonStyleProps\n  extends DOMProps,\n    RefAttributes<FlexElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport interface FlexProps extends FlexStyleProps, FlexNonStyleProps {}\n\nexport type FlexRef = Ref<FlexElementType>;\n"],"names":[],"mappings":"AAuCA,WAA2C"}

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

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-import { filterUndefinedProps, getSpacingValue } from "../../utils";
-const Grid = /*#__PURE__*/ forwardRef((props, _ref)=>{
-    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems, className, ...rest } = props;
-    const classes = classNames("mobius", "mobius/Grid", className);
-    const styles = filterUndefinedProps({
-        boxSizing: "border-box",
-        display: "grid",
-        gridTemplateColumns: `repeat(${columns}, 1fr)`,
-        gap: getSpacingValue(gap),
-        columnGap: getSpacingValue(columnGap),
-        rowGap: getSpacingValue(rowGap),
-        alignContent,
-        alignItems,
-        justifyContent,
-        justifyItems
-    });
-    return /*#__PURE__*/ _jsx("div", {
-        style: styles,
-        className: classes,
-        ...rest
-    });
-});
-Grid.displayName = "Grid";
-export { Grid };
-
-//# sourceMappingURL=Grid.js.map

package/dist/esm/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":["forwardRef","classNames","filterUndefinedProps","getSpacingValue","Grid","props","_ref","columns","gap","columnGap","rowGap","alignContent","alignItems","justifyContent","justifyItems","className","rest","classes","styles","boxSizing","display","gridTemplateColumns","div","style","displayName"],"mappings":";AAAA,SAEEA,UAAU,QAIL,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,cAAc;AAwCpE,MAAMC,qBAA0DJ,WAC9D,CAACK,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,UAAUhB,WAAW,UAAU,eAAec;IAEpD,MAAMG,SAAwBhB,qBAAqB;QACjDiB,WAAW;QACXC,SAAS;QACTC,qBAAqB,CAAC,OAAO,EAAEd,QAAQ,MAAM,CAAC;QAC9CC,KAAKL,gBAAgBK;QACrBC,WAAWN,gBAAgBM;QAC3BC,QAAQP,gBAAgBO;QACxBC;QACAC;QACAC;QACAC;IACF;IAEA,qBAAO,KAACQ;QAAIC,OAAOL;QAAQH,WAAWE;QAAU,GAAGD,IAAI;;AACzD;AAGFZ,KAAKoB,WAAW,GAAG;AACnB,SAASpB,IAAI,GAAG"}

package/dist/esm/src/components/Grid/Item.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
-import classNames from "classnames/dedupe";
-import { useBreakpoint } from "../../hooks";
-export 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
-        };
-    }, {});
-export const DEFAULT_SPAN = 12;
-const GridItem = /*#__PURE__*/ forwardRef((props, _ref)=>{
-    const { breakpoint: { size: breakpointSize } } = 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] = useState();
-    const classes = classNames("mobius/GridItem", className);
-    useEffect(()=>{
-        // @ts-expect-error
-        setResponsiveSpan(breakpointMap[breakpointSize]);
-    }, [
-        breakpointSize,
-        breakpointMap
-    ]);
-    const styles = {
-        gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,
-        alignSelf,
-        justifySelf
-    };
-    return /*#__PURE__*/ _jsx("div", {
-        style: {
-            ...styles
-        },
-        className: classes,
-        ...rest
-    });
-});
-GridItem.displayName = "GridItem";
-export { GridItem };
-
-//# sourceMappingURL=Item.js.map

package/dist/esm/src/components/Grid/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Grid/Item.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  useEffect,\n  useState,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { 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/GridItem\", 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":["forwardRef","useEffect","useState","classNames","useBreakpoint","getBreakpointMap","config","Object","entries","reduce","prev","key","value","previous","values","lastDefined","length","DEFAULT_SPAN","GridItem","props","_ref","breakpoint","size","breakpointSize","span","xs","Array","isArray","sm","md","lg","xl","xxl","alignSelf","justifySelf","className","rest","breakpointMap","responsiveSpan","setResponsiveSpan","classes","styles","gridColumn","undefined","div","style","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EAEVC,SAAS,EACTC,QAAQ,QAEH,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAE3C,SAASC,aAAa,QAAQ,cAAc;AA6B5C,OAAO,MAAMC,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,GAAG;AAIT,OAAO,MAAME,eAAe,GAAG;AAE/B,MAAMC,yBACJlB,WAAW,CAACmB,OAAsBC;IAChC,MAAM,EACJC,YAAY,EAAEC,MAAMC,cAAc,EAAE,EACrC,GAAGnB;IACJ,MAAM,EACJoB,IAAI,EACJC,KAAKC,MAAMC,OAAO,CAACH,QAAQP,eAAeO,IAAI,EAC9CI,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,EAAE,EACFC,GAAG,EACHC,SAAS,EACTC,WAAW,EACXC,SAAS,EACT,GAAGC,MACJ,GAAGjB;IACJ,MAAMkB,gBAAgBhC,iBAAiB;QACrCoB;QACAG;QACAC;QACAC;QACAC;QACAC;IACF;IACA,MAAM,CAACM,gBAAgBC,kBAAkB,GAAGrC;IAC5C,MAAMsC,UAAUrC,WAAW,mBAAmBgC;IAE9ClC,UAAU;QACR,mBAAmB;QACnBsC,kBAAkBF,aAAa,CAACd,eAAe;IACjD,GAAG;QAACA;QAAgBc;KAAc;IAElC,MAAMI,SAAwB;QAC5BC,YAAYJ,iBAAiB,CAAC,KAAK,EAAEA,eAAe,CAAC,GAAGK;QACxDV;QACAC;IACF;IAEA,qBAAO,KAACU;QAAIC,OAAO;YAAE,GAAGJ,MAAM;QAAC;QAAGN,WAAWK;QAAU,GAAGJ,IAAI;;AAChE;AAEFlB,SAAS4B,WAAW,GAAG;AACvB,SAAS5B,QAAQ,GAAG"}

package/dist/esm/src/components/Grid/index.js

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

package/dist/esm/src/components/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Grid/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Grid as GridComponent, GridElementType, GridProps } from \"./Grid\";\nimport { GridItem, GridItemProps, GridItemElementType } from \"./Item\";\n\nexport interface GridCompound\n  extends ForwardedRefComponent<GridProps, GridItemElementType> {\n  Item: ForwardedRefComponent<GridItemProps, GridElementType>;\n}\n\nconst Grid: GridCompound = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n\nGrid.displayName = \"Grid\";\nexport { Grid };\nexport type { GridProps, GridItemProps, GridElementType, GridItemElementType };\n"],"names":["Grid","GridComponent","GridItem","Object","assign","Item","displayName"],"mappings":"AACA,SAASA,QAAQC,aAAa,QAAoC,SAAS;AAC3E,SAASC,QAAQ,QAA4C,SAAS;AAOtE,MAAMF,OAAqBG,OAAOC,MAAM,CAACH,eAAe;IACtDI,MAAMH;AACR;AAEAF,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}

package/dist/esm/src/components/Icon/Icon.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-const ICON_PREFIX = "mobius-icon";
-export function Icon({ icon, className, size = "xs", color, fixedWidth, spin, spinReverse, ...otherProps }) {
-    if (!icon) {
-        throw new Error("Must specify icon object");
-    }
-    const classes = classNames("mobius", "mobius/Icon", `svg-inline--${ICON_PREFIX}`, `--size-${size}`, className, {
-        [`${ICON_PREFIX}-fw`]: fixedWidth,
-        [`${ICON_PREFIX}-spin`]: spin || spinReverse,
-        [`${ICON_PREFIX}-spin-reverse`]: spinReverse
-    });
-    const { iconName, width, height, svgPathData } = icon;
-    return /*#__PURE__*/ _jsx("svg", {
-        "aria-hidden": "true",
-        focusable: "false",
-        "data-icon": iconName,
-        className: classes,
-        role: "img",
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: `0 0 ${width} ${height}`,
-        style: {
-            color
-        },
-        ...otherProps,
-        children: /*#__PURE__*/ _jsx("path", {
-            fill: "currentColor",
-            d: svgPathData
-        })
-    });
-}
-
-//# sourceMappingURL=Icon.js.map

package/dist/esm/src/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { IconProps } from \"./types\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nexport function Icon({\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n"],"names":["classNames","ICON_PREFIX","Icon","icon","className","size","color","fixedWidth","spin","spinReverse","otherProps","Error","classes","iconName","width","height","svgPathData","svg","aria-hidden","focusable","data-icon","role","xmlns","viewBox","style","path","fill","d"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAG3C,MAAMC,cAAc;AAEpB,OAAO,SAASC,KAAK,EACnBC,IAAI,EACJC,SAAS,EACTC,OAAO,IAAI,EACXC,KAAK,EACLC,UAAU,EACVC,IAAI,EACJC,WAAW,EACX,GAAGC,YACO;IACV,IAAI,CAACP,MAAM;QACT,MAAM,IAAIQ,MAAM;IAClB;IAEA,MAAMC,UAAUZ,WACd,UACA,eACA,CAAC,YAAY,EAAEC,YAAY,CAAC,EAC5B,CAAC,OAAO,EAAEI,KAAK,CAAC,EAChBD,WACA;QACE,CAAC,CAAC,EAAEH,YAAY,GAAG,CAAC,CAAC,EAAEM;QACvB,CAAC,CAAC,EAAEN,YAAY,KAAK,CAAC,CAAC,EAAEO,QAAQC;QACjC,CAAC,CAAC,EAAER,YAAY,aAAa,CAAC,CAAC,EAAEQ;IACnC;IAGF,MAAM,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGb;IAEjD,qBACE,KAACc;QACCC,eAAY;QACZC,WAAU;QACVC,aAAWP;QACXT,WAAWQ;QACXS,MAAK;QACLC,OAAM;QACNC,SAAS,CAAC,IAAI,EAAET,MAAM,CAAC,EAAEC,OAAO,CAAC;QACjCS,OAAO;YAAElB;QAAM;QACd,GAAGI,UAAU;kBAEd,cAAA,KAACe;YAAKC,MAAK;YAAeC,GAAGX;;;AAGnC"}

package/dist/esm/src/components/Icon/index.js

@@ -1,4 +0,0 @@
-export * from "./Icon";
-export * from "./types";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Icon/index.js.map

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

package/dist/esm/src/components/Icon/types.js

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

package/dist/esm/src/components/Icon/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Icon/types.ts"],"sourcesContent":["import { Ref } from \"react\";\nimport { IconDefinition } from \"../../types/icon\";\n\nexport type IconSizeProp = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps {\n  icon?: IconDefinition;\n  className?: string;\n  size?: IconSizeProp;\n  color?: string;\n  fixedWidth?: boolean;\n\n  // Animations\n  spin?: boolean;\n  spinReverse?: boolean;\n}\n\nexport type IconRef = Ref<SVGSVGElement>;\n"],"names":[],"mappings":"AAiBA,WAAyC"}

package/dist/esm/src/components/Image/Image.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Image = /*#__PURE__*/ forwardRef(({ alt, elementType: Component = "img", ...otherProps }, ref)=>{
-    const classes = classNames("mobius", "mobius/Image", otherProps.className);
-    return /*#__PURE__*/ _jsx(Component, {
-        alt: alt,
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Image.displayName = "Image";
-export { Image };
-
-//# sourceMappingURL=Image.js.map

package/dist/esm/src/components/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Image/Image.tsx"],"sourcesContent":["import { forwardRef, RefAttributes, Ref } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type IntrinsicImage = Omit<\n  JSX.IntrinsicElements[\"img\"],\n  \"css\" | \"width\" | \"height\" | \"color\"\n> &\n  RefAttributes<HTMLImageElement>;\n\nexport interface ImageProps extends DOMProps, IntrinsicImage {\n  /** HTML element for the Box */\n  elementType?: React.ElementType;\n  /** Alternative text for accessibility */\n  alt: string;\n  /** Path to image asset */\n  src: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport type ImageRef = Ref<HTMLImageElement>;\n\nconst Image: ForwardedRefComponent<ImageProps, HTMLImageElement> = forwardRef(\n  (\n    { alt, elementType: Component = \"img\", ...otherProps }: ImageProps,\n    ref: ImageRef,\n  ) => {\n    const classes = classNames(\"mobius\", \"mobius/Image\", otherProps.className);\n\n    return (\n      <Component alt={alt} ref={ref} {...otherProps} className={classes} />\n    );\n  },\n);\n\nImage.displayName = \"Image\";\nexport { Image };\n"],"names":["forwardRef","classNames","Image","alt","elementType","Component","otherProps","ref","classes","className","displayName"],"mappings":";AAAA,SAASA,UAAU,QAA4B,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAuB3C,MAAMC,sBAA6DF,WACjE,CACE,EAAEG,GAAG,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGC,YAAwB,EAClEC;IAEA,MAAMC,UAAUP,WAAW,UAAU,gBAAgBK,WAAWG,SAAS;IAEzE,qBACE,KAACJ;QAAUF,KAAKA;QAAKI,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAWD;;AAE9D;AAGFN,MAAMQ,WAAW,GAAG;AACpB,SAASR,KAAK,GAAG"}

package/dist/esm/src/components/Image/index.js

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

package/dist/esm/src/components/Image/index.js.map

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

package/dist/esm/src/components/Label/Label.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Label = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "label", children, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius/Label", props.className);
-    otherProps.className = classes;
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes,
-        children: children
-    });
-});
-Label.displayName = "Label";
-export { Label };
-
-//# sourceMappingURL=Label.js.map

package/dist/esm/src/components/Label/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel,\n    DOMProps,\n    RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nexport type LabelRef = Ref<LabelElementType>;\n\nconst Label: ForwardedRefComponent<LabelProps, LabelElementType> = forwardRef(\n  (props: LabelProps, ref: LabelRef) => {\n    const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Label\", props.className);\n    otherProps.className = classes;\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        {children}\n      </Element>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\nexport { Label };\n"],"names":["forwardRef","classNames","Label","props","ref","elementType","Element","children","otherProps","classes","className","displayName"],"mappings":";AAAA,SAASA,UAAU,QAAuC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAqB3C,MAAMC,sBAA6DF,WACjE,CAACG,OAAmBC;IAClB,MAAM,EAAEC,aAAaC,UAAU,OAAO,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IAEpE,MAAMM,UAAUR,WAAW,UAAU,gBAAgBE,MAAMO,SAAS;IACpEF,WAAWE,SAAS,GAAGD;IAEvB,qBACE,KAACH;QAAQF,KAAKA;QAAM,GAAGI,UAAU;QAAEE,WAAWD;kBAC3CF;;AAGP;AAGFL,MAAMS,WAAW,GAAG;AACpB,SAAST,KAAK,GAAG"}

package/dist/esm/src/components/Label/index.js

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

package/dist/esm/src/components/Label/index.js.map

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

package/dist/esm/src/components/Link/Link.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Link = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isDisabled = false, elementType: Component = "a", style, className, ...otherProps } = props;
-    const disabledStyles = {
-        pointerEvents: "none"
-    };
-    const styles = {
-        ...style,
-        ...isDisabled && disabledStyles
-    };
-    const classes = classNames("mobius", "mobius/Link", className, {
-        "--is-disabled": isDisabled
-    });
-    return /*#__PURE__*/ _jsx(Component, {
-        ref: ref,
-        style: styles,
-        className: classes,
-        "aria-disabled": isDisabled,
-        ...otherProps,
-        children: props.children
-    });
-});
-Link.displayName = "Link";
-export { Link };
-
-//# sourceMappingURL=Link.js.map

package/dist/esm/src/components/Link/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  HTMLAttributeAnchorTarget,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type LinkElementType = HTMLAnchorElement;\n\nexport interface LinkProps {\n  id?: string;\n  children?: React.ReactNode;\n  /** Path to link resource or page */\n  href?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n  referrerPolicy?: ReferrerPolicy;\n  download?: boolean | string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  to?: unknown;\n  elementType?: React.ElementType;\n}\n\nexport type LinkRef = Ref<LinkElementType>;\n\nconst Link: ForwardedRefComponent<LinkProps, LinkElementType> = forwardRef(\n  (props: LinkProps, ref: LinkRef) => {\n    const {\n      isDisabled = false,\n      elementType: Component = \"a\",\n      style,\n      className,\n      ...otherProps\n    } = props;\n\n    const disabledStyles: CSSProperties = {\n      pointerEvents: \"none\",\n    };\n\n    const styles = { ...style, ...(isDisabled && disabledStyles) };\n    const classes = classNames(\"mobius\", \"mobius/Link\", className, {\n      \"--is-disabled\": isDisabled,\n    });\n\n    return (\n      <Component\n        ref={ref}\n        style={styles}\n        className={classes}\n        aria-disabled={isDisabled}\n        {...otherProps}\n      >\n        {props.children}\n      </Component>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\nexport { Link };\n"],"names":["React","forwardRef","classNames","Link","props","ref","isDisabled","elementType","Component","style","className","otherProps","disabledStyles","pointerEvents","styles","classes","aria-disabled","children","displayName"],"mappings":";AAAA,OAAOA,SACLC,UAAU,QAIL,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AA0B3C,MAAMC,qBAA0DF,WAC9D,CAACG,OAAkBC;IACjB,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAaC,YAAY,GAAG,EAC5BC,KAAK,EACLC,SAAS,EACT,GAAGC,YACJ,GAAGP;IAEJ,MAAMQ,iBAAgC;QACpCC,eAAe;IACjB;IAEA,MAAMC,SAAS;QAAE,GAAGL,KAAK;QAAE,GAAIH,cAAcM,cAAc;IAAE;IAC7D,MAAMG,UAAUb,WAAW,UAAU,eAAeQ,WAAW;QAC7D,iBAAiBJ;IACnB;IAEA,qBACE,KAACE;QACCH,KAAKA;QACLI,OAAOK;QACPJ,WAAWK;QACXC,iBAAeV;QACd,GAAGK,UAAU;kBAEbP,MAAMa,QAAQ;;AAGrB;AAGFd,KAAKe,WAAW,GAAG;AACnB,SAASf,IAAI,GAAG"}

package/dist/esm/src/components/Link/index.js

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

package/dist/esm/src/components/Link/index.js.map

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

package/dist/esm/src/components/LinkButton/LinkButton.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { Button } from "../Button";
-export function LinkButton({ href, children, className, elementType = "a", ...rest }) {
-    if (!href) {
-        throw new Error("LinkButton requires a href prop");
-    }
-    const classes = classNames("mobius", "mobius/LinkButton", className);
-    return(// @ts-expect-error Button only allows elementType of string, not React component
-    /*#__PURE__*/ _jsx(Button, {
-        elementType: elementType,
-        href: href,
-        className: classes,
-        ...rest,
-        children: children
-    }));
-}
-
-//# sourceMappingURL=LinkButton.js.map

package/dist/esm/src/components/LinkButton/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { HTMLAttributeAnchorTarget, MouseEvent } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport interface LinkButtonProps extends Omit<ButtonProps, \"elementType\"> {\n  href: string;\n  title?: string;\n  style?: React.CSSProperties;\n  referrerPolicy?: ReferrerPolicy;\n  download?: boolean | string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n  onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n  to?: unknown;\n  elementType?: React.ElementType;\n}\n\nexport function LinkButton({\n  href,\n  children,\n  className,\n  elementType = \"a\",\n  ...rest\n}: LinkButtonProps) {\n  if (!href) {\n    throw new Error(\"LinkButton requires a href prop\");\n  }\n\n  const classes = classNames(\"mobius\", \"mobius/LinkButton\", className);\n\n  return (\n    // @ts-expect-error Button only allows elementType of string, not React component\n    <Button elementType={elementType} href={href} className={classes} {...rest}>\n      {children}\n    </Button>\n  );\n}\n"],"names":["classNames","Button","LinkButton","href","children","className","elementType","rest","Error","classes"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,MAAM,QAAqB,YAAY;AAehD,OAAO,SAASC,WAAW,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,cAAc,GAAG,EACjB,GAAGC,MACa;IAChB,IAAI,CAACJ,MAAM;QACT,MAAM,IAAIK,MAAM;IAClB;IAEA,MAAMC,UAAUT,WAAW,UAAU,qBAAqBK;IAE1D,OACE,iFAAiF;kBACjF,KAACJ;QAAOK,aAAaA;QAAaH,MAAMA;QAAME,WAAWI;QAAU,GAAGF,IAAI;kBACvEH;;AAGP"}

package/dist/esm/src/components/LinkButton/index.js

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

package/dist/esm/src/components/LinkButton/index.js.map

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

package/dist/esm/src/components/List/List.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, forwardRef, isValidElement } from "react";
-import classNames from "classnames/dedupe";
-const List = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const Component = props.isOrdered ? "ol" : "ul";
-    const { children, icon, ...otherProps } = props;
-    // Remove props that should not exist on ol or ul element
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;
-    const mappedProps = {
-        ...restProps,
-        reversed: isReversed
-    };
-    const classes = classNames("mobius", "mobius/List", {
-        "--has-icon": icon,
-        [`--is-${liststyletype}`]: liststyletype
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx(Component, {
-        ref: ref,
-        ...mappedProps,
-        className: classes,
-        children: Children.map(children, (child)=>{
-            if (/*#__PURE__*/ isValidElement(child)) {
-                return /*#__PURE__*/ cloneElement(child, {
-                    parentIcon: icon
-                });
-            }
-            return child;
-        })
-    });
-});
-List.displayName = "List";
-export { List };
-
-//# sourceMappingURL=List.js.map

package/dist/esm/src/components/List/List.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import {\n  Ref,\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactNode,\n  RefAttributes,\n  isValidElement,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ListElementType = HTMLOListElement | HTMLUListElement;\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps, RefAttributes<ListElementType> {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport type ListRef = Ref<ListElementType>;\n\nconst List: ForwardedRefComponent<ListProps, ListElementType> = forwardRef(\n  (props: ListProps, ref: ListRef) => {\n    const Component = props.isOrdered ? \"ol\" : \"ul\";\n    const { children, icon, ...otherProps } = props;\n\n    // Remove props that should not exist on ol or ul element\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n    const mappedProps = {\n      ...restProps,\n      reversed: isReversed,\n    };\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/List\",\n      {\n        \"--has-icon\": icon,\n        [`--is-${liststyletype}`]: liststyletype,\n      },\n      otherProps.className,\n    );\n\n    return (\n      <Component ref={ref as any} {...mappedProps} className={classes}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              parentIcon: icon,\n            } as any);\n          }\n\n          return child;\n        })}\n      </Component>\n    );\n  },\n);\n\nList.displayName = \"List\";\nexport { List };\n"],"names":["Children","cloneElement","forwardRef","isValidElement","classNames","List","props","ref","Component","isOrdered","children","icon","otherProps","liststyletype","isReversed","restProps","mappedProps","reversed","classes","className","map","child","parentIcon","displayName"],"mappings":";AAAA,SAEEA,QAAQ,EACRC,YAAY,EACZC,UAAU,EAGVC,cAAc,QACT,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AA0B3C,MAAMC,qBAA0DH,WAC9D,CAACI,OAAkBC;IACjB,MAAMC,YAAYF,MAAMG,SAAS,GAAG,OAAO;IAC3C,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,YAAY,GAAGN;IAE1C,yDAAyD;IACzD,6DAA6D;IAC7D,MAAM,EAAEG,SAAS,EAAEI,aAAa,EAAEC,UAAU,EAAE,GAAGC,WAAW,GAAGH;IAE/D,MAAMI,cAAc;QAClB,GAAGD,SAAS;QACZE,UAAUH;IACZ;IAEA,MAAMI,UAAUd,WACd,UACA,eACA;QACE,cAAcO;QACd,CAAC,CAAC,KAAK,EAAEE,cAAc,CAAC,CAAC,EAAEA;IAC7B,GACAD,WAAWO,SAAS;IAGtB,qBACE,KAACX;QAAUD,KAAKA;QAAa,GAAGS,WAAW;QAAEG,WAAWD;kBACrDlB,SAASoB,GAAG,CAACV,UAAUW,CAAAA;YACtB,kBAAIlB,eAAekB,QAAQ;gBACzB,qBAAOpB,aAAaoB,OAAO;oBACzBC,YAAYX;gBACd;YACF;YAEA,OAAOU;QACT;;AAGN;AAGFhB,KAAKkB,WAAW,GAAG;AACnB,SAASlB,IAAI,GAAG"}

package/dist/esm/src/components/List/ListItem.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const ListItem = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { parentIcon, icon, children, ...otherProps } = props;
-    const iconContent = icon || parentIcon;
-    const classes = classNames("mobius", "mobius/ListItem", {
-        "--has-icon": iconContent
-    }, props.className);
-    const contentClasses = classNames("mobius", "mobius/ListItemContent");
-    const iconClasses = classNames("mobius", "mobius/ListIcon");
-    if (iconContent) {
-        return /*#__PURE__*/ _jsx("li", {
-            ref: ref,
-            ...otherProps,
-            className: classes,
-            children: /*#__PURE__*/ _jsxs("span", {
-                className: contentClasses,
-                children: [
-                    /*#__PURE__*/ _jsx("span", {
-                        className: iconClasses,
-                        children: iconContent
-                    }),
-                    children
-                ]
-            })
-        });
-    }
-    return /*#__PURE__*/ _jsx("li", {
-        ref: ref,
-        ...otherProps,
-        className: classes,
-        children: children
-    });
-});
-ListItem.displayName = "ListItem";
-export { ListItem };
-
-//# sourceMappingURL=ListItem.js.map

package/dist/esm/src/components/List/ListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import { Ref, forwardRef, ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ListItemElementType = HTMLLIElement;\nexport interface ListItemProps\n  extends DOMProps,\n    RefAttributes<ListItemElementType> {\n  children?: ReactNode;\n  value?: number;\n  className?: string;\n  parentIcon?: ReactNode;\n  icon?: ReactNode;\n}\n\nexport type ListItemRef = Ref<ListItemElementType>;\n\nconst ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType> =\n  forwardRef((props: ListItemProps, ref: ListItemRef) => {\n    const { parentIcon, icon, children, ...otherProps } = props;\n    const iconContent = icon || parentIcon;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/ListItem\",\n      {\n        \"--has-icon\": iconContent,\n      },\n      props.className,\n    );\n    const contentClasses = classNames(\"mobius\", \"mobius/ListItemContent\");\n    const iconClasses = classNames(\"mobius\", \"mobius/ListIcon\");\n\n    if (iconContent) {\n      return (\n        <li ref={ref} {...otherProps} className={classes}>\n          <span className={contentClasses}>\n            <span className={iconClasses}>{iconContent}</span>\n            {children}\n          </span>\n        </li>\n      );\n    }\n\n    return (\n      <li ref={ref} {...otherProps} className={classes}>\n        {children}\n      </li>\n    );\n  });\n\nListItem.displayName = \"ListItem\";\nexport { ListItem };\n"],"names":["forwardRef","classNames","ListItem","props","ref","parentIcon","icon","children","otherProps","iconContent","classes","className","contentClasses","iconClasses","li","span","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAiB3C,MAAMC,yBACJF,WAAW,CAACG,OAAsBC;IAChC,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACtD,MAAMM,cAAcH,QAAQD;IAC5B,MAAMK,UAAUT,WACd,UACA,mBACA;QACE,cAAcQ;IAChB,GACAN,MAAMQ,SAAS;IAEjB,MAAMC,iBAAiBX,WAAW,UAAU;IAC5C,MAAMY,cAAcZ,WAAW,UAAU;IAEzC,IAAIQ,aAAa;QACf,qBACE,KAACK;YAAGV,KAAKA;YAAM,GAAGI,UAAU;YAAEG,WAAWD;sBACvC,cAAA,MAACK;gBAAKJ,WAAWC;;kCACf,KAACG;wBAAKJ,WAAWE;kCAAcJ;;oBAC9BF;;;;IAIT;IAEA,qBACE,KAACO;QAAGV,KAAKA;QAAM,GAAGI,UAAU;QAAEG,WAAWD;kBACtCH;;AAGP;AAEFL,SAASc,WAAW,GAAG;AACvB,SAASd,QAAQ,GAAG"}

package/dist/esm/src/components/List/index.js

@@ -1,4 +0,0 @@
-export * from "./List";
-export * from "./ListItem";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/src/components/List/index.js.map

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