@simplybusiness/mobius 4.2.7 → 4.2.8

package/dist/esm/components/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useState,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioGroupElementType = HTMLDivElement;\n\nexport interface RadioGroupProps\n  extends DOMProps,\n    RefAttributes<RadioGroupElementType> {\n  children: ReactNode;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  errorMessage?: string;\n  // Callback that fires when select changes\n  onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;\n  // Defines a string value that labels the current element.\n  \"aria-label\"?: string;\n  // Identifies the element (or elements) that labels the current element.\n  \"aria-labelledby\"?: string;\n  // Identifies the element that provides an error message for the object.\n  \"aria-errormessage\"?: string;\n  // Identifies the element (or elements) that describes the object.\n  \"aria-describedby\"?: string;\n  // Whether the input should display its \"valid\" or \"invalid\" visual styling.\n  validationState?: \"valid\" | \"invalid\";\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // The default value (uncontrolled).\n  defaultValue?: string;\n  // The content to display as the label.\n  label?: ReactNode;\n  /**\n   * The value of the radio button, used when submitting an HTML form.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).\n   */\n  value?: string;\n}\n\nexport type RadioGroupRef = Ref<RadioGroupElementType>;\n\nconst getDefaultVal = (children: ReactNode, defaultValue?: string) => {\n  if (Array.isArray(children) && defaultValue) {\n    const option = children?.find(item => item.props.value === defaultValue);\n\n    if (!option) return \"\";\n\n    return option.props.value;\n  }\n\n  return \"\";\n};\n\nconst RadioGroup: ForwardedRefComponent<\n  RadioGroupProps,\n  RadioGroupElementType\n> = forwardRef((props: RadioGroupProps, ref: RadioGroupRef) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    validationState,\n    orientation = \"vertical\",\n    className,\n    errorMessage,\n    children,\n    defaultValue,\n    isReadOnly,\n    onChange,\n    ...rest\n  } = props;\n  const defaultSelected = getDefaultVal(children, defaultValue);\n  const [selected, setSelected] = useState<string>(defaultSelected);\n  const radioClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    [`--is-${orientation}`]: true,\n    [className || \"\"]: true,\n  };\n  const radioGroupClasses = classNames(\n    \"mobius\",\n    \"mobius/RadioGroup\",\n    radioClasses,\n  );\n  const radioWrapperClasses = classNames(\"mobius/RadioWrapper\", {\n    [`--is-${orientation}`]: true,\n  });\n  const labelClasses = classNames(radioClasses);\n  const errorMessageId = useId();\n  const name = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  return (\n    <div\n      {...rest}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-disabled={isDisabled}\n      aria-errormessage={shouldErrorMessageShow}\n      aria-invalid={validationState === \"invalid\"}\n      aria-label={props[\"aria-label\"]}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      aria-orientation={orientation}\n      aria-readonly={isReadOnly}\n      aria-required={isRequired}\n      ref={ref}\n      className={radioGroupClasses}\n      role=\"radiogroup\"\n    >\n      {label && (\n        <Label htmlFor={name} id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className={radioWrapperClasses}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement, {\n              orientation,\n              groupDisabled: isDisabled,\n              name,\n              selected,\n              setSelected,\n              isRequired,\n              \"aria-describedby\": describedBy,\n              onChange,\n            });\n          }\n\n          return child;\n        })}\n      </div>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </div>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\nexport { RadioGroup };\n"],"names":["Children","cloneElement","forwardRef","isValidElement","useId","useState","classNames","spaceDelimitedList","ErrorMessage","Label","getDefaultVal","children","defaultValue","Array","isArray","option","find","item","props","value","RadioGroup","ref","label","isDisabled","isRequired","validationState","orientation","className","errorMessage","isReadOnly","onChange","rest","defaultSelected","selected","setSelected","radioClasses","radioGroupClasses","radioWrapperClasses","labelClasses","errorMessageId","name","shouldErrorMessageShow","undefined","describedBy","labelId","div","aria-describedby","aria-disabled","aria-errormessage","aria-invalid","aria-label","aria-labelledby","aria-orientation","aria-readonly","aria-required","role","htmlFor","id","map","child","groupDisabled","displayName"],"mappings":"AAAA;;AAEA,SACEA,QAAQ,EAKRC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,KAAK,EACLC,QAAQ,QACH,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAI3C,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,KAAK,QAAQ,WAAW;AA0CjC,MAAMC,gBAAgB,CAACC,UAAqBC;IAC1C,IAAIC,MAAMC,OAAO,CAACH,aAAaC,cAAc;QAC3C,MAAMG,SAASJ,qBAAAA,+BAAAA,SAAUK,IAAI,CAACC,CAAAA,OAAQA,KAAKC,KAAK,CAACC,KAAK,KAAKP;QAE3D,IAAI,CAACG,QAAQ,OAAO;QAEpB,OAAOA,OAAOG,KAAK,CAACC,KAAK;IAC3B;IAEA,OAAO;AACT;AAEA,MAAMC,2BAGFlB,WAAW,CAACgB,OAAwBG;IACtC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,SAAS,EACTC,YAAY,EACZjB,QAAQ,EACRC,YAAY,EACZiB,UAAU,EACVC,QAAQ,EACR,GAAGC,MACJ,GAAGb;IACJ,MAAMc,kBAAkBtB,cAAcC,UAAUC;IAChD,MAAM,CAACqB,UAAUC,YAAY,GAAG7B,SAAiB2B;IACjD,MAAMG,eAAe;QACnB,iBAAiBZ;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,CAAC,CAAC,KAAK,EAAEE,YAAY,CAAC,CAAC,EAAE;QACzB,CAACC,aAAa,GAAG,EAAE;IACrB;IACA,MAAMS,oBAAoB9B,WACxB,UACA,qBACA6B;IAEF,MAAME,sBAAsB/B,WAAW,uBAAuB;QAC5D,CAAC,CAAC,KAAK,EAAEoB,YAAY,CAAC,CAAC,EAAE;IAC3B;IACA,MAAMY,eAAehC,WAAW6B;IAChC,MAAMI,iBAAiBnC;IACvB,MAAMoC,OAAOpC;IACb,MAAMqC,yBAAyBb,eAAeW,iBAAiBG;IAC/D,MAAMC,cAAcpC,mBAAmB;QACrCkC;QACAvB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM0B,UAAUxC;IAEhB,qBACE,MAACyC;QACE,GAAGd,IAAI;QACRe,oBAAkB5B,KAAK,CAAC,mBAAmB;QAC3C6B,iBAAexB;QACfyB,qBAAmBP;QACnBQ,gBAAcxB,oBAAoB;QAClCyB,cAAYhC,KAAK,CAAC,aAAa;QAC/BiC,mBAAiBjC,KAAK,CAAC,kBAAkB,IAAI0B;QAC7CQ,oBAAkB1B;QAClB2B,iBAAexB;QACfyB,iBAAe9B;QACfH,KAAKA;QACLM,WAAWS;QACXmB,MAAK;;YAEJjC,uBACC,KAACb;gBAAM+C,SAAShB;gBAAMiB,IAAIb;gBAASjB,WAAWW;0BAC3ChB;;0BAGL,KAACuB;gBAAIlB,WAAWU;0BACbrC,SAAS0D,GAAG,CAAC/C,UAAUgD,CAAAA;oBACtB,kBAAIxD,eAAewD,QAAQ;wBACzB,qBAAO1D,aAAa0D,OAAuB;4BACzCjC;4BACAkC,eAAerC;4BACfiB;4BACAP;4BACAC;4BACAV;4BACA,oBAAoBmB;4BACpBb;wBACF;oBACF;oBAEA,OAAO6B;gBACT;;0BAEF,KAACnD;gBAAaiD,IAAIlB;gBAAgBX,cAAcA;;;;AAGtD;AAEAR,WAAWyC,WAAW,GAAG;AACzB,SAASzC,UAAU,GAAG"}

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

@@ -1,4 +1,5 @@
 export * from "./Radio";
 export * from "./RadioButton";
 export * from "./RadioGroup";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
+{"version":3,"sources":["../../../../src/components/Radio/index.tsx"],"sourcesContent":["export * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,eAAe"}

package/dist/esm/components/SVG/SVG.js

@@ -1,25 +1,22 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, Children } from "react";
 import classNames from "classnames/dedupe";
-const SVG = forwardRef((props, ref) => {
-    const { children, className } = props, otherProps = __rest(props, ["children", "className"]);
+const SVG = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children, className, ...otherProps } = props;
     const classes = classNames("mobius", "mobius/SVG", className);
     const svgNode = Children.only(children);
     // Remove originalType and mdxType props
     const { children: svgChildren, viewBox, xmlns } = svgNode.props;
-    return (_jsx("svg", Object.assign({ viewBox: viewBox, xmlns: xmlns, ref: ref }, otherProps, { className: classes, children: svgChildren })));
+    return /*#__PURE__*/ _jsx("svg", {
+        viewBox: viewBox,
+        xmlns: xmlns,
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: svgChildren
+    });
 });
 SVG.displayName = "SVG";
 export { SVG };
