@simplybusiness/mobius 4.4.4 → 4.4.6

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

@@ -0,0 +1,51 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,51 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

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