@simplybusiness/mobius 5.25.2 → 5.26.0

package/dist/esm/components/Slider/Slider.js

@@ -1,100 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { useRef, useState } from "react";
-import { useLabel } from "../../hooks";
-import { Label } from "../Label";
-import { numberFormatter } from "./helpers";
-export const Slider = (props)=>{
-    const { id, className, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minValue, maxValue, step = 1, defaultValue = 0, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false } = props;
-    const trackRef = useRef(null);
-    const [currentValue, setCurrentValue] = useState(value || defaultValue || 0);
-    const [isDragging, setIsDraggging] = useState(false);
-    const { labelProps, fieldProps } = useLabel({
-        id,
-        label,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy
-    });
-    const formattedValue = numberFormatter(currentValue, formatOptions);
-    const classes = classNames("mobius", "mobius-slider", className, {
-        "--is-disabled": isDisabled,
-        "--is-primary": variant === "primary",
-        "--is-secondary": variant === "secondary",
-        "--is-dragging": isDragging
-    });
-    const handleChange = (e)=>{
-        const val = +e.target.value;
-        setCurrentValue(val);
-        if (onChange) {
-            onChange(val);
-        }
-    };
-    const handleChangeStart = ()=>{
-        setIsDraggging(true);
-    };
-    const handleChangeEnd = ()=>{
-        setIsDraggging(false);
-        if (onChangeEnd) {
-            onChangeEnd(currentValue);
-        }
-    };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: classes,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: "mobius-slider__label-wrapper",
-                children: [
-                    label && /*#__PURE__*/ _jsx(Label, {
-                        ...labelProps,
-                        children: label
-                    }),
-                    label && /*#__PURE__*/ _jsx("output", {
-                        style: {
-                            flex: "1 0 auto",
-                            textAlign: "end"
-                        },
-                        children: formattedValue
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                ref: trackRef,
-                className: "mobius-slider__track-wrapper",
-                children: /*#__PURE__*/ _jsx("input", {
-                    className: "mobius-slider__track",
-                    type: "range",
-                    min: minValue,
-                    max: maxValue,
-                    value: currentValue,
-                    step: step,
-                    onChange: handleChange,
-                    autoComplete: "off",
-                    disabled: isDisabled,
-                    onMouseDown: handleChangeStart,
-                    onMouseUp: handleChangeEnd,
-                    onKeyDown: handleChangeStart,
-                    onKeyUp: handleChangeEnd,
-                    ...fieldProps
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "mobius-slider__labels",
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: "mobius-slider__min-label",
-                        "data-testid": "min-label",
-                        children: minLabel
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        className: "mobius-slider__max-label",
-                        "data-testid": "max-label",
-                        children: maxLabel
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=Slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { UseLabelProps } from \"../../hooks\";\nimport { useLabel } from \"../../hooks\";\nimport { Label } from \"../Label\";\nimport { numberFormatter } from \"./helpers\";\n\nexport interface SliderProps extends DOMProps, UseLabelProps {\n  label?: string;\n  variant?: \"primary\" | \"secondary\";\n  className?: string;\n  minValue?: number;\n  maxValue?: number;\n  defaultValue?: number;\n  value?: number;\n  step?: number;\n  isDisabled?: boolean;\n  onChange?: (value: number | undefined) => void;\n  onChangeEnd?: (value: number | undefined) => void;\n  minLabel?: string;\n  maxLabel?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const Slider = (props: SliderProps) => {\n  const {\n    id,\n    className,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    minValue,\n    maxValue,\n    step = 1,\n    defaultValue = 0,\n    value,\n    onChange,\n    onChangeEnd,\n    variant = \"primary\",\n    minLabel,\n    maxLabel,\n    formatOptions,\n    isDisabled = false,\n  } = props;\n  const trackRef = useRef(null);\n  const [currentValue, setCurrentValue] = useState<number>(\n    value || defaultValue || 0,\n  );\n  const [isDragging, setIsDraggging] = useState<boolean>(false);\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n  const formattedValue = numberFormatter(currentValue, formatOptions);\n\n  const classes = classNames(\"mobius\", \"mobius-slider\", className, {\n    \"--is-disabled\": isDisabled,\n    \"--is-primary\": variant === \"primary\",\n    \"--is-secondary\": variant === \"secondary\",\n    \"--is-dragging\": isDragging,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const val = +e.target.value;\n    setCurrentValue(val);\n    if (onChange) {\n      onChange(val);\n    }\n  };\n\n  const handleChangeStart = () => {\n    setIsDraggging(true);\n  };\n\n  const handleChangeEnd = () => {\n    setIsDraggging(false);\n    if (onChangeEnd) {\n      onChangeEnd(currentValue);\n    }\n  };\n\n  return (\n    <div className={classes}>\n      <div className=\"mobius-slider__label-wrapper\">\n        {label && <Label {...labelProps}>{label}</Label>}\n        {label && (\n          <output style={{ flex: \"1 0 auto\", textAlign: \"end\" }}>\n            {formattedValue}\n          </output>\n        )}\n      </div>\n\n      {/* The track element holds the visible track line and the thumb. */}\n      <div ref={trackRef} className=\"mobius-slider__track-wrapper\">\n        <input\n          className=\"mobius-slider__track\"\n          type=\"range\"\n          min={minValue}\n          max={maxValue}\n          value={currentValue}\n          step={step}\n          onChange={handleChange}\n          autoComplete=\"off\"\n          disabled={isDisabled}\n          onMouseDown={handleChangeStart}\n          onMouseUp={handleChangeEnd}\n          onKeyDown={handleChangeStart}\n          onKeyUp={handleChangeEnd}\n          {...fieldProps}\n        />\n      </div>\n\n      <div className=\"mobius-slider__labels\">\n        <div className=\"mobius-slider__min-label\" data-testid=\"min-label\">\n          {minLabel}\n        </div>\n        <div className=\"mobius-slider__max-label\" data-testid=\"max-label\">\n          {maxLabel}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["classNames","useRef","useState","useLabel","Label","numberFormatter","Slider","props","id","className","label","ariaLabel","ariaLabelledBy","minValue","maxValue","step","defaultValue","value","onChange","onChangeEnd","variant","minLabel","maxLabel","formatOptions","isDisabled","trackRef","currentValue","setCurrentValue","isDragging","setIsDraggging","labelProps","fieldProps","formattedValue","classes","handleChange","e","val","target","handleChangeStart","handleChangeEnd","div","output","style","flex","textAlign","ref","input","type","min","max","autoComplete","disabled","onMouseDown","onMouseUp","onKeyDown","onKeyUp","data-testid"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAGzC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,eAAe,QAAQ,YAAY;AAmB5C,OAAO,MAAMC,SAAS,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,QAAQ,EACRC,QAAQ,EACRC,OAAO,CAAC,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,aAAa,KAAK,EACnB,GAAGjB;IACJ,MAAMkB,WAAWxB,OAAO;IACxB,MAAM,CAACyB,cAAcC,gBAAgB,GAAGzB,SACtCe,SAASD,gBAAgB;IAE3B,MAAM,CAACY,YAAYC,eAAe,GAAG3B,SAAkB;IACvD,MAAM,EAAE4B,UAAU,EAAEC,UAAU,EAAE,GAAG5B,SAAS;QAC1CK;QACAE;QACA,cAAcC;QACd,mBAAmBC;IACrB;IACA,MAAMoB,iBAAiB3B,gBAAgBqB,cAAcH;IAErD,MAAMU,UAAUjC,WAAW,UAAU,iBAAiBS,WAAW;QAC/D,iBAAiBe;QACjB,gBAAgBJ,YAAY;QAC5B,kBAAkBA,YAAY;QAC9B,iBAAiBQ;IACnB;IAEA,MAAMM,eAAe,CAACC;QACpB,MAAMC,MAAM,CAACD,EAAEE,MAAM,CAACpB,KAAK;QAC3BU,gBAAgBS;QAChB,IAAIlB,UAAU;YACZA,SAASkB;QACX;IACF;IAEA,MAAME,oBAAoB;QACxBT,eAAe;IACjB;IAEA,MAAMU,kBAAkB;QACtBV,eAAe;QACf,IAAIV,aAAa;YACfA,YAAYO;QACd;IACF;IAEA,qBACE,MAACc;QAAI/B,WAAWwB;;0BACd,MAACO;gBAAI/B,WAAU;;oBACZC,uBAAS,KAACN;wBAAO,GAAG0B,UAAU;kCAAGpB;;oBACjCA,uBACC,KAAC+B;wBAAOC,OAAO;4BAAEC,MAAM;4BAAYC,WAAW;wBAAM;kCACjDZ;;;;0BAMP,KAACQ;gBAAIK,KAAKpB;gBAAUhB,WAAU;0BAC5B,cAAA,KAACqC;oBACCrC,WAAU;oBACVsC,MAAK;oBACLC,KAAKnC;oBACLoC,KAAKnC;oBACLG,OAAOS;oBACPX,MAAMA;oBACNG,UAAUgB;oBACVgB,cAAa;oBACbC,UAAU3B;oBACV4B,aAAad;oBACbe,WAAWd;oBACXe,WAAWhB;oBACXiB,SAAShB;oBACR,GAAGR,UAAU;;;0BAIlB,MAACS;gBAAI/B,WAAU;;kCACb,KAAC+B;wBAAI/B,WAAU;wBAA2B+C,eAAY;kCACnDnC;;kCAEH,KAACmB;wBAAI/B,WAAU;wBAA2B+C,eAAY;kCACnDlC;;;;;;AAKX,EAAE"}

package/dist/esm/components/Slider/helpers.js

@@ -1,35 +0,0 @@
-import { useCallback, useMemo } from "react";
-export function unwrapFirstValue(value) {
-    if (Array.isArray(value)) {
-        return value[0];
-    }
-    return value;
-}
-export function wrapValue(value) {
-    return value === undefined ? undefined : [
-        value
-    ];
-}
-export function useUnwrappedHandler(handler) {
-    return useCallback((value)=>{
-        handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
-    }, [
-        handler
-    ]);
-}
-export function useWrappedValue(value) {
-    return useMemo(()=>wrapValue(value), [
-        value
-    ]);
-}
-export function numberFormatter(value, formatOptions, locale = (()=>{
-    var _navigator_languages;
-    return ((_navigator_languages = navigator.languages) === null || _navigator_languages === void 0 ? void 0 : _navigator_languages[0]) || "en-GB";
-})()) {
-    if (!formatOptions) {
-        return (value === null || value === void 0 ? void 0 : value.toString()) || "";
-    }
-    return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));
-}
-
-//# sourceMappingURL=helpers.js.map

package/dist/esm/components/Slider/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Slider/helpers.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nexport function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined {\n  if (Array.isArray(value)) {\n    return value[0];\n  }\n  return value;\n}\n\nexport function wrapValue<T>(value: T | undefined): T[] | undefined {\n  return value === undefined ? undefined : [value];\n}\n\nexport function useUnwrappedHandler<T>(\n  handler: ((value: T | undefined) => void) | undefined,\n) {\n  return useCallback(\n    (value: T | T[]) => {\n      handler?.(unwrapFirstValue(value));\n    },\n    [handler],\n  );\n}\n\nexport function useWrappedValue<T>(value: T | undefined): T[] | undefined {\n  return useMemo(() => wrapValue(value), [value]);\n}\n\nexport function numberFormatter(\n  value: number | string | undefined,\n  formatOptions?: Intl.NumberFormatOptions,\n  locale = navigator.languages?.[0] || \"en-GB\",\n): string {\n  if (!formatOptions) {\n    return value?.toString() || \"\";\n  }\n\n  return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));\n}\n"],"names":["useCallback","useMemo","unwrapFirstValue","value","Array","isArray","wrapValue","undefined","useUnwrappedHandler","handler","useWrappedValue","numberFormatter","formatOptions","locale","navigator","languages","toString","Intl","NumberFormat","format"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAE7C,OAAO,SAASC,iBAAoBC,KAA0B;IAC5D,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,KAAK,CAAC,EAAE;IACjB;IACA,OAAOA;AACT;AAEA,OAAO,SAASG,UAAaH,KAAoB;IAC/C,OAAOA,UAAUI,YAAYA,YAAY;QAACJ;KAAM;AAClD;AAEA,OAAO,SAASK,oBACdC,OAAqD;IAErD,OAAOT,YACL,CAACG;QACCM,oBAAAA,8BAAAA,QAAUP,iBAAiBC;IAC7B,GACA;QAACM;KAAQ;AAEb;AAEA,OAAO,SAASC,gBAAmBP,KAAoB;IACrD,OAAOF,QAAQ,IAAMK,UAAUH,QAAQ;QAACA;KAAM;AAChD;AAEA,OAAO,SAASQ,gBACdR,KAAkC,EAClCS,aAAwC,EACxCC;QAASC;WAAAA,EAAAA,uBAAAA,UAAUC,SAAS,cAAnBD,2CAAAA,oBAAqB,CAAC,EAAE,KAAI;IAAO;IAE5C,IAAI,CAACF,eAAe;QAClB,OAAOT,CAAAA,kBAAAA,4BAAAA,MAAOa,QAAQ,OAAM;IAC9B;IAEA,OAAO,IAAIC,KAAKC,YAAY,CAACL,QAAQD,eAAeO,MAAM,CAAC,CAAEhB,CAAAA,SAAS,CAAA;AACxE"}

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

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

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

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

package/dist/esm/components/Stack/Stack.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-export const Stack = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "div", gap, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius-stack", {
-        [`--gap-${gap}`]: gap
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Stack.displayName = "Stack";
-
-//# sourceMappingURL=Stack.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { SpacingType } from \"../../types\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack: ForwardedRefComponent<StackProps, StackElementType> =\n  forwardRef((props: StackProps, ref: StackRef) => {\n    const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-stack\",\n      {\n        [`--gap-${gap}`]: gap,\n      },\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n\nStack.displayName = \"Stack\";\n"],"names":["forwardRef","classNames","Stack","props","ref","elementType","Element","gap","otherProps","classes","className","displayName"],"mappings":";AAEA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAkB3C,OAAO,MAAMC,sBACXF,WAAW,CAACG,OAAmBC;IAC7B,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,GAAG,EAAE,GAAGC,YAAY,GAAGL;IAE7D,MAAMM,UAAUR,WACd,UACA,gBACA;QACE,CAAC,CAAC,MAAM,EAAEM,KAAK,CAAC,EAAEA;IACpB,GACAC,WAAWE,SAAS;IAGtB,qBAAO,KAACJ;QAAQF,KAAKA;QAAM,GAAGI,UAAU;QAAEE,WAAWD;;AACvD,GAAG;AAELP,MAAMS,WAAW,GAAG"}

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

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

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

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

package/dist/esm/components/Switch/Switch.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from "react";
-import classNames from "classnames/dedupe";
-import { VisuallyHidden } from "../VisuallyHidden";
-const Switch = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { checked = false, className, onChange, ...otherProps } = props;
-    const [enabled, setEnabled] = useState(checked);
-    useEffect(()=>{
-        setEnabled(checked);
-    }, [
-        checked
-    ]);
-    const classes = classNames("mobius", "mobius-switch", {
-        "mobius-switch--checked": enabled
-    }, className);
-    const handleChange = (event)=>{
-        setEnabled(!enabled);
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    return /*#__PURE__*/ _jsxs("label", {
-        ref: ref,
-        className: classes,
-        children: [
-            /*#__PURE__*/ _jsx(VisuallyHidden, {
-                children: /*#__PURE__*/ _jsx("span", {
-                    children: enabled ? "On" : "Off"
-                })
-            }),
-            /*#__PURE__*/ _jsx("input", {
-                type: "checkbox",
-                role: "switch",
-                checked: enabled,
-                onChange: handleChange,
-                ...otherProps
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: "mobius-switch__slider"
-            })
-        ]
-    });
-});
-Switch.displayName = "Switch";
-export { Switch };
-
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ChangeEvent,\n  type Ref,\n  type RefAttributes,\n  forwardRef,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\nexport type SwitchElementType = HTMLLabelElement;\n\nexport interface SwitchProps\n  extends DOMProps,\n    RefAttributes<SwitchElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  checked?: boolean;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport type SwitchRef = Ref<SwitchElementType>;\n\nconst Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const { checked = false, className, onChange, ...otherProps } = props;\n  const [enabled, setEnabled] = useState<boolean>(checked);\n\n  useEffect(() => {\n    setEnabled(checked);\n  }, [checked]);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-switch\",\n    {\n      \"mobius-switch--checked\": enabled,\n    },\n    className,\n  );\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setEnabled(!enabled);\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  return (\n    <label ref={ref} className={classes}>\n      <VisuallyHidden>\n        <span>{enabled ? \"On\" : \"Off\"}</span>\n      </VisuallyHidden>\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        checked={enabled}\n        onChange={handleChange}\n        {...otherProps}\n      />\n      <span className=\"mobius-switch__slider\"></span>\n    </label>\n  );\n});\n\nSwitch.displayName = \"Switch\";\nexport { Switch };\n"],"names":["forwardRef","useState","useEffect","classNames","VisuallyHidden","Switch","props","ref","checked","className","onChange","otherProps","enabled","setEnabled","classes","handleChange","event","label","span","input","type","role","displayName"],"mappings":"AAAA;;AAEA,SAIEA,UAAU,EACVC,QAAQ,EACRC,SAAS,QACJ,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAE3C,SAASC,cAAc,QAAQ,oBAAoB;AAenD,MAAMC,uBAASL,WAA0C,CAACM,OAAOC;IAC/D,MAAM,EAAEC,UAAU,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IAChE,MAAM,CAACM,SAASC,WAAW,GAAGZ,SAAkBO;IAEhDN,UAAU;QACRW,WAAWL;IACb,GAAG;QAACA;KAAQ;IAEZ,MAAMM,UAAUX,WACd,UACA,iBACA;QACE,0BAA0BS;IAC5B,GACAH;IAGF,MAAMM,eAAe,CAACC;QACpBH,WAAW,CAACD;QACZ,IAAIF,UAAU;YACZA,SAASM;QACX;IACF;IAEA,qBACE,MAACC;QAAMV,KAAKA;QAAKE,WAAWK;;0BAC1B,KAACV;0BACC,cAAA,KAACc;8BAAMN,UAAU,OAAO;;;0BAE1B,KAACO;gBACCC,MAAK;gBACLC,MAAK;gBACLb,SAASI;gBACTF,UAAUK;gBACT,GAAGJ,UAAU;;0BAEhB,KAACO;gBAAKT,WAAU;;;;AAGtB;AAEAJ,OAAOiB,WAAW,GAAG;AACrB,SAASjB,MAAM,GAAG"}

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

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

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

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

package/dist/esm/components/Table/Body.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Body = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__body", props.className);
-    return /*#__PURE__*/ _jsx("tbody", {
-        ref: ref,
-        ...props,
-        className: classes
-    });
-});
-Body.displayName = "Table.Body";
-export { Body };
-
-//# sourceMappingURL=Body.js.map