+
 //# sourceMappingURL=SVG.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAY3C,MAAM,GAAG,GAAmD,UAAU,CACpE,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA9C,yBAAsC,CAAQ,CAAC;IAErD,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxC,wCAAwC;IACxC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAEhE,OAAO,CACL,4BACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,UAAU,IACd,SAAS,EAAE,OAAO,YAEjB,WAAW,IACR,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/SVG/SVG.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, Children } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {\n  children: React.ReactElement<React.SVGProps<SVGSVGElement>>;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport type SVGRef = Ref<SVGSVGElement>;\n\nconst SVG: ForwardedRefComponent<SVGProps, SVGSVGElement> = forwardRef(\n  (props: SVGProps, ref: SVGRef) => {\n    const { children, className, ...otherProps } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/SVG\", className);\n    const svgNode = Children.only(children);\n    // Remove originalType and mdxType props\n    const { children: svgChildren, viewBox, xmlns } = svgNode.props;\n\n    return (\n      <svg\n        viewBox={viewBox}\n        xmlns={xmlns}\n        ref={ref}\n        {...otherProps}\n        className={classes}\n      >\n        {svgChildren}\n      </svg>\n    );\n  },\n);\n\nSVG.displayName = \"SVG\";\nexport { SVG };\n"],"names":["forwardRef","Children","classNames","SVG","props","ref","children","className","otherProps","classes","svgNode","only","svgChildren","viewBox","xmlns","svg","displayName"],"mappings":";AAAA,SAAcA,UAAU,EAAiBC,QAAQ,QAAQ,QAAQ;AACjE,OAAOC,gBAAgB,oBAAoB;AAY3C,MAAMC,oBAAsDH,WAC1D,CAACI,OAAiBC;IAChB,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGJ;IAE/C,MAAMK,UAAUP,WAAW,UAAU,cAAcK;IACnD,MAAMG,UAAUT,SAASU,IAAI,CAACL;IAC9B,wCAAwC;IACxC,MAAM,EAAEA,UAAUM,WAAW,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGJ,QAAQN,KAAK;IAE/D,qBACE,KAACW;QACCF,SAASA;QACTC,OAAOA;QACPT,KAAKA;QACJ,GAAGG,UAAU;QACdD,WAAWE;kBAEVG;;AAGP;AAGFT,IAAIa,WAAW,GAAG;AAClB,SAASb,GAAG,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SVG/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
