@simplybusiness/mobius 9.2.0 → 9.3.0

package/dist/cjs/components/Switch/Switch.js

@@ -0,0 +1,118 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Switch/Switch.tsx
+var Switch_exports = {};
+__export(Switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_react = require("react");
+var import_dedupe = __toESM(require("classnames/dedupe"));
+
+// src/components/VisuallyHidden/VisuallyHidden.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function VisuallyHidden(props) {
+  const {
+    className,
+    children,
+    elementType: Component = "div",
+    ...otherProps
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      className,
+      style: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(50%)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        width: "1px",
+        whiteSpace: "nowrap"
+      },
+      ...otherProps,
+      children
+    }
+  );
+}
+
+// src/components/Switch/Switch.tsx
+var import_Switch = require("@simplybusiness/mobius/src/components/Switch/Switch.css");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Switch = ({ ref, ...props }) => {
+  const {
+    checked = false,
+    className,
+    onChange,
+    isDisabled = false,
+    ...otherProps
+  } = props;
+  const [enabled, setEnabled] = (0, import_react.useState)(checked);
+  (0, import_react.useEffect)(() => {
+    setEnabled(checked);
+  }, [checked]);
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-switch",
+    {
+      "mobius-switch--checked": enabled,
+      "mobius-switch--disabled": isDisabled
+    },
+    className
+  );
+  const handleChange = (event) => {
+    setEnabled(!enabled);
+    if (onChange) {
+      onChange(event);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { ref, className: classes, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: enabled ? "On" : "Off" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        role: "switch",
+        checked: enabled,
+        onChange: handleChange,
+        disabled: isDisabled,
+        ...otherProps
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-switch__slider" })
+  ] });
+};
+Switch.displayName = "Switch";
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Switch/Switch.tsx", "../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport {\n  type ChangeEvent,\n  type RefAttributes,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport \"./Switch.css\";\n\nexport type SwitchElementType = HTMLLabelElement;\n\nexport interface SwitchProps\n  extends DOMProps, RefAttributes<SwitchElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  checked?: boolean;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  isDisabled?: boolean;\n}\n\nconst Switch = ({ ref, ...props }: SwitchProps) => {\n  const {\n    checked = false,\n    className,\n    onChange,\n    isDisabled = false,\n    ...otherProps\n  } = 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      \"mobius-switch--disabled\": isDisabled,\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        disabled={isDisabled}\n        {...otherProps}\n      />\n      <span className=\"mobius-switch__slider\"></span>\n    </label>\n  );\n};\n\nSwitch.displayName = \"Switch\";\nexport { Switch };\n", "import type { AriaRole, JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n  /** The content to visually hide. */\n  children?: ReactNode;\n  id?: string;\n  role?: AriaRole;\n\n  className?: string;\n\n  /**\n   * The element type for the container. Defaults to 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n  const {\n    className,\n    children,\n    elementType: Component = \"div\",\n    ...otherProps\n  } = props;\n\n  return (\n    <Component\n      className={className}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Component>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAKO;AACP,oBAAuB;;;ACiBnB;AATG,SAAS,eAAe,OAA4B;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,aAAa,YAAY;AAAA,IACzB,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ADjCA,oBAAO;AA6CH,IAAAA,sBAAA;AAhCJ,IAAM,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,MAAmB;AACjD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,OAAO;AAEvD,8BAAU,MAAM;AACd,eAAW,OAAO;AAAA,EACpB,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAU,cAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B;AAAA,MAC1B,2BAA2B;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,UAAyC;AAC7D,eAAW,CAAC,OAAO;AACnB,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,8CAAC,WAAM,KAAU,WAAW,SAC1B;AAAA,iDAAC,kBACC,uDAAC,UAAM,oBAAU,OAAO,OAAM,GAChC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,IACA,6CAAC,UAAK,WAAU,yBAAwB;AAAA,KAC1C;AAEJ;AAEA,OAAO,cAAc;",
+  "names": ["import_jsx_runtime", "classNames"]
+}

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