package/dist/esm/components/Table/Body.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Body.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement> =\n  forwardRef((props: BodyProps, ref: BodyRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table__body\", props.className);\n\n    return <tbody ref={ref} {...props} className={classes} />;\n  });\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n"],"names":["forwardRef","classNames","Body","props","ref","classes","className","tbody","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,qBACJF,WAAW,CAACG,OAAkBC;IAC5B,MAAMC,UAAUJ,WAAW,UAAU,sBAAsBE,MAAMG,SAAS;IAE1E,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAEFH,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}

package/dist/esm/components/Table/Cell.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Cell = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__body-cell", props.className);
-    return /*#__PURE__*/ _jsx("td", {
-        ref: ref,
-        ...props,
-        className: classes
-    });
-});
-Cell.displayName = "Table.Cell";
-export { Cell };
-
-//# sourceMappingURL=Cell.js.map

package/dist/esm/components/Table/Cell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Cell.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface CellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type CellRef = Ref<HTMLTableCellElement>;\n\nconst Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement> = forwardRef(\n  (props: CellProps, ref: CellRef) => {\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-table__body-cell\",\n      props.className,\n    );\n\n    return <td ref={ref} {...props} className={classes} />;\n  },\n);\n\nCell.displayName = \"Table.Cell\";\nexport { Cell };\n"],"names":["forwardRef","classNames","Cell","props","ref","classes","className","td","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAY3C,MAAMC,qBAA+DF,WACnE,CAACG,OAAkBC;IACjB,MAAMC,UAAUJ,WACd,UACA,2BACAE,MAAMG,SAAS;IAGjB,qBAAO,KAACC;QAAGH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAC7C;AAGFH,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}

package/dist/esm/components/Table/Foot.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Foot = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__foot", props.className);
-    return /*#__PURE__*/ _jsx("tfoot", {
-        ref: ref,
-        ...props,
-        className: classes
-    });
-});
-Foot.displayName = "Table.Foot";
-export { Foot };
-
-//# sourceMappingURL=Foot.js.map