+{"version":3,"sources":["../../../../src/components/SVG/index.tsx"],"sourcesContent":["export * from \"./SVG\";\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Segment/Segment.js

@@ -1,21 +1,23 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-const Segment = (props) => {
-    const { heading, children, colour, inverted, className } = props, rest = __rest(props, ["heading", "children", "colour", "inverted", "className"]);
-    const classes = classNames("mobius", "mobius/Segment", colour, { inverted }, className);
-    return (_jsxs("div", Object.assign({ className: classes }, rest, { children: [heading && _jsx("div", { className: "mobius/SegmentHeading", children: heading }), children] })));
+const Segment = (props)=>{
+    const { heading, children, colour, inverted, className, ...rest } = props;
+    const classes = classNames("mobius", "mobius/Segment", colour, {
+        inverted
+    }, className);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classes,
+        ...rest,
+        children: [
+            heading && /*#__PURE__*/ _jsx("div", {
+                className: "mobius/SegmentHeading",
+                children: heading
+            }),
+            children
+        ]
+    });
 };
 Segment.displayName = "Segment";
 export { Segment };
+
 //# sourceMappingURL=Segment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAa3C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnE,0DAA2D,CAAQ,CAAC;IAE1E,MAAM,OAAO,GAAG,UAAU,CACxB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,IAAM,IAAI,eAC9B,OAAO,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAO,EACjE,QAAQ,KACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Segment/Segment.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentProps extends DOMProps {\n  className?: string;\n  heading?: string;\n  /** Background colour for Segment */\n  colour?: \"subtle\" | \"primary\" | \"secondary\";\n  /** When inverted, text is white.  Use on darker backgrounds. */\n  inverted?: boolean;\n  children?: ReactNode;\n}\n\nconst Segment = (props: SegmentProps) => {\n  const { heading, children, colour, inverted, className, ...rest } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Segment\",\n    colour,\n    { inverted },\n    className,\n  );\n\n  return (\n    <div className={classes} {...rest}>\n      {heading && <div className=\"mobius/SegmentHeading\">{heading}</div>}\n      {children}\n    </div>\n  );\n};\n\nSegment.displayName = \"Segment\";\nexport { Segment };\n"],"names":["classNames","Segment","props","heading","children","colour","inverted","className","rest","classes","div","displayName"],"mappings":";AACA,OAAOA,gBAAgB,oBAAoB;AAa3C,MAAMC,UAAU,CAACC;IACf,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IAEpE,MAAMO,UAAUT,WACd,UACA,kBACAK,QACA;QAAEC;IAAS,GACXC;IAGF,qBACE,MAACG;QAAIH,WAAWE;QAAU,GAAGD,IAAI;;YAC9BL,yBAAW,KAACO;gBAAIH,WAAU;0BAAyBJ;;YACnDC;;;AAGP;AAEAH,QAAQU,WAAW,GAAG;AACtB,SAASV,OAAO,GAAG"}

package/dist/esm/components/Segment/SegmentGroup.js

@@ -1,22 +1,18 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-const SegmentGroup = (props) => {
-    const { children, horizontal, margin, className } = props, rest = __rest(props, ["children", "horizontal", "margin", "className"]);
+const SegmentGroup = (props)=>{
+    const { children, horizontal, margin, className, ...rest } = props;
     const marginClass = margin ? `margin-${margin}` : "";
-    const classes = classNames("mobius", "mobius/SegmentGroup", className, { horizontal }, marginClass);
-    return (_jsx("div", Object.assign({ className: classes }, rest, { children: children })));
+    const classes = classNames("mobius", "mobius/SegmentGroup", className, {
+        horizontal
+    }, marginClass);
+    return /*#__PURE__*/ _jsx("div", {
+        className: classes,
+        ...rest,
+        children: children
+    });
 };
 SegmentGroup.displayName = "SegmentGroup";
 export { SegmentGroup };
+
 //# sourceMappingURL=SegmentGroup.js.map

package/dist/esm/components/Segment/SegmentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAU3C,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,iDAAoD,CAAQ,CAAC;IAEnE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,UAAU,CACxB,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,EAAE,UAAU,EAAE,EACd,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentGroupProps extends DOMProps {\n  className?: string;\n  horizontal?: boolean;\n  margin?: \"size-xs\" | \"size-s\" | \"size-m\" | \"size-l\" | \"size-xl\" | \"size-xxl\";\n  children?: ReactNode;\n}\n\nconst SegmentGroup = (props: SegmentGroupProps) => {\n  const { children, horizontal, margin, className, ...rest } = props;\n\n  const marginClass = margin ? `margin-${margin}` : \"\";\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/SegmentGroup\",\n    className,\n    { horizontal },\n    marginClass,\n  );\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup };\n"],"names":["classNames","SegmentGroup","props","children","horizontal","margin","className","rest","marginClass","classes","div","displayName"],"mappings":";AACA,OAAOA,gBAAgB,oBAAoB;AAU3C,MAAMC,eAAe,CAACC;IACpB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAE7D,MAAMM,cAAcH,SAAS,CAAC,OAAO,EAAEA,OAAO,CAAC,GAAG;IAClD,MAAMI,UAAUT,WACd,UACA,uBACAM,WACA;QAAEF;IAAW,GACbI;IAGF,qBACE,KAACE;QAAIJ,WAAWG;QAAU,GAAGF,IAAI;kBAC9BJ;;AAGP;AAEAF,aAAaU,WAAW,GAAG;AAC3B,SAASV,YAAY,GAAG"}

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

@@ -1,3 +1,4 @@
 export * from "./SegmentGroup";
 export * from "./Segment";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Segment/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}