@@ -0,0 +1,119 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Switch/index.tsx
+var Switch_exports = {};
+__export(Switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(Switch_exports);
+
+// src/components/Switch/Switch.tsx
+var import_react = require("react");
+var import_dedupe = __toESM(require("classnames/dedupe"));
+
+// src/components/VisuallyHidden/VisuallyHidden.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function VisuallyHidden(props) {
+  const {
+    className,
+    children,
+    elementType: Component = "div",
+    ...otherProps
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      className,
+      style: {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(50%)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        width: "1px",
+        whiteSpace: "nowrap"
+      },
+      ...otherProps,
+      children
+    }
+  );
+}
+
+// src/components/Switch/Switch.tsx
+var import_Switch = require("@simplybusiness/mobius/src/components/Switch/Switch.css");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Switch = ({ ref, ...props }) => {
+  const {
+    checked = false,
+    className,
+    onChange,
+    isDisabled = false,
+    ...otherProps
+  } = props;
+  const [enabled, setEnabled] = (0, import_react.useState)(checked);
+  (0, import_react.useEffect)(() => {
+    setEnabled(checked);
+  }, [checked]);
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-switch",
+    {
+      "mobius-switch--checked": enabled,
+      "mobius-switch--disabled": isDisabled
+    },
+    className
+  );
+  const handleChange = (event) => {
+    setEnabled(!enabled);
+    if (onChange) {
+      onChange(event);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { ref, className: classes, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: enabled ? "On" : "Off" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        role: "switch",
+        checked: enabled,
+        onChange: handleChange,
+        disabled: isDisabled,
+        ...otherProps
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-switch__slider" })
+  ] });
+};
+Switch.displayName = "Switch";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Switch/index.tsx", "../../../../src/components/Switch/Switch.tsx", "../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],
+  "sourcesContent": ["export * from \"./Switch\";\n", "\"use client\";\n\nimport {\n  type ChangeEvent,\n  type RefAttributes,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport \"./Switch.css\";\n\nexport type SwitchElementType = HTMLLabelElement;\n\nexport interface SwitchProps\n  extends DOMProps, RefAttributes<SwitchElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  checked?: boolean;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  isDisabled?: boolean;\n}\n\nconst Switch = ({ ref, ...props }: SwitchProps) => {\n  const {\n    checked = false,\n    className,\n    onChange,\n    isDisabled = false,\n    ...otherProps\n  } = 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      \"mobius-switch--disabled\": isDisabled,\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        disabled={isDisabled}\n        {...otherProps}\n      />\n      <span className=\"mobius-switch__slider\"></span>\n    </label>\n  );\n};\n\nSwitch.displayName = \"Switch\";\nexport { Switch };\n", "import type { AriaRole, JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n  /** The content to visually hide. */\n  children?: ReactNode;\n  id?: string;\n  role?: AriaRole;\n\n  className?: string;\n\n  /**\n   * The element type for the container. Defaults to 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n  const {\n    className,\n    children,\n    elementType: Component = \"div\",\n    ...otherProps\n  } = props;\n\n  return (\n    <Component\n      className={className}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      }}\n      {...otherProps}\n    >\n      {children}\n    </Component>\n  );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAKO;AACP,oBAAuB;;;ACiBnB;AATG,SAAS,eAAe,OAA4B;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,aAAa,YAAY;AAAA,IACzB,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ADjCA,oBAAO;AA6CH,IAAAA,sBAAA;AAhCJ,IAAM,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,MAAmB;AACjD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,OAAO;AAEvD,8BAAU,MAAM;AACd,eAAW,OAAO;AAAA,EACpB,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,cAAU,cAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,0BAA0B;AAAA,MAC1B,2BAA2B;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,UAAyC;AAC7D,eAAW,CAAC,OAAO;AACnB,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,8CAAC,WAAM,KAAU,WAAW,SAC1B;AAAA,iDAAC,kBACC,uDAAC,UAAM,oBAAU,OAAO,OAAM,GAChC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,IACN;AAAA,IACA,6CAAC,UAAK,WAAU,yBAAwB;AAAA,KAC1C;AAEJ;AAEA,OAAO,cAAc;",
+  "names": ["import_jsx_runtime", "classNames"]
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Body.tsx
+var Body_exports = {};
+__export(Body_exports, {
+  Body: () => Body
+});
+module.exports = __toCommonJS(Body_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Body = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)("mobius", "mobius-table__body", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { ref, ...props, className: classes });
+};
+Body.displayName = "Table.Body";
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/Body.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body = ({ ref, ...props }: BodyProps) => {\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAYd;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,cAAAA,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,4CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Cell.tsx
+var Cell_exports = {};
+__export(Cell_exports, {
+  Cell: () => Cell
+});
+module.exports = __toCommonJS(Cell_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Cell = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-table__body-cell",
+    props.className
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { ref, ...props, className: classes });
+};
+Cell.displayName = "Table.Cell";
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/Cell.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\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 = ({ ref, ...props }: CellProps) => {\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\nCell.displayName = \"Table.Cell\";\nexport { Cell };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAkBd;AAPT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,4CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,KAAK,cAAc;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Foot.tsx
+var Foot_exports = {};
+__export(Foot_exports, {
+  Foot: () => Foot
+});
+module.exports = __toCommonJS(Foot_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Foot = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)("mobius", "mobius-table__foot", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tfoot", { ref, ...props, className: classes });
+};
+Foot.displayName = "Table.Foot";
+//# sourceMappingURL=Foot.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/Foot.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot = ({ ref, ...props }: FootProps) => {\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAYd;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,cAAAA,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,4CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Head.tsx
+var Head_exports = {};
+__export(Head_exports, {
+  Head: () => Head
+});
+module.exports = __toCommonJS(Head_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Head = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)("mobius", "mobius-table__head", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { ref, ...props, className: classes });
+};
+Head.displayName = "Table.Head";
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/Head.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head = ({ ref, ...props }: HeadProps) => {\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAYd;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,cAAAA,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,4CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/HeaderCell.tsx
+var HeaderCell_exports = {};
+__export(HeaderCell_exports, {
+  HeaderCell: () => HeaderCell
+});
+module.exports = __toCommonJS(HeaderCell_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var HeaderCell = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-table__head-cell",
+    props.className
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { ...props, ref, className: classes });
+};
+HeaderCell.displayName = "Table.HeaderCell";
+//# sourceMappingURL=HeaderCell.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/HeaderCell.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\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 = ({ ref, ...props }: HeaderCellProps) => {\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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAkBd;AAPT,IAAM,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,MAAuB;AACzD,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,4CAAC,QAAI,GAAG,OAAO,KAAU,WAAW,SAAS;AACtD;AAEA,WAAW,cAAc;",
+  "names": ["classNames"]
+}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Row.tsx
+var Row_exports = {};
+__export(Row_exports, {
+  Row: () => Row
+});
+module.exports = __toCommonJS(Row_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Row = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)("mobius", "mobius-table__row", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { ref, ...props, className: classes });
+};
+Row.displayName = "Table.Row";
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Table/Row.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row = ({ ref, ...props }: RowProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__row\", props.className);\n\n  return <tr ref={ref} {...props} className={classes} />;\n};\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAYd;AAHT,IAAM,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,MAAgB;AAC3C,QAAM,cAAU,cAAAA,SAAW,UAAU,qBAAqB,MAAM,SAAS;AAEzE,SAAO,4CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,IAAI,cAAc;",
+  "names": ["classNames"]
+}

package/dist/cjs/components/Table/Table.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/Table.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(Table_exports);
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_Table = require("@simplybusiness/mobius/src/components/Table/Table.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Table = ({ ref, ...props }) => {
+  const classes = (0, import_dedupe.default)("mobius", "mobius-table", props.className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { ref, ...props, className: classes });
+};
+Table.displayName = "Table";
+//# sourceMappingURL=Table.js.map