package/dist/esm/components/Table/Foot.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Foot.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement> =\n  forwardRef((props: FootProps, ref: FootRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table__foot\", props.className);\n\n    return <tfoot ref={ref} {...props} className={classes} />;\n  });\n\nFoot.displayName = \"Table.Foot\";\nexport { Foot };\n"],"names":["forwardRef","classNames","Foot","props","ref","classes","className","tfoot","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,qBACJF,WAAW,CAACG,OAAkBC;IAC5B,MAAMC,UAAUJ,WAAW,UAAU,sBAAsBE,MAAMG,SAAS;IAE1E,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAEFH,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}

package/dist/esm/components/Table/Head.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Head = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__head", props.className);
-    return /*#__PURE__*/ _jsx("thead", {
-        ref: ref,
-        ...props,
-        className: classes
-    });
-});
-Head.displayName = "Table.Head";
-export { Head };
-
-//# sourceMappingURL=Head.js.map

package/dist/esm/components/Table/Head.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Head.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement> =\n  forwardRef((props: HeadProps, ref: HeadRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table__head\", props.className);\n\n    return <thead ref={ref} {...props} className={classes} />;\n  });\n\nHead.displayName = \"Table.Head\";\nexport { Head };\n"],"names":["forwardRef","classNames","Head","props","ref","classes","className","thead","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,qBACJF,WAAW,CAACG,OAAkBC;IAC5B,MAAMC,UAAUJ,WAAW,UAAU,sBAAsBE,MAAMG,SAAS;IAE1E,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAEFH,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}

package/dist/esm/components/Table/HeaderCell.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const HeaderCell = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__head-cell", props.className);
-    return /*#__PURE__*/ _jsx("th", {
-        ...props,
-        ref: ref,
-        className: classes
-    });
-});
-HeaderCell.displayName = "Table.HeaderCell";
-export { HeaderCell };
-
-//# sourceMappingURL=HeaderCell.js.map