+{"version":3,"sources":["../../../../src/components/Segment/index.tsx"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,YAAY"}

package/dist/esm/components/Select/Select.js

@@ -1,32 +1,24 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-import { forwardRef, useId, } from "react";
+import { forwardRef, useId } from "react";
 import { useLabel } from "../../hooks/useLabel";
 import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
 import { ErrorMessage } from "../ErrorMessage";
 import { Flex } from "../Flex";
 import { Label } from "../Label";
-const Select = forwardRef((props, ref) => {
-    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired } = props, otherProps = __rest(props, ["label", "onChange", "validationState", "errorMessage", "isDisabled", "isRequired"]);
-    const { labelProps, fieldProps } = useLabel(Object.assign({ label }, otherProps));
+const Select = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
+    const { labelProps, fieldProps } = useLabel({
+        label,
+        ...otherProps
+    });
     const stateClasses = {
         "--is-disabled": isDisabled,
         "--is-valid": validationState === "valid",
         "--is-invalid": validationState === "invalid",
         "--is-required": typeof isRequired === "boolean" && isRequired,
-        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
     };
     const wrapperClasses = classNames("mobius/SelectWrapper", stateClasses, otherProps.className);
     const selectClasses = classNames("mobius/Select", stateClasses, otherProps.className);
@@ -36,15 +28,50 @@ const Select = forwardRef((props, ref) => {
     const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
     const describedBy = spaceDelimitedList([
         shouldErrorMessageShow,
-        props["aria-describedby"],
+        props["aria-describedby"]
     ]);
-    const handleChange = (e) => {
+    const handleChange = (e)=>{
         if (onChange) {
             onChange(e);
         }
     };
-    return (_jsxs(Flex, { flexDirection: "column", className: "mobius mobius/SelectOuter", children: [label && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses, children: label }))), _jsxs("div", { className: wrapperClasses, children: [_jsx("select", Object.assign({}, otherProps, fieldProps, { ref: ref, multiple: false, className: selectClasses, disabled: isDisabled, "aria-invalid": !!errorMessage, "aria-describedby": describedBy, "aria-required": isRequired, onChange: handleChange })), _jsx("span", { className: iconClasses })] }), errorMessage && (_jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] }));
+    return /*#__PURE__*/ _jsxs(Flex, {
+        flexDirection: "column",
+        className: "mobius mobius/SelectOuter",
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ _jsx("select", {
+                        ...otherProps,
+                        ...fieldProps,
+                        ref: ref,
+                        multiple: false,
+                        className: selectClasses,
+                        disabled: isDisabled,
+                        "aria-invalid": !!errorMessage,
+                        "aria-describedby": describedBy,
+                        "aria-required": isRequired,
+                        onChange: handleChange
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: iconClasses
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
 });
 Select.displayName = "Select";
 export { Select };
+
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAKL,UAAU,EACV,KAAK,GACN,MAAM,OAAO,CAAC;AACf,OAAO,EAAiB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsBjC,MAAM,MAAM,GACV,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,UAAU,KAER,KAAK,EADJ,UAAU,UACX,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,QAAQ,iBACzC,KAAK,IACF,UAAU,EACb,CAAC;IAEH,MAAM,YAAY,GAAG;QACnB,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC;IAEF,MAAM,cAAc,GAAG,UAAU,CAC/B,sBAAsB,EACtB,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,aAAa,GAAG,UAAU,CAC9B,eAAe,EACf,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC7B,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,KAAK,EAAE,CAAC;IAC/B,MAAM,sBAAsB,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,WAAW,GAAG,kBAAkB,CAAC;QACrC,sBAAsB;QACtB,KAAK,CAAC,kBAAkB,CAAC;KAC1B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE;QACzD,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAC,2BAA2B,aAC/D,KAAK,IAAI,CACR,KAAC,KAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,YAC3C,KAAK,IACA,CACT,EACD,eAAK,SAAS,EAAE,cAAc,aAC5B,iCACM,UAAU,EACV,UAAU,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,UAAU,kBACN,CAAC,CAAC,YAAY,sBACV,WAAW,mBACd,UAAU,EACzB,QAAQ,EAAE,YAAY,IACtB,EACF,eAAM,SAAS,EAAE,WAAW,GAAI,IAC5B,EACL,YAAY,IAAI,CACf,KAAC,YAAY,IAAC,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,CACjE,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  ReactElement,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n  extends UseLabelProps,\n    Validation,\n    DOMProps,\n    RefAttributes<SelectElementType> {\n  name?: string;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n  value?: string;\n  defaultValue?: string;\n  className?: string;\n  errorMessage?: string;\n  children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n  \"aria-describedby\"?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n  forwardRef((props: SelectProps, ref: SelectRef) => {\n    const {\n      label,\n      onChange,\n      validationState,\n      errorMessage,\n      isDisabled = false,\n      isRequired,\n      ...otherProps\n    } = props;\n\n    const { labelProps, fieldProps } = useLabel({\n      label,\n      ...otherProps,\n    });\n\n    const stateClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    };\n\n    const wrapperClasses = classNames(\n      \"mobius/SelectWrapper\",\n      stateClasses,\n      otherProps.className,\n    );\n    const selectClasses = classNames(\n      \"mobius/Select\",\n      stateClasses,\n      otherProps.className,\n    );\n    const labelClasses = classNames(\n      \"mobius/Label\",\n      stateClasses,\n      otherProps.className,\n    );\n    const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n      shouldErrorMessageShow,\n      props[\"aria-describedby\"],\n    ]);\n\n    const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={wrapperClasses}>\n          <select\n            {...otherProps}\n            {...fieldProps}\n            ref={ref}\n            multiple={false}\n            className={selectClasses}\n            disabled={isDisabled}\n            aria-invalid={!!errorMessage}\n            aria-describedby={describedBy}\n            aria-required={isRequired}\n            onChange={handleChange}\n          />\n          <span className={iconClasses} />\n        </div>\n        {errorMessage && (\n          <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n        )}\n      </Flex>\n    );\n  });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["classNames","forwardRef","useId","useLabel","spaceDelimitedList","ErrorMessage","Flex","Label","Select","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","stateClasses","wrapperClasses","className","selectClasses","labelClasses","iconClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","handleChange","e","flexDirection","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","id","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAKEC,UAAU,EACVC,KAAK,QACA,QAAQ;AACf,SAAwBC,QAAQ,QAAQ,uBAAuB;AAG/D,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,KAAK,QAAQ,WAAW;AAsBjC,MAAMC,uBACJP,WAAW,CAACQ,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGhB,SAAS;QAC1CQ;QACA,GAAGM,UAAU;IACf;IAEA,MAAMG,eAAe;QACnB,iBAAiBL;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMK,iBAAiBrB,WACrB,wBACAoB,cACAH,WAAWK,SAAS;IAEtB,MAAMC,gBAAgBvB,WACpB,iBACAoB,cACAH,WAAWK,SAAS;IAEtB,MAAME,eAAexB,WACnB,gBACAoB,cACAH,WAAWK,SAAS;IAEtB,MAAMG,cAAczB,WAAW,qBAAqBoB;IACpD,MAAMM,iBAAiBxB;IACvB,MAAMyB,yBAAyBb,eAAeY,iBAAiBE;IAC/D,MAAMC,cAAczB,mBAAmB;QACrCuB;QACAlB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAMqB,eAAe,CAACC;QACpB,IAAInB,UAAU;YACZA,SAASmB;QACX;IACF;IAEA,qBACE,MAACzB;QAAK0B,eAAc;QAASV,WAAU;;YACpCX,uBACC,KAACJ;gBAAO,GAAGW,UAAU;gBAAEI,WAAWE;0BAC/Bb;;0BAGL,MAACsB;gBAAIX,WAAWD;;kCACd,KAACa;wBACE,GAAGjB,UAAU;wBACb,GAAGE,UAAU;wBACdT,KAAKA;wBACLyB,UAAU;wBACVb,WAAWC;wBACXa,UAAUrB;wBACVsB,gBAAc,CAAC,CAACvB;wBAChBwB,oBAAkBT;wBAClBU,iBAAevB;wBACfJ,UAAUkB;;kCAEZ,KAACU;wBAAKlB,WAAWG;;;;YAElBX,8BACC,KAACT;gBAAaoC,IAAIf;gBAAgBZ,cAAcA;;;;AAIxD;AAEFN,OAAOkC,WAAW,GAAG;AACrB,SAASlC,MAAM,GAAG"}

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

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

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

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

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

@@ -5,8 +5,8 @@ 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;
+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);
@@ -14,31 +14,87 @@ export const Slider = (props) => {
         id,
         label,
         "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
+        "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,
+        "--is-dragging": isDragging
     });
-    const handleChange = (e) => {
+    const handleChange = (e)=>{
         const val = +e.target.value;
         setCurrentValue(val);
         if (onChange) {
             onChange(val);
         }
     };
-    const handleChangeStart = () => {
+    const handleChangeStart = ()=>{
         setIsDraggging(true);
     };
-    const handleChangeEnd = () => {
+    const handleChangeEnd = ()=>{
         setIsDraggging(false);
         if (onChangeEnd) {
             onChangeEnd(currentValue);
         }
     };
-    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: "mobius/SliderLabelWrapper", children: [label && _jsx(Label, Object.assign({}, labelProps, { children: label })), label && (_jsx("output", { style: { flex: "1 0 auto", textAlign: "end" }, children: formattedValue }))] }), _jsx("div", { ref: trackRef, className: "mobius mobius/SliderTrackWrapper", children: _jsx("input", Object.assign({ className: "mobius/SliderTrack", 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)) }), _jsxs("div", { className: "mobius/SliderLabels", children: [_jsx("div", { className: "mobius/SliderMinLabel", "data-testid": "min-label", children: minLabel }), _jsx("div", { className: "mobius/SliderMaxLabel", "data-testid": "max-label", children: maxLabel })] })] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "mobius/SliderLabelWrapper",
+                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 mobius/SliderTrackWrapper",
+                children: /*#__PURE__*/ _jsx("input", {
+                    className: "mobius/SliderTrack",
+                    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/SliderLabels",
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "mobius/SliderMinLabel",
+                        "data-testid": "min-label",
+                        children: minLabel
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "mobius/SliderMaxLabel",
+                        "data-testid": "max-label",
+                        children: maxLabel
+                    })
+                ]
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { ChangeEvent, useRef, useState } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, 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/SliderLabelWrapper\">\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 mobius/SliderTrackWrapper\">\n        <input\n          className=\"mobius/SliderTrack\"\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/SliderLabels\">\n        <div className=\"mobius/SliderMinLabel\" data-testid=\"min-label\">\n          {minLabel}\n        </div>\n        <div className=\"mobius/SliderMaxLabel\" 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;AAC3C,SAAsBC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEtD,SAAwBC,QAAQ,QAAQ,cAAc;AACtD,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;wBAAwB+C,eAAY;kCAChDnC;;kCAEH,KAACmB;wBAAI/B,WAAU;wBAAwB+C,eAAY;kCAChDlC;;;;;;AAKX,EAAE"}

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

@@ -6,22 +6,30 @@ export function unwrapFirstValue(value) {
     return value;
 }
 export function wrapValue(value) {
-    return value === undefined ? undefined : [value];
+    return value === undefined ? undefined : [
+        value
+    ];
 }
 export function useUnwrappedHandler(handler) {
-    return useCallback((value) => {
+    return useCallback((value)=>{
         handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
-    }, [handler]);
+    }, [
+        handler
+    ]);
 }
 export function useWrappedValue(value) {
-    return useMemo(() => wrapValue(value), [value]);
+    return useMemo(()=>wrapValue(value), [
+        value
+    ]);
 }
-export function numberFormatter(value, formatOptions, locale) {
-    var _a;
-    if (locale === void 0) { locale = ((_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) || "en-GB"; }
+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 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,UAAU,gBAAgB,CAAI,KAA0B;IAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAI,KAAoB;IAC/C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAAqD;IAErD,OAAO,WAAW,CAChB,CAAC,KAAc,EAAE,EAAE;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,KAAoB;IACrD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAkC,EAClC,aAAwC,EACxC,MAA4C;;2BAA5C,EAAA,UAAS,MAAA,SAAS,CAAC,SAAS,0CAAG,CAAC,CAAC,KAAI,OAAO;IAE5C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;IACjC,CAAC;IAED,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5E,CAAC"}
+{"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,2 +1,3 @@
 export * from "./Slider";
+
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,10 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
-const Body = forwardRef((props, ref) => {
+const Body = /*#__PURE__*/ forwardRef((props, ref)=>{
     const classes = classNames("mobius", "mobius/TableBody", props.className);
-    return _jsx("tbody", Object.assign({ ref: ref }, props, { className: classes }));
+    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 +1 @@
-{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAU3C,MAAM,IAAI,GACR,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,8BAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEL,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Table/Body.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { 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/TableBody\", 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":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAU3C,MAAMC,qBACJF,WAAW,CAACG,OAAkBC;IAC5B,MAAMC,UAAUJ,WAAW,UAAU,oBAAoBE,MAAMG,SAAS;IAExE,qBAAO,KAACC;QAAMH,KAAKA;QAAM,GAAGD,KAAK;QAAEG,WAAWD;;AAChD;AAEFH,KAAKM,WAAW,GAAG;AACnB,SAASN,IAAI,GAAG"}