package/dist/esm/components/Table/HeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/HeaderCell.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement> =\n  forwardRef((props: HeaderCellProps, ref: HeaderCellRef) => {\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-table__head-cell\",\n      props.className,\n    );\n\n    return <th {...props} ref={ref} className={classes} />;\n  });\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],"names":["forwardRef","classNames","HeaderCell","props","ref","classes","className","th","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAY3C,MAAMC,2BACJF,WAAW,CAACG,OAAwBC;IAClC,MAAMC,UAAUJ,WACd,UACA,2BACAE,MAAMG,SAAS;IAGjB,qBAAO,KAACC;QAAI,GAAGJ,KAAK;QAAEC,KAAKA;QAAKE,WAAWD;;AAC7C;AAEFH,WAAWM,WAAW,GAAG;AACzB,SAASN,UAAU,GAAG"}

package/dist/esm/components/Table/Row.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Row = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const classes = classNames("mobius", "mobius-table__row", props.className);
-    return /*#__PURE__*/ _jsx("tr", {
-        ref: ref,
-        ...props,
-        className: classes
-    });
-});
-Row.displayName = "Table.Row";
-export { Row };
-
-//# sourceMappingURL=Row.js.map

package/dist/esm/components/Table/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Row.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n  (props: RowProps, ref: RowRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table__row\", props.className);\n\n    return <tr ref={ref} {...props} className={classes} />;\n  },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["forwardRef","classNames","Row","props","ref","classes","className","tr","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,oBAA4DF,WAChE,CAACG,OAAiBC;IAChB,MAAMC,UAAUJ,WAAW,UAAU,qBAAqBE,MAAMG,SAAS;IAEzE,qBAAO,KAACC;QAAGH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAC7C;AAGFH,IAAIM,WAAW,GAAG;AAClB,SAASN,GAAG,GAAG"}

package/dist/esm/components/Table/Table.js

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n  (props: TableProps, ref: TableRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table\", props.className);\n\n    return <table ref={ref} {...props} className={classes} />;\n  },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["forwardRef","classNames","Table","props","ref","classes","className","table","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAa3C,MAAMC,sBAA6DF,WACjE,CAACG,OAAmBC;IAClB,MAAMC,UAAUJ,WAAW,UAAU,gBAAgBE,MAAMG,SAAS;IAEpE,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAGFH,MAAMM,WAAW,GAAG;AACpB,SAASN,KAAK,GAAG"}

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

@@ -1,19 +0,0 @@
-import { Table as TableComponent } from "./Table";
-import { Head } from "./Head";
-import { Body } from "./Body";
-import { Foot } from "./Foot";
-import { Row } from "./Row";
-import { HeaderCell } from "./HeaderCell";
-import { Cell } from "./Cell";
-const Table = Object.assign(TableComponent, {
-    Head,
-    Body,
-    Foot,
-    Row,
-    HeaderCell,
-    Cell
-});
-Table.displayName = "Table";
-export { Table };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":["import type { ForwardedRefComponent } from \"../../types/components\";\nimport { Table as TableComponent } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType, TableProps, TableRef } from \"./Table\";\nimport type {\n  HeadProps as TableHeadProps,\n  HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n  BodyProps as TableBodyProps,\n  BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n  FootProps as TableFootProps,\n  FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n  HeaderCellProps as TableHeaderCellProps,\n  HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n  CellProps as TableCellProps,\n  CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound\n  extends ForwardedRefComponent<TableProps, HTMLTableElement> {\n  Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;\n  Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;\n  Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;\n  Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;\n  HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;\n  Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n  Head,\n  Body,\n  Foot,\n  Row,\n  HeaderCell,\n  Cell,\n});\n\nexport type {\n  TableElementType,\n  TableProps,\n  TableRef,\n  TableHeadProps,\n  TableHeadRef,\n  TableBodyProps,\n  TableBodyRef,\n  TableFootProps,\n  TableFootRef,\n  TableRowProps,\n  TableRowRef,\n  TableHeaderCellProps,\n  TableHeaderCellRef,\n  TableCellProps,\n  TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","TableComponent","Head","Body","Foot","Row","HeaderCell","Cell","Object","assign","displayName"],"mappings":"AACA,SAASA,SAASC,cAAc,QAAQ,UAAU;AAClD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,GAAG,QAAQ,QAAQ;AAC5B,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,IAAI,QAAQ,SAAS;AAmC9B,MAAMP,QAAuBQ,OAAOC,MAAM,CAACR,gBAAgB;IACzDC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF;AAoBAP,MAAMU,WAAW,GAAG;AACpB,SAASV,KAAK,GAAG"}

package/dist/esm/components/Text/Text.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const getElementType = (variant, elementType)=>{
-    if (variant) {
-        return [
-            "h1",
-            "h2",
-            "h3",
-            "h4"
-        ].includes(variant) ? variant : "p";
-    }
-    return elementType || "p";
-};
-const Text = /*#__PURE__*/ forwardRef(({ elementType: Component = "p", ...props }, ref)=>{
-    // Remove non-DOM props from element
-    const { variant, className, spacing, ...otherProps } = props;
-    // If a variant is supplied, set the class name and element type
-    const elementType = getElementType(variant, Component);
-    const variantType = variant || elementType;
-    const classes = classNames("mobius", "mobius-text", {
-        [`--is-${variantType}`]: variantType
-    }, {
-        [`--has-line-height-${spacing}`]: spacing
-    }, className);
-    return /*#__PURE__*/ _jsx(Component, {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Text.displayName = "Text";
-export { Text };
-
-//# sourceMappingURL=Text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import type { ReactNode, Ref, RefAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n  ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n    // Remove non-DOM props from element\n    const { variant, className, spacing, ...otherProps } = props;\n\n    // If a variant is supplied, set the class name and element type\n    const elementType = getElementType(variant, Component);\n    const variantType = variant || elementType;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-text\",\n      { [`--is-${variantType}`]: variantType },\n      { [`--has-line-height-${spacing}`]: spacing },\n      className,\n    );\n\n    return <Component ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["forwardRef","classNames","getElementType","variant","elementType","includes","Text","Component","props","ref","className","spacing","otherProps","variantType","classes","displayName"],"mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AA6B3C,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAME,qBAA0DN,WAC9D,CAAC,EAAEI,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,UAAUb,WACd,UACA,eACA;QAAE,CAAC,CAAC,KAAK,EAAEY,aAAa,CAAC,EAAEA;IAAY,GACvC;QAAE,CAAC,CAAC,kBAAkB,EAAEF,SAAS,CAAC,EAAEA;IAAQ,GAC5CD;IAGF,qBAAO,KAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWI;;AACzD;AAGFR,KAAKS,WAAW,GAAG;AACnB,SAAST,IAAI,GAAG"}

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

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

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

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

package/dist/esm/components/TextArea/TextArea.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { forwardRef } from "react";
-import { useTextField, useValidationClasses } from "../../hooks";
-import { ErrorMessage } from "../ErrorMessage";
-import { Label } from "../Label";
-import { Stack } from "../Stack";
-import { TextAreaInput } from "../TextAreaInput";
-const TextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isDisabled, className, errorMessage, label, validationState, isInvalid, ...otherProps } = props;
-    const { inputProps, labelProps, errorMessageProps } = useTextField(props);
-    // Set class name for atom, including interaction state
-    const classes = classNames("mobius", "mobius-text-area", className);
-    const validationClasses = useValidationClasses({
-        validationState,
-        isInvalid
-    });
-    const inputClasses = classNames("mobius-text-area__input", validationClasses);
-    const labelClasses = classNames({
-        "--is-disabled": isDisabled
-    }, validationClasses);
-    return /*#__PURE__*/ _jsxs(Stack, {
-        className: classes,
-        gap: "xs",
-        children: [
-            label && /*#__PURE__*/ _jsx(Label, {
-                ...labelProps,
-                className: labelClasses,
-                children: props.label
-            }),
-            /*#__PURE__*/ _jsx(TextAreaInput, {
-                ...otherProps,
-                ...inputProps,
-                ref: ref,
-                className: inputClasses,
-                isDisabled: isDisabled,
-                "aria-invalid": errorMessage != null
-            }),
-            /*#__PURE__*/ _jsx(ErrorMessage, {
-                ...errorMessageProps,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-TextArea.displayName = "TextArea";
-export { TextArea };
-
-//# sourceMappingURL=TextArea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { Ref, RefAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { TextAreaInput } from \"../TextAreaInput\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      isInvalid,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius-text-area\", className);\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n    const inputClasses = classNames(\n      \"mobius-text-area__input\",\n      validationClasses,\n    );\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    return (\n      <Stack className={classes} gap=\"xs\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Stack>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["classNames","forwardRef","useTextField","useValidationClasses","ErrorMessage","Label","Stack","TextAreaInput","TextArea","props","ref","isDisabled","className","errorMessage","label","validationState","isInvalid","otherProps","inputProps","labelProps","errorMessageProps","classes","validationClasses","inputClasses","labelClasses","gap","aria-invalid","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,UAAU,QAAQ,QAAQ;AAEnC,SAASC,YAAY,EAAEC,oBAAoB,QAAQ,cAAc;AAGjE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,QAAQ,mBAAmB;AAcjD,MAAMC,yBACJP,WAAW,CAACQ,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,SAAS,EACT,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGlB,aAAaO;IAEnE,uDAAuD;IACvD,MAAMY,UAAUrB,WAAW,UAAU,oBAAoBY;IACzD,MAAMU,oBAAoBnB,qBAAqB;QAC7CY;QACAC;IACF;IACA,MAAMO,eAAevB,WACnB,2BACAsB;IAEF,MAAME,eAAexB,WACnB;QACE,iBAAiBW;IACnB,GACAW;IAGF,qBACE,MAAChB;QAAMM,WAAWS;QAASI,KAAI;;YAC5BX,uBACC,KAACT;gBAAO,GAAGc,UAAU;gBAAEP,WAAWY;0BAC/Bf,MAAMK,KAAK;;0BAGhB,KAACP;gBACE,GAAGU,UAAU;gBACb,GAAGC,UAAU;gBACdR,KAAKA;gBACLE,WAAWW;gBACXZ,YAAYA;gBACZe,gBAAcb,gBAAgB;;0BAEhC,KAACT;gBAAc,GAAGgB,iBAAiB;gBAAEP,cAAcA;;;;AAGzD;AAEFL,SAASmB,WAAW,GAAG;AACvB,SAASnB,QAAQ,GAAG"}

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

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

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

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

package/dist/esm/components/TextAreaInput/TextAreaInput.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { forwardRef } from "react";
-const TextAreaInput = /*#__PURE__*/ forwardRef((props, ref)=>{
-    // Extract interaction props:
-    const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius-text-area__input", {
-        "--is-disabled": isDisabled,
-        "--is-selected": isSelected,
-        "--is-required": isRequired
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx("textarea", {
-        ref: ref,
-        ...otherProps,
-        required: isRequired,
-        readOnly: isReadOnly,
-        className: classes
-    });
-});
-TextAreaInput.displayName = "TextAreaInput";
-export { TextAreaInput };
-
-//# sourceMappingURL=TextAreaInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport type { Ref, RefAttributes } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, isReadOnly, isRequired, ...otherProps } =\n    props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text-area__input\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n      \"--is-required\": isRequired,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <textarea\n      ref={ref}\n      {...otherProps}\n      required={isRequired}\n      readOnly={isReadOnly}\n      className={classes}\n    />\n  );\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["classNames","forwardRef","TextAreaInput","props","ref","isSelected","isDisabled","isReadOnly","isRequired","otherProps","classes","className","textarea","required","readOnly","displayName"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,UAAU,QAAQ,QAAQ;AAsBnC,MAAMC,8BAGFD,WAAW,CAACE,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GACrEN;IAEF,MAAMO,UAAUV,WACd,UACA,2BACA;QACE,iBAAiBM;QACjB,iBAAiBD;QACjB,iBAAiBG;IACnB,GACAC,WAAWE,SAAS;IAGtB,qBACE,KAACC;QACCR,KAAKA;QACJ,GAAGK,UAAU;QACdI,UAAUL;QACVM,UAAUP;QACVI,WAAWD;;AAGjB;AAEAR,cAAca,WAAW,GAAG;AAC5B,SAASb,aAAa,GAAG"}

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

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