@simplybusiness/mobius 4.8.0 → 4.8.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/components.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/types/components.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/types/dom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/dom.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/types/dom.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/types/events.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/events.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/types/events.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/types/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/icon.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/types/icon.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/index.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./dom\";\nexport * from \"./events\";\nexport * from \"./icon\";\nexport * from \"./size\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA"}
+{"version":3,"sources":["../../../src/types/index.tsx"],"sourcesContent":["export * from \"./components\";\nexport * from \"./dom\";\nexport * from \"./events\";\nexport * from \"./icon\";\nexport * from \"./size\";\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA"}

package/dist/cjs/types/size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/types/size.ts"],"names":[],"mappings":""}
+{"version":3,"sources":["../../../src/types/size.ts"],"names":[],"rangeMappings":"","mappings":""}

package/dist/cjs/utils/changeCSS.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/changeCSS.ts"],"sourcesContent":["const CSS_LINK_ID = \"sb-theme\";\n\nexport const changeCSS = (cssUrl: string) => {\n  // Find CSS <link> element with id = \"sb-theme\"\n  const theme: HTMLElement | null = document.getElementById(CSS_LINK_ID);\n\n  if (theme) {\n    theme.setAttribute(\"href\", cssUrl);\n  } else {\n    // Append a new link to document and set href\n    const link = document.createElement(\"link\");\n    link.setAttribute(\"type\", \"text/css\");\n    link.setAttribute(\"rel\", \"stylesheet\");\n    link.setAttribute(\"href\", cssUrl);\n    link.setAttribute(\"id\", CSS_LINK_ID);\n    document.head.appendChild(link);\n  }\n};\n"],"names":["changeCSS","CSS_LINK_ID","cssUrl","theme","document","getElementById","setAttribute","link","createElement","head","appendChild"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAFb,MAAMC,cAAc;AAEb,MAAMD,YAAY,CAACE;IACxB,+CAA+C;IAC/C,MAAMC,QAA4BC,SAASC,cAAc,CAACJ;IAE1D,IAAIE,OAAO;QACTA,MAAMG,YAAY,CAAC,QAAQJ;IAC7B,OAAO;QACL,6CAA6C;QAC7C,MAAMK,OAAOH,SAASI,aAAa,CAAC;QACpCD,KAAKD,YAAY,CAAC,QAAQ;QAC1BC,KAAKD,YAAY,CAAC,OAAO;QACzBC,KAAKD,YAAY,CAAC,QAAQJ;QAC1BK,KAAKD,YAAY,CAAC,MAAML;QACxBG,SAASK,IAAI,CAACC,WAAW,CAACH;IAC5B;AACF"}
+{"version":3,"sources":["../../../src/utils/changeCSS.ts"],"sourcesContent":["const CSS_LINK_ID = \"sb-theme\";\n\nexport const changeCSS = (cssUrl: string) => {\n  // Find CSS <link> element with id = \"sb-theme\"\n  const theme: HTMLElement | null = document.getElementById(CSS_LINK_ID);\n\n  if (theme) {\n    theme.setAttribute(\"href\", cssUrl);\n  } else {\n    // Append a new link to document and set href\n    const link = document.createElement(\"link\");\n    link.setAttribute(\"type\", \"text/css\");\n    link.setAttribute(\"rel\", \"stylesheet\");\n    link.setAttribute(\"href\", cssUrl);\n    link.setAttribute(\"id\", CSS_LINK_ID);\n    document.head.appendChild(link);\n  }\n};\n"],"names":["changeCSS","CSS_LINK_ID","cssUrl","theme","document","getElementById","setAttribute","link","createElement","head","appendChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAFb,MAAMC,cAAc;AAEb,MAAMD,YAAY,CAACE;IACxB,+CAA+C;IAC/C,MAAMC,QAA4BC,SAASC,cAAc,CAACJ;IAE1D,IAAIE,OAAO;QACTA,MAAMG,YAAY,CAAC,QAAQJ;IAC7B,OAAO;QACL,6CAA6C;QAC7C,MAAMK,OAAOH,SAASI,aAAa,CAAC;QACpCD,KAAKD,YAAY,CAAC,QAAQ;QAC1BC,KAAKD,YAAY,CAAC,OAAO;QACzBC,KAAKD,YAAY,CAAC,QAAQJ;QAC1BK,KAAKD,YAAY,CAAC,MAAML;QACxBG,SAASK,IAAI,CAACC,WAAW,CAACH;IAC5B;AACF"}

package/dist/cjs/utils/excludeControls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/excludeControls.ts"],"sourcesContent":["// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n"],"names":["excludeControls","args","reduce","prev","acc","table","disable"],"mappings":"AAAA,oEAAoE;AACpE,mEAAmE;AACnE,eAAe;AACf,EAAE;AACF,gCAAgC;AAChC,mGAAmG;AACnG,EAAE;AACF,uCAAuC;AACvC,EAAE;AACF,QAAQ;AACR,mCAAmC;AACnC,4BAA4B;AAC5B,gBAAgB;AAChB,eAAe;AACf,mBAAmB;AACnB,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,yBAAyB;AACzB,WAAW;AACX,SAAS;AACT,OAAO;AACP,KAAK;;;;;+BACQA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,CAAC,GAAGC,OACjCA,KAAKC,MAAM,CACT,CAACC,MAAMC,MAAS,CAAA;YAAE,GAAGD,IAAI;YAAE,CAACC,IAAI,EAAE;gBAAEC,OAAO;oBAAEC,SAAS;gBAAK;YAAE;QAAE,CAAA,GAC/D,CAAC"}
+{"version":3,"sources":["../../../src/utils/excludeControls.ts"],"sourcesContent":["// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n"],"names":["excludeControls","args","reduce","prev","acc","table","disable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,oEAAoE;AACpE,mEAAmE;AACnE,eAAe;AACf,EAAE;AACF,gCAAgC;AAChC,mGAAmG;AACnG,EAAE;AACF,uCAAuC;AACvC,EAAE;AACF,QAAQ;AACR,mCAAmC;AACnC,4BAA4B;AAC5B,gBAAgB;AAChB,eAAe;AACf,mBAAmB;AACnB,wBAAwB;AACxB,WAAW;AACX,iBAAiB;AACjB,yBAAyB;AACzB,WAAW;AACX,SAAS;AACT,OAAO;AACP,KAAK;;;;;+BACQA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,CAAC,GAAGC,OACjCA,KAAKC,MAAM,CACT,CAACC,MAAMC,MAAS,CAAA;YAAE,GAAGD,IAAI;YAAE,CAACC,IAAI,EAAE;gBAAEC,OAAO;oBAAEC,SAAS;gBAAK;YAAE;QAAE,CAAA,GAC/D,CAAC"}

package/dist/cjs/utils/filterUndefinedProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/filterUndefinedProps.ts"],"sourcesContent":["export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n"],"names":["filterUndefinedProps","props","filteredProps","Object","keys","forEach","key","undefined"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,uBAAuB,CAACC;IACnC,MAAMC,gBAAyC,CAAC;IAChDC,OAAOC,IAAI,CAACH,OAAOI,OAAO,CAACC,CAAAA;QACzB,IAAIL,KAAK,CAACK,IAAI,KAAKC,WAAW;YAC5BL,aAAa,CAACI,IAAI,GAAGL,KAAK,CAACK,IAAI;QACjC;IACF;IACA,OAAOJ;AACT"}
+{"version":3,"sources":["../../../src/utils/filterUndefinedProps.ts"],"sourcesContent":["export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n"],"names":["filterUndefinedProps","props","filteredProps","Object","keys","forEach","key","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,uBAAuB,CAACC;IACnC,MAAMC,gBAAyC,CAAC;IAChDC,OAAOC,IAAI,CAACH,OAAOI,OAAO,CAACC,CAAAA;QACzB,IAAIL,KAAK,CAACK,IAAI,KAAKC,WAAW;YAC5BL,aAAa,CAACI,IAAI,GAAGL,KAAK,CAACK,IAAI;QACjC;IACF;IACA,OAAOJ;AACT"}

package/dist/cjs/utils/getSpacingValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/getSpacingValue.ts"],"sourcesContent":["import { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],"names":["getSpacingValue","padding","undefined"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,CAC7BC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,WAAW,EAAEA,QAAQ,CAAC,CAAC;IACjC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,EAAEA,QAAQ,EAAE,CAAC;IACvB;IAEA,OAAOC;AACT"}
+{"version":3,"sources":["../../../src/utils/getSpacingValue.ts"],"sourcesContent":["import { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],"names":["getSpacingValue","padding","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,kBAAkB,CAC7BC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,WAAW,EAAEA,QAAQ,CAAC,CAAC;IACjC;IAEA,IAAI,OAAOA,YAAY,UAAU;QAC/B,OAAO,CAAC,EAAEA,QAAQ,EAAE,CAAC;IACvB;IAEA,OAAOC;AACT"}

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./changeCSS\";\nexport * from \"./excludeControls\";\nexport * from \"./filterUndefinedProps\";\nexport * from \"./getSpacingValue\";\nexport * from \"./jestHTMLDialogPolyfill\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./sizeOptions\";\nexport * from \"./spaceDelimitedList\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./changeCSS\";\nexport * from \"./excludeControls\";\nexport * from \"./filterUndefinedProps\";\nexport * from \"./getSpacingValue\";\nexport * from \"./jestHTMLDialogPolyfill\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./sizeOptions\";\nexport * from \"./spaceDelimitedList\";\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}

package/dist/cjs/utils/jestHTMLDialogPolyfill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/jestHTMLDialogPolyfill.ts"],"sourcesContent":["// Workaround for lack of `<dialog>` support in jsdom\n// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372\n// Fix: https://github.com/jsdom/jsdom/pull/3403\n// This can be removed once `<dialog>` support is introduced in Jest via jsdom\nexport const jestHTMLDialogPolyfill = () => {\n  HTMLDialogElement.prototype.show = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.showModal = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.close = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = false;\n  });\n};\n"],"names":["jestHTMLDialogPolyfill","HTMLDialogElement","prototype","show","jest","fn","mock","open","showModal","close"],"mappings":"AAAA,qDAAqD;AACrD,sFAAsF;AACtF,gDAAgD;AAChD,8EAA8E;;;;;+BACjEA;;;eAAAA;;;AAAN,MAAMA,yBAAyB;IACpCC,kBAAkBC,SAAS,CAACC,IAAI,GAAGC,KAAKC,EAAE,CAAC,SAASC;QAGlD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACM,SAAS,GAAGJ,KAAKC,EAAE,CAAC,SAASC;QAGvD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACO,KAAK,GAAGL,KAAKC,EAAE,CAAC,SAASC;QAGnD,IAAI,CAACC,IAAI,GAAG;IACd;AACF"}
+{"version":3,"sources":["../../../src/utils/jestHTMLDialogPolyfill.ts"],"sourcesContent":["// Workaround for lack of `<dialog>` support in jsdom\n// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372\n// Fix: https://github.com/jsdom/jsdom/pull/3403\n// This can be removed once `<dialog>` support is introduced in Jest via jsdom\nexport const jestHTMLDialogPolyfill = () => {\n  HTMLDialogElement.prototype.show = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.showModal = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = true;\n  });\n\n  HTMLDialogElement.prototype.close = jest.fn(function mock(\n    this: HTMLDialogElement,\n  ) {\n    this.open = false;\n  });\n};\n"],"names":["jestHTMLDialogPolyfill","HTMLDialogElement","prototype","show","jest","fn","mock","open","showModal","close"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,qDAAqD;AACrD,sFAAsF;AACtF,gDAAgD;AAChD,8EAA8E;;;;;+BACjEA;;;eAAAA;;;AAAN,MAAMA,yBAAyB;IACpCC,kBAAkBC,SAAS,CAACC,IAAI,GAAGC,KAAKC,EAAE,CAAC,SAASC;QAGlD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACM,SAAS,GAAGJ,KAAKC,EAAE,CAAC,SAASC;QAGvD,IAAI,CAACC,IAAI,GAAG;IACd;IAEAN,kBAAkBC,SAAS,CAACO,KAAK,GAAGL,KAAKC,EAAE,CAAC,SAASC;QAGnD,IAAI,CAACC,IAAI,GAAG;IACd;AACF"}

package/dist/cjs/utils/jestMockMatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/jestMockMatchMedia.ts"],"sourcesContent":["export const jestMockMatchMedia = (matches: boolean) => {\n  Object.defineProperty(window, \"matchMedia\", {\n    writable: true,\n    configurable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(),\n      removeListener: jest.fn(),\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  });\n};\n"],"names":["jestMockMatchMedia","matches","Object","defineProperty","window","writable","configurable","value","jest","fn","mockImplementation","query","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,qBAAqB,CAACC;IACjCC,OAAOC,cAAc,CAACC,QAAQ,cAAc;QAC1CC,UAAU;QACVC,cAAc;QACdC,OAAOC,KAAKC,EAAE,GAAGC,kBAAkB,CAACC,CAAAA,QAAU,CAAA;gBAC5CV;gBACAW,OAAOD;gBACPE,UAAU;gBACVC,aAAaN,KAAKC,EAAE;gBACpBM,gBAAgBP,KAAKC,EAAE;gBACvBO,kBAAkBR,KAAKC,EAAE;gBACzBQ,qBAAqBT,KAAKC,EAAE;gBAC5BS,eAAeV,KAAKC,EAAE;YACxB,CAAA;IACF;AACF"}
+{"version":3,"sources":["../../../src/utils/jestMockMatchMedia.ts"],"sourcesContent":["export const jestMockMatchMedia = (matches: boolean) => {\n  Object.defineProperty(window, \"matchMedia\", {\n    writable: true,\n    configurable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(),\n      removeListener: jest.fn(),\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  });\n};\n"],"names":["jestMockMatchMedia","matches","Object","defineProperty","window","writable","configurable","value","jest","fn","mockImplementation","query","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,qBAAqB,CAACC;IACjCC,OAAOC,cAAc,CAACC,QAAQ,cAAc;QAC1CC,UAAU;QACVC,cAAc;QACdC,OAAOC,KAAKC,EAAE,GAAGC,kBAAkB,CAACC,CAAAA,QAAU,CAAA;gBAC5CV;gBACAW,OAAOD;gBACPE,UAAU;gBACVC,aAAaN,KAAKC,EAAE;gBACpBM,gBAAgBP,KAAKC,EAAE;gBACvBO,kBAAkBR,KAAKC,EAAE;gBACzBQ,qBAAqBT,KAAKC,EAAE;gBAC5BS,eAAeV,KAAKC,EAAE;YACxB,CAAA;IACF;AACF"}

package/dist/cjs/utils/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\nimport type { MutableRefObject, LegacyRef, RefCallback } from \"react\";\n\nexport function mergeRefs<T = any>(\n  refs: Array<MutableRefObject<T> | LegacyRef<T>>,\n): RefCallback<T> {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"AAAA,iHAAiH;;;;;+BAGjGA;;;eAAAA;;;AAAT,SAASA,UACdC,IAA+C;IAE/C,OAAOC,CAAAA;QACLD,KAAKE,OAAO,CAACC,CAAAA;YACX,IAAI,OAAOA,QAAQ,YAAY;gBAC7BA,IAAIF;YACN,OAAO,IAAIE,OAAO,MAAM;gBACtB,6CAA6C;gBAC5CA,IAAmCC,OAAO,GAAGH;YAChD;QACF;IACF;AACF"}
+{"version":3,"sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\nimport type { MutableRefObject, LegacyRef, RefCallback } from \"react\";\n\nexport function mergeRefs<T = any>(\n  refs: Array<MutableRefObject<T> | LegacyRef<T>>,\n): RefCallback<T> {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,iHAAiH;;;;;+BAGjGA;;;eAAAA;;;AAAT,SAASA,UACdC,IAA+C;IAE/C,OAAOC,CAAAA;QACLD,KAAKE,OAAO,CAACC,CAAAA;YACX,IAAI,OAAOA,QAAQ,YAAY;gBAC7BA,IAAIF;YACN,OAAO,IAAIE,OAAO,MAAM;gBACtB,6CAA6C;gBAC5CA,IAAmCC,OAAO,GAAGH;YAChD;QACF;IACF;AACF"}

package/dist/cjs/utils/polyfill-tests.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/polyfill-tests.ts"],"sourcesContent":["// Browser support HTML Dialog element\nexport const supportsDialog = () => typeof HTMLDialogElement === \"function\";\n"],"names":["supportsDialog","HTMLDialogElement"],"mappings":"AAAA,sCAAsC;;;;;+BACzBA;;;eAAAA;;;AAAN,MAAMA,iBAAiB,IAAM,OAAOC,sBAAsB"}
+{"version":3,"sources":["../../../src/utils/polyfill-tests.ts"],"sourcesContent":["// Browser support HTML Dialog element\nexport const supportsDialog = () => typeof HTMLDialogElement === \"function\";\n"],"names":["supportsDialog","HTMLDialogElement"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,sCAAsC;;;;;+BACzBA;;;eAAAA;;;AAAN,MAAMA,iBAAiB,IAAM,OAAOC,sBAAsB"}

package/dist/cjs/utils/sizeClasses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/sizeClasses.ts"],"sourcesContent":["import { SizeType } from \"../types/size\";\n\nexport const sizeClasses = (size: SizeType | undefined) => {\n  if (!size) {\n    return {};\n  }\n\n  return {\n    \"--is-xxs\": size === \"xxs\",\n    \"--is-xs\": size === \"xs\",\n    \"--is-sm\": size === \"sm\",\n    \"--is-md\": size === \"md\",\n    \"--is-lg\": size === \"lg\",\n    \"--is-xl\": size === \"xl\",\n    \"--is-xxl\": size === \"xxl\",\n  };\n};\n"],"names":["sizeClasses","size"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,cAAc,CAACC;IAC1B,IAAI,CAACA,MAAM;QACT,OAAO,CAAC;IACV;IAEA,OAAO;QACL,YAAYA,SAAS;QACrB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,YAAYA,SAAS;IACvB;AACF"}
+{"version":3,"sources":["../../../src/utils/sizeClasses.ts"],"sourcesContent":["import { SizeType } from \"../types/size\";\n\nexport const sizeClasses = (size: SizeType | undefined) => {\n  if (!size) {\n    return {};\n  }\n\n  return {\n    \"--is-xxs\": size === \"xxs\",\n    \"--is-xs\": size === \"xs\",\n    \"--is-sm\": size === \"sm\",\n    \"--is-md\": size === \"md\",\n    \"--is-lg\": size === \"lg\",\n    \"--is-xl\": size === \"xl\",\n    \"--is-xxl\": size === \"xxl\",\n  };\n};\n"],"names":["sizeClasses","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,cAAc,CAACC;IAC1B,IAAI,CAACA,MAAM;QACT,OAAO,CAAC;IACV;IAEA,OAAO;QACL,YAAYA,SAAS;QACrB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,YAAYA,SAAS;IACvB;AACF"}

package/dist/cjs/utils/sizeOptions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/sizeOptions.ts"],"sourcesContent":["import { SizeType } from \"../types\";\n\nexport const sizeOptions: Array<SizeType | \"\"> = [\n  \"\",\n  \"xxs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"xxl\",\n];\n"],"names":["sizeOptions"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,cAAoC;IAC/C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}
+{"version":3,"sources":["../../../src/utils/sizeOptions.ts"],"sourcesContent":["import { SizeType } from \"../types\";\n\nexport const sizeOptions: Array<SizeType | \"\"> = [\n  \"\",\n  \"xxs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"xxl\",\n];\n"],"names":["sizeOptions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,cAAoC;IAC/C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}

package/dist/cjs/utils/spaceDelimitedList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/spaceDelimitedList.ts"],"sourcesContent":["export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n"],"names":["spaceDelimitedList","list","filter","Boolean","join","undefined"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,mBACdC,IAAmC;IAEnC,OAAOA,KAAKC,MAAM,CAACC,SAASC,IAAI,CAAC,QAAQC;AAC3C"}
+{"version":3,"sources":["../../../src/utils/spaceDelimitedList.ts"],"sourcesContent":["export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n"],"names":["spaceDelimitedList","list","filter","Boolean","join","undefined"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,mBACdC,IAAmC;IAEnC,OAAOA,KAAKC,MAAM,CAACC,SAASC,IAAI,CAAC,QAAQC;AAC3C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport {\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\n\nexport type AccordionElementType = HTMLDivElement;\nexport type AccordionRef = Ref<AccordionElementType>;\nexport interface AccordionLinkProps extends DOMProps {\n  /** Link text to show accordion content */\n  text?: string;\n  onClick?: () => void;\n  toggle: () => void;\n  headerChildren?: ReactNode;\n  ariaExpanded: boolean | undefined;\n}\n\nconst AccordionLink = ({\n  text,\n  toggle,\n  onClick,\n  headerChildren,\n  ariaExpanded,\n}: AccordionLinkProps) => {\n  const linkClasses = classNames(\"mobius/AccordionLink\", {\n    \"--is-open\": ariaExpanded,\n  });\n  const iconClasses = classNames(\"mobius/AccordionLinkIcon\", {\n    \"--is-open\": ariaExpanded,\n  });\n\n  const handleOnClick = (): void => {\n    if (onClick) {\n      onClick();\n    }\n    toggle();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \" \" || e.key === \"Enter\") {\n      toggle();\n    }\n  };\n\n  if (headerChildren) {\n    return (\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className=\"mobius/AccordionHeader\"\n      >\n        <div\n          className={linkClasses}\n          onClick={handleOnClick}\n          onKeyDown={handleKeyDown}\n          role=\"button\"\n          tabIndex={0}\n          aria-expanded={!!ariaExpanded}\n        >\n          <span className=\"mobius/AccordionLinkText\">{text}</span>\n          <Icon icon={chevronDown} className={iconClasses} />\n        </div>\n        {headerChildren}\n      </Flex>\n    );\n  }\n\n  return (\n    <div\n      className={linkClasses}\n      onClick={handleOnClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-expanded={!!ariaExpanded}\n    >\n      <span className=\"mobius/AccordionLinkText\">{text}</span>\n      <Icon icon={chevronDown} className={iconClasses} />\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends DOMProps,\n    RefAttributes<AccordionElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Link text to show accordion content */\n  showText?: string;\n  /** Link text to hide accordion content */\n  hideText?: string;\n  /** Whether header is above or below content */\n  headerPosition?: \"top\" | \"bottom\";\n  /** Whether to expand the accordion initially */\n  startOpen?: boolean | undefined;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Callback that fires each time the accordion state changes */\n  onChange?: (state: boolean) => void;\n  children?: ReactNode;\n  headerChildren?: ReactNode;\n}\n\nexport const Accordion: ForwardedRefComponent<\n  AccordionProps,\n  AccordionElementType\n> = forwardRef((props: AccordionProps, ref: AccordionRef) => {\n  const {\n    showText = \"See more\",\n    hideText = \"See less\",\n    headerPosition = \"top\",\n    startOpen = false,\n    onOpen,\n    onClose,\n    onChange = () => {},\n    headerChildren,\n    ...rest\n  } = props;\n  const [accordionState, setAccordionState] = useState({\n    open: true,\n    withAnimation: false,\n  });\n  const prefersReducedMotion = window?.matchMedia(\n    \"(prefers-reduced-motion: reduce)\",\n  ).matches;\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius/Accordion\",\n    props.className,\n    {\n      \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentContainerClasses = classNames(\n    \"mobius/AccordionContentContainer\",\n    {\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentClasses = classNames(\"mobius/AccordionContent\", {\n    \"--is-open\": accordionState.open,\n  });\n  const linkText = accordionState.open ? hideText : showText;\n\n  const handleChange = () => {\n    // Fire events\n    if (!accordionState.open && onOpen) {\n      onOpen();\n    }\n    if (accordionState.open && onClose) {\n      onClose();\n    }\n    if (onChange) {\n      onChange(!accordionState.open);\n    }\n    setAccordionState({\n      open: !accordionState.open,\n      withAnimation: true,\n    });\n  };\n\n  useEffect(() => {\n    setAccordionState({\n      open: startOpen,\n      withAnimation: false,\n    });\n  }, [startOpen]);\n\n  return (\n    <div ref={ref} {...rest} className={containerClasses}>\n      {headerPosition === \"top\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n      <div\n        className={contentContainerClasses}\n        aria-hidden={!accordionState.open}\n      >\n        <div className={contentClasses}>{props.children}</div>\n      </div>\n      {headerPosition === \"bottom\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["chevronDown","classNames","forwardRef","useEffect","useState","Flex","Icon","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","iconClasses","handleOnClick","handleKeyDown","e","key","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","icon","Accordion","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","aria-hidden","children"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,wBAAwB;AACpD,OAAOC,gBAAgB,oBAAoB;AAC3C,SAKEC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,QAAQ;AAGf,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,IAAI,QAAQ,UAAU;AAa/B,MAAMC,gBAAgB,CAAC,EACrBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,YAAY,EACO;IACnB,MAAMC,cAAcZ,WAAW,wBAAwB;QACrD,aAAaW;IACf;IACA,MAAME,cAAcb,WAAW,4BAA4B;QACzD,aAAaW;IACf;IAEA,MAAMG,gBAAgB;QACpB,IAAIL,SAAS;YACXA;QACF;QACAD;IACF;IAEA,MAAMO,gBAAgB,CAACC;QACrB,IAAIA,EAAEC,GAAG,KAAK,OAAOD,EAAEC,GAAG,KAAK,SAAS;YACtCT;QACF;IACF;IAEA,IAAIE,gBAAgB;QAClB,qBACE,MAACN;YACCc,gBAAe;YACfC,YAAW;YACXC,WAAU;;8BAEV,MAACC;oBACCD,WAAWR;oBACXH,SAASK;oBACTQ,WAAWP;oBACXQ,MAAK;oBACLC,UAAU;oBACVC,iBAAe,CAAC,CAACd;;sCAEjB,KAACe;4BAAKN,WAAU;sCAA4Bb;;sCAC5C,KAACF;4BAAKsB,MAAM5B;4BAAaqB,WAAWP;;;;gBAErCH;;;IAGP;IAEA,qBACE,MAACW;QACCD,WAAWR;QACXH,SAASK;QACTQ,WAAWP;QACXQ,MAAK;QACLC,UAAU;QACVC,iBAAe,CAAC,CAACd;;0BAEjB,KAACe;gBAAKN,WAAU;0BAA4Bb;;0BAC5C,KAACF;gBAAKsB,MAAM5B;gBAAaqB,WAAWP;;;;AAG1C;AAyBA,OAAO,MAAMe,0BAGT3B,WAAW,CAAC4B,OAAuBC;QAgBRC;IAf7B,MAAM,EACJC,WAAW,UAAU,EACrBC,WAAW,UAAU,EACrBC,iBAAiB,KAAK,EACtBC,YAAY,KAAK,EACjBC,MAAM,EACNC,OAAO,EACPC,WAAW,KAAO,CAAC,EACnB5B,cAAc,EACd,GAAG6B,MACJ,GAAGV;IACJ,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGtC,SAAS;QACnDuC,MAAM;QACNC,eAAe;IACjB;IACA,MAAMC,wBAAuBb,UAAAA,oBAAAA,8BAAAA,QAAQc,UAAU,CAC7C,oCACAC,OAAO;IAET,MAAMC,mBAAmB/C,WACvB,UACA,oBACA6B,MAAMT,SAAS,EACf;QACE,oBAAoBoB,eAAeG,aAAa,IAAI,CAACC;QACrD,aAAaJ,eAAeE,IAAI;IAClC;IAEF,MAAMM,0BAA0BhD,WAC9B,oCACA;QACE,aAAawC,eAAeE,IAAI;IAClC;IAEF,MAAMO,iBAAiBjD,WAAW,2BAA2B;QAC3D,aAAawC,eAAeE,IAAI;IAClC;IACA,MAAMQ,WAAWV,eAAeE,IAAI,GAAGT,WAAWD;IAElD,MAAMmB,eAAe;QACnB,cAAc;QACd,IAAI,CAACX,eAAeE,IAAI,IAAIN,QAAQ;YAClCA;QACF;QACA,IAAII,eAAeE,IAAI,IAAIL,SAAS;YAClCA;QACF;QACA,IAAIC,UAAU;YACZA,SAAS,CAACE,eAAeE,IAAI;QAC/B;QACAD,kBAAkB;YAChBC,MAAM,CAACF,eAAeE,IAAI;YAC1BC,eAAe;QACjB;IACF;IAEAzC,UAAU;QACRuC,kBAAkB;YAChBC,MAAMP;YACNQ,eAAe;QACjB;IACF,GAAG;QAACR;KAAU;IAEd,qBACE,MAACd;QAAIS,KAAKA;QAAM,GAAGS,IAAI;QAAEnB,WAAW2B;;YACjCb,mBAAmB,uBAClB,KAAC5B;gBACCC,MAAM2C;gBACN1C,QAAQ2C;gBACRxC,cAAc6B,eAAeE,IAAI;gBACjChC,gBAAgBA;;0BAGpB,KAACW;gBACCD,WAAW4B;gBACXI,eAAa,CAACZ,eAAeE,IAAI;0BAEjC,cAAA,KAACrB;oBAAID,WAAW6B;8BAAiBpB,MAAMwB,QAAQ;;;YAEhDnB,mBAAmB,0BAClB,KAAC5B;gBACCC,MAAM2C;gBACN1C,QAAQ2C;gBACRxC,cAAc6B,eAAeE,IAAI;gBACjChC,gBAAgBA;;;;AAK1B,GAAG"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport {\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\n\nexport type AccordionElementType = HTMLDivElement;\nexport type AccordionRef = Ref<AccordionElementType>;\nexport interface AccordionLinkProps extends DOMProps {\n  /** Link text to show accordion content */\n  text?: string;\n  onClick?: () => void;\n  toggle: () => void;\n  headerChildren?: ReactNode;\n  ariaExpanded: boolean | undefined;\n}\n\nconst AccordionLink = ({\n  text,\n  toggle,\n  onClick,\n  headerChildren,\n  ariaExpanded,\n}: AccordionLinkProps) => {\n  const linkClasses = classNames(\"mobius/AccordionLink\", {\n    \"--is-open\": ariaExpanded,\n  });\n  const iconClasses = classNames(\"mobius/AccordionLinkIcon\", {\n    \"--is-open\": ariaExpanded,\n  });\n\n  const handleOnClick = (): void => {\n    if (onClick) {\n      onClick();\n    }\n    toggle();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \" \" || e.key === \"Enter\") {\n      toggle();\n    }\n  };\n\n  if (headerChildren) {\n    return (\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className=\"mobius/AccordionHeader\"\n      >\n        <div\n          className={linkClasses}\n          onClick={handleOnClick}\n          onKeyDown={handleKeyDown}\n          role=\"button\"\n          tabIndex={0}\n          aria-expanded={!!ariaExpanded}\n        >\n          <span className=\"mobius/AccordionLinkText\">{text}</span>\n          <Icon icon={chevronDown} className={iconClasses} />\n        </div>\n        {headerChildren}\n      </Flex>\n    );\n  }\n\n  return (\n    <div\n      className={linkClasses}\n      onClick={handleOnClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-expanded={!!ariaExpanded}\n    >\n      <span className=\"mobius/AccordionLinkText\">{text}</span>\n      <Icon icon={chevronDown} className={iconClasses} />\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends DOMProps,\n    RefAttributes<AccordionElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Link text to show accordion content */\n  showText?: string;\n  /** Link text to hide accordion content */\n  hideText?: string;\n  /** Whether header is above or below content */\n  headerPosition?: \"top\" | \"bottom\";\n  /** Whether to expand the accordion initially */\n  startOpen?: boolean | undefined;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Callback that fires each time the accordion state changes */\n  onChange?: (state: boolean) => void;\n  children?: ReactNode;\n  headerChildren?: ReactNode;\n}\n\nexport const Accordion: ForwardedRefComponent<\n  AccordionProps,\n  AccordionElementType\n> = forwardRef((props: AccordionProps, ref: AccordionRef) => {\n  const {\n    showText = \"See more\",\n    hideText = \"See less\",\n    headerPosition = \"top\",\n    startOpen = false,\n    onOpen,\n    onClose,\n    onChange = () => {},\n    headerChildren,\n    ...rest\n  } = props;\n  const [accordionState, setAccordionState] = useState({\n    open: true,\n    withAnimation: false,\n  });\n  const prefersReducedMotion = window?.matchMedia(\n    \"(prefers-reduced-motion: reduce)\",\n  ).matches;\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius/Accordion\",\n    props.className,\n    {\n      \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentContainerClasses = classNames(\n    \"mobius/AccordionContentContainer\",\n    {\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentClasses = classNames(\"mobius/AccordionContent\", {\n    \"--is-open\": accordionState.open,\n  });\n  const linkText = accordionState.open ? hideText : showText;\n\n  const handleChange = () => {\n    // Fire events\n    if (!accordionState.open && onOpen) {\n      onOpen();\n    }\n    if (accordionState.open && onClose) {\n      onClose();\n    }\n    if (onChange) {\n      onChange(!accordionState.open);\n    }\n    setAccordionState({\n      open: !accordionState.open,\n      withAnimation: true,\n    });\n  };\n\n  useEffect(() => {\n    setAccordionState({\n      open: startOpen,\n      withAnimation: false,\n    });\n  }, [startOpen]);\n\n  return (\n    <div ref={ref} {...rest} className={containerClasses}>\n      {headerPosition === \"top\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n      <div\n        className={contentContainerClasses}\n        aria-hidden={!accordionState.open}\n      >\n        <div className={contentClasses}>{props.children}</div>\n      </div>\n      {headerPosition === \"bottom\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["chevronDown","classNames","forwardRef","useEffect","useState","Flex","Icon","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","iconClasses","handleOnClick","handleKeyDown","e","key","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","icon","Accordion","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","aria-hidden","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,wBAAwB;AACpD,OAAOC,gBAAgB,oBAAoB;AAC3C,SAKEC,UAAU,EACVC,SAAS,EACTC,QAAQ,QACH,QAAQ;AAGf,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,IAAI,QAAQ,UAAU;AAa/B,MAAMC,gBAAgB,CAAC,EACrBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,YAAY,EACO;IACnB,MAAMC,cAAcZ,WAAW,wBAAwB;QACrD,aAAaW;IACf;IACA,MAAME,cAAcb,WAAW,4BAA4B;QACzD,aAAaW;IACf;IAEA,MAAMG,gBAAgB;QACpB,IAAIL,SAAS;YACXA;QACF;QACAD;IACF;IAEA,MAAMO,gBAAgB,CAACC;QACrB,IAAIA,EAAEC,GAAG,KAAK,OAAOD,EAAEC,GAAG,KAAK,SAAS;YACtCT;QACF;IACF;IAEA,IAAIE,gBAAgB;QAClB,qBACE,MAACN;YACCc,gBAAe;YACfC,YAAW;YACXC,WAAU;;8BAEV,MAACC;oBACCD,WAAWR;oBACXH,SAASK;oBACTQ,WAAWP;oBACXQ,MAAK;oBACLC,UAAU;oBACVC,iBAAe,CAAC,CAACd;;sCAEjB,KAACe;4BAAKN,WAAU;sCAA4Bb;;sCAC5C,KAACF;4BAAKsB,MAAM5B;4BAAaqB,WAAWP;;;;gBAErCH;;;IAGP;IAEA,qBACE,MAACW;QACCD,WAAWR;QACXH,SAASK;QACTQ,WAAWP;QACXQ,MAAK;QACLC,UAAU;QACVC,iBAAe,CAAC,CAACd;;0BAEjB,KAACe;gBAAKN,WAAU;0BAA4Bb;;0BAC5C,KAACF;gBAAKsB,MAAM5B;gBAAaqB,WAAWP;;;;AAG1C;AAyBA,OAAO,MAAMe,0BAGT3B,WAAW,CAAC4B,OAAuBC;QAgBRC;IAf7B,MAAM,EACJC,WAAW,UAAU,EACrBC,WAAW,UAAU,EACrBC,iBAAiB,KAAK,EACtBC,YAAY,KAAK,EACjBC,MAAM,EACNC,OAAO,EACPC,WAAW,KAAO,CAAC,EACnB5B,cAAc,EACd,GAAG6B,MACJ,GAAGV;IACJ,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGtC,SAAS;QACnDuC,MAAM;QACNC,eAAe;IACjB;IACA,MAAMC,wBAAuBb,UAAAA,oBAAAA,8BAAAA,QAAQc,UAAU,CAC7C,oCACAC,OAAO;IAET,MAAMC,mBAAmB/C,WACvB,UACA,oBACA6B,MAAMT,SAAS,EACf;QACE,oBAAoBoB,eAAeG,aAAa,IAAI,CAACC;QACrD,aAAaJ,eAAeE,IAAI;IAClC;IAEF,MAAMM,0BAA0BhD,WAC9B,oCACA;QACE,aAAawC,eAAeE,IAAI;IAClC;IAEF,MAAMO,iBAAiBjD,WAAW,2BAA2B;QAC3D,aAAawC,eAAeE,IAAI;IAClC;IACA,MAAMQ,WAAWV,eAAeE,IAAI,GAAGT,WAAWD;IAElD,MAAMmB,eAAe;QACnB,cAAc;QACd,IAAI,CAACX,eAAeE,IAAI,IAAIN,QAAQ;YAClCA;QACF;QACA,IAAII,eAAeE,IAAI,IAAIL,SAAS;YAClCA;QACF;QACA,IAAIC,UAAU;YACZA,SAAS,CAACE,eAAeE,IAAI;QAC/B;QACAD,kBAAkB;YAChBC,MAAM,CAACF,eAAeE,IAAI;YAC1BC,eAAe;QACjB;IACF;IAEAzC,UAAU;QACRuC,kBAAkB;YAChBC,MAAMP;YACNQ,eAAe;QACjB;IACF,GAAG;QAACR;KAAU;IAEd,qBACE,MAACd;QAAIS,KAAKA;QAAM,GAAGS,IAAI;QAAEnB,WAAW2B;;YACjCb,mBAAmB,uBAClB,KAAC5B;gBACCC,MAAM2C;gBACN1C,QAAQ2C;gBACRxC,cAAc6B,eAAeE,IAAI;gBACjChC,gBAAgBA;;0BAGpB,KAACW;gBACCD,WAAW4B;gBACXI,eAAa,CAACZ,eAAeE,IAAI;0BAEjC,cAAA,KAACrB;oBAAID,WAAW6B;8BAAiBpB,MAAMwB,QAAQ;;;YAEhDnB,mBAAmB,0BAClB,KAAC5B;gBACCC,MAAM2C;gBACN1C,QAAQ2C;gBACRxC,cAAc6B,eAAeE,IAAI;gBACjChC,gBAAgBA;;;;AAK1B,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { circleInfo, circleTick, warning, error } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Icon } from \"../Icon\";\n\nexport type AlertElementType = HTMLDivElement;\n\nexport interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\";\n  show?: boolean;\n  header?: string;\n}\n\nexport type AlertRef = Ref<AlertElementType>;\n\nconst Alert: ForwardedRefComponent<AlertProps, AlertElementType> = forwardRef(\n  (props: AlertProps, ref: AlertRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant = \"info\",\n      show = true,\n      header,\n      children,\n      ...otherProps\n    } = props;\n\n    if (!show) return null;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Alert\",\n      {\n        \"--info\": variant === \"info\",\n        \"--success\": variant === \"success\",\n        \"--warning\": variant === \"warning\",\n        \"--error\": variant === \"error\",\n        \"--has-header\": header,\n      },\n      otherProps.className,\n    );\n    const icon = {\n      info: circleInfo,\n      success: circleTick,\n      warning,\n      error,\n    };\n\n    const headerClasses = classNames(\"mobius\", \"mobius/AlertHeader\");\n    const iconClasses = classNames(\"mobius\", \"mobius/AlertIcon\");\n    const contentClasses = classNames(\"mobius\", \"mobius/AlertContent\");\n\n    return (\n      <Element ref={ref} role=\"alert\" {...otherProps} className={classes}>\n        <span className={iconClasses}>\n          <Icon icon={icon[variant]} />\n        </span>\n        <div>\n          {header && <p className={headerClasses}>{header}</p>}\n          <div className={contentClasses}>{children}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\nexport { Alert };\n"],"names":["forwardRef","classNames","circleInfo","circleTick","warning","error","Icon","Alert","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","className","icon","info","success","headerClasses","iconClasses","contentClasses","role","span","div","p","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,UAAU,EAAEC,OAAO,EAAEC,KAAK,QAAQ,wBAAwB;AAG/E,SAASC,IAAI,QAAQ,UAAU;AAgB/B,MAAMC,sBAA6DP,WACjE,CAACQ,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,UAAU,MAAM,EAChBC,OAAO,IAAI,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,YACJ,GAAGR;IAEJ,IAAI,CAACK,MAAM,OAAO;IAElB,MAAMI,UAAUhB,WACd,UACA,gBACA;QACE,UAAUW,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWE,SAAS;IAEtB,MAAMC,OAAO;QACXC,MAAMlB;QACNmB,SAASlB;QACTC;QACAC;IACF;IAEA,MAAMiB,gBAAgBrB,WAAW,UAAU;IAC3C,MAAMsB,cAActB,WAAW,UAAU;IACzC,MAAMuB,iBAAiBvB,WAAW,UAAU;IAE5C,qBACE,MAACU;QAAQF,KAAKA;QAAKgB,MAAK;QAAS,GAAGT,UAAU;QAAEE,WAAWD;;0BACzD,KAACS;gBAAKR,WAAWK;0BACf,cAAA,KAACjB;oBAAKa,MAAMA,IAAI,CAACP,QAAQ;;;0BAE3B,MAACe;;oBACEb,wBAAU,KAACc;wBAAEV,WAAWI;kCAAgBR;;kCACzC,KAACa;wBAAIT,WAAWM;kCAAiBT;;;;;;AAIzC;AAGFR,MAAMsB,WAAW,GAAG;AACpB,SAAStB,KAAK,GAAG"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { circleInfo, circleTick, warning, error } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Icon } from \"../Icon\";\n\nexport type AlertElementType = HTMLDivElement;\n\nexport interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\";\n  show?: boolean;\n  header?: string;\n}\n\nexport type AlertRef = Ref<AlertElementType>;\n\nconst Alert: ForwardedRefComponent<AlertProps, AlertElementType> = forwardRef(\n  (props: AlertProps, ref: AlertRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant = \"info\",\n      show = true,\n      header,\n      children,\n      ...otherProps\n    } = props;\n\n    if (!show) return null;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Alert\",\n      {\n        \"--info\": variant === \"info\",\n        \"--success\": variant === \"success\",\n        \"--warning\": variant === \"warning\",\n        \"--error\": variant === \"error\",\n        \"--has-header\": header,\n      },\n      otherProps.className,\n    );\n    const icon = {\n      info: circleInfo,\n      success: circleTick,\n      warning,\n      error,\n    };\n\n    const headerClasses = classNames(\"mobius\", \"mobius/AlertHeader\");\n    const iconClasses = classNames(\"mobius\", \"mobius/AlertIcon\");\n    const contentClasses = classNames(\"mobius\", \"mobius/AlertContent\");\n\n    return (\n      <Element ref={ref} role=\"alert\" {...otherProps} className={classes}>\n        <span className={iconClasses}>\n          <Icon icon={icon[variant]} />\n        </span>\n        <div>\n          {header && <p className={headerClasses}>{header}</p>}\n          <div className={contentClasses}>{children}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\nexport { Alert };\n"],"names":["forwardRef","classNames","circleInfo","circleTick","warning","error","Icon","Alert","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","className","icon","info","success","headerClasses","iconClasses","contentClasses","role","span","div","p","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,UAAU,EAAEC,OAAO,EAAEC,KAAK,QAAQ,wBAAwB;AAG/E,SAASC,IAAI,QAAQ,UAAU;AAgB/B,MAAMC,sBAA6DP,WACjE,CAACQ,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,UAAU,MAAM,EAChBC,OAAO,IAAI,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,YACJ,GAAGR;IAEJ,IAAI,CAACK,MAAM,OAAO;IAElB,MAAMI,UAAUhB,WACd,UACA,gBACA;QACE,UAAUW,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWE,SAAS;IAEtB,MAAMC,OAAO;QACXC,MAAMlB;QACNmB,SAASlB;QACTC;QACAC;IACF;IAEA,MAAMiB,gBAAgBrB,WAAW,UAAU;IAC3C,MAAMsB,cAActB,WAAW,UAAU;IACzC,MAAMuB,iBAAiBvB,WAAW,UAAU;IAE5C,qBACE,MAACU;QAAQF,KAAKA;QAAKgB,MAAK;QAAS,GAAGT,UAAU;QAAEE,WAAWD;;0BACzD,KAACS;gBAAKR,WAAWK;0BACf,cAAA,KAACjB;oBAAKa,MAAMA,IAAI,CAACP,QAAQ;;;0BAE3B,MAACe;;oBACEb,wBAAU,KAACc;wBAAEV,WAAWI;kCAAgBR;;kCACzC,KAACa;wBAAIT,WAAWM;kCAAiBT;;;;;;AAIzC;AAGFR,MAAMsB,WAAW,GAAG;AACpB,SAAStB,KAAK,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { BoxElementType, BoxProps } from \"./types\";\nimport { getSpacingValue, filterUndefinedProps } from \"../../utils\";\n\nexport type BoxRef = Ref<BoxElementType>;\n\nconst Box: ForwardedRefComponent<BoxProps, BoxElementType> = forwardRef(\n  (props: BoxProps, ref: BoxRef) => {\n    const {\n      elementType: Element = \"div\",\n      padding,\n      paddingX,\n      paddingInline,\n      paddingInlineStart,\n      paddingInlineEnd,\n      paddingY,\n      paddingBlock,\n      paddingBlockStart,\n      paddingBlockEnd,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      style,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n\n    const styleProps = filterUndefinedProps({\n      padding: getSpacingValue(padding),\n      paddingInline: getSpacingValue(paddingInline || paddingX),\n      paddingBlock: getSpacingValue(paddingBlock || paddingY),\n      paddingTop: getSpacingValue(paddingTop || paddingBlockStart),\n      paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),\n      paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),\n      paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      ...style,\n    });\n\n    return (\n      <Element\n        ref={ref}\n        style={styleProps}\n        {...otherProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nBox.displayName = \"Box\";\nexport { Box };\n"],"names":["forwardRef","classNames","getSpacingValue","filterUndefinedProps","Box","props","ref","elementType","Element","padding","paddingX","paddingInline","paddingInlineStart","paddingInlineEnd","paddingY","paddingBlock","paddingBlockStart","paddingBlockEnd","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","minHeight","maxWidth","maxHeight","width","height","style","otherProps","classes","className","styleProps","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAQ,QAAQ;AACxC,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,cAAc;AAIpE,MAAMC,oBAAuDJ,WAC3D,CAACK,OAAiBC;IAChB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,KAAK,EACL,GAAGC,YACJ,GAAGxB;IAEJ,MAAMyB,UAAU7B,WAAW,UAAU,cAAc4B,WAAWE,SAAS;IAEvE,MAAMC,aAAa7B,qBAAqB;QACtCM,SAASP,gBAAgBO;QACzBE,eAAeT,gBAAgBS,iBAAiBD;QAChDK,cAAcb,gBAAgBa,gBAAgBD;QAC9CI,YAAYhB,gBAAgBgB,cAAcF;QAC1CG,cAAcjB,gBAAgBiB,gBAAgBN;QAC9CO,eAAelB,gBAAgBkB,iBAAiBH;QAChDI,aAAanB,gBAAgBmB,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,KAACpB;QACCF,KAAKA;QACLsB,OAAOI;QACN,GAAGH,UAAU;QACdE,WAAWD;;AAGjB;AAGF1B,IAAI6B,WAAW,GAAG;AAClB,SAAS7B,GAAG,GAAG"}
+{"version":3,"sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { BoxElementType, BoxProps } from \"./types\";\nimport { getSpacingValue, filterUndefinedProps } from \"../../utils\";\n\nexport type BoxRef = Ref<BoxElementType>;\n\nconst Box: ForwardedRefComponent<BoxProps, BoxElementType> = forwardRef(\n  (props: BoxProps, ref: BoxRef) => {\n    const {\n      elementType: Element = \"div\",\n      padding,\n      paddingX,\n      paddingInline,\n      paddingInlineStart,\n      paddingInlineEnd,\n      paddingY,\n      paddingBlock,\n      paddingBlockStart,\n      paddingBlockEnd,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      style,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n\n    const styleProps = filterUndefinedProps({\n      padding: getSpacingValue(padding),\n      paddingInline: getSpacingValue(paddingInline || paddingX),\n      paddingBlock: getSpacingValue(paddingBlock || paddingY),\n      paddingTop: getSpacingValue(paddingTop || paddingBlockStart),\n      paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),\n      paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),\n      paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      ...style,\n    });\n\n    return (\n      <Element\n        ref={ref}\n        style={styleProps}\n        {...otherProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nBox.displayName = \"Box\";\nexport { Box };\n"],"names":["forwardRef","classNames","getSpacingValue","filterUndefinedProps","Box","props","ref","elementType","Element","padding","paddingX","paddingInline","paddingInlineStart","paddingInlineEnd","paddingY","paddingBlock","paddingBlockStart","paddingBlockEnd","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","minHeight","maxWidth","maxHeight","width","height","style","otherProps","classes","className","styleProps","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAcA,UAAU,QAAQ,QAAQ;AACxC,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,cAAc;AAIpE,MAAMC,oBAAuDJ,WAC3D,CAACK,OAAiBC;IAChB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,KAAK,EACL,GAAGC,YACJ,GAAGxB;IAEJ,MAAMyB,UAAU7B,WAAW,UAAU,cAAc4B,WAAWE,SAAS;IAEvE,MAAMC,aAAa7B,qBAAqB;QACtCM,SAASP,gBAAgBO;QACzBE,eAAeT,gBAAgBS,iBAAiBD;QAChDK,cAAcb,gBAAgBa,gBAAgBD;QAC9CI,YAAYhB,gBAAgBgB,cAAcF;QAC1CG,cAAcjB,gBAAgBiB,gBAAgBN;QAC9CO,eAAelB,gBAAgBkB,iBAAiBH;QAChDI,aAAanB,gBAAgBmB,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,KAACpB;QACCF,KAAKA;QACLsB,OAAOI;QACN,GAAGH,UAAU;QACdE,WAAWD;;AAGjB;AAGF1B,IAAI6B,WAAW,GAAG;AAClB,SAAS7B,GAAG,GAAG"}

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

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

package/dist/esm/components/Box/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Box/types.ts"],"sourcesContent":["import { ReactNode, RefAttributes } from \"react\";\nimport { DOMProps, SpacingType } from \"../../types\";\n\nexport type BoxElementType = HTMLDivElement;\n\nexport type BoxDimensionsType = string | number;\n\nexport interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: \"div\" | \"span\";\n  style?: React.CSSProperties;\n  padding?: SpacingType;\n  paddingX?: SpacingType;\n  paddingInline?: SpacingType;\n  paddingInlineStart?: SpacingType;\n  paddingInlineEnd?: SpacingType;\n  paddingY?: SpacingType;\n  paddingBlock?: SpacingType;\n  paddingBlockStart?: SpacingType;\n  paddingBlockEnd?: SpacingType;\n  paddingTop?: SpacingType;\n  paddingRight?: SpacingType;\n  paddingBottom?: SpacingType;\n  paddingLeft?: SpacingType;\n  minWidth?: BoxDimensionsType;\n  minHeight?: BoxDimensionsType;\n  maxWidth?: BoxDimensionsType;\n  maxHeight?: BoxDimensionsType;\n  width?: BoxDimensionsType;\n  height?: BoxDimensionsType;\n}\n"],"names":[],"mappings":"AAOA,WA0BC"}
+{"version":3,"sources":["../../../../src/components/Box/types.ts"],"sourcesContent":["import { ReactNode, RefAttributes } from \"react\";\nimport { DOMProps, SpacingType } from \"../../types\";\n\nexport type BoxElementType = HTMLDivElement;\n\nexport type BoxDimensionsType = string | number;\n\nexport interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: \"div\" | \"span\";\n  style?: React.CSSProperties;\n  padding?: SpacingType;\n  paddingX?: SpacingType;\n  paddingInline?: SpacingType;\n  paddingInlineStart?: SpacingType;\n  paddingInlineEnd?: SpacingType;\n  paddingY?: SpacingType;\n  paddingBlock?: SpacingType;\n  paddingBlockStart?: SpacingType;\n  paddingBlockEnd?: SpacingType;\n  paddingTop?: SpacingType;\n  paddingRight?: SpacingType;\n  paddingBottom?: SpacingType;\n  paddingLeft?: SpacingType;\n  minWidth?: BoxDimensionsType;\n  minHeight?: BoxDimensionsType;\n  maxWidth?: BoxDimensionsType;\n  maxHeight?: BoxDimensionsType;\n  width?: BoxDimensionsType;\n  height?: BoxDimensionsType;\n}\n"],"names":[],"rangeMappings":"","mappings":"AAOA,WA0BC"}

package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  ReactNode,\n  ReactElement,\n  cloneElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Box } from \"../Box\";\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends DOMProps {\n  \"aria-current\"?:\n    | \"page\"\n    | \"step\"\n    | \"location\"\n    | \"date\"\n    | \"time\"\n    | boolean\n    | \"true\"\n    | \"false\";\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  separator?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;\n\nconst BreadcrumbItem: ForwardedRefComponent<\n  BreadcrumbItemProps,\n  BreadcrumbItemElementType\n> = forwardRef((props: BreadcrumbItemProps, ref: BreadcrumbItemRef) => {\n  const {\n    isDisabled = false,\n    isCurrent = false,\n    \"aria-current\": ariaCurrent = \"page\",\n    children,\n    separator = (\n      <Box className=\"mobius/BreadcrumbSeparator\" aria-hidden=\"true\">\n        {\">\"}\n      </Box>\n    ),\n    ...otherProps\n  } = props;\n  const { itemProps } = {\n    itemProps: {\n      \"aria-current\": isCurrent ? ariaCurrent : undefined,\n      \"aria-disabled\": isDisabled || isCurrent,\n      ...otherProps,\n    },\n  };\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/BreadcrumbItem\",\n    props.className,\n  );\n\n  const child =\n    typeof children === \"string\" ? (\n      <span {...itemProps}>{children}</span>\n    ) : (\n      (Children.only(children) as ReactElement)\n    );\n\n  return (\n    <li className={classes}>\n      {cloneElement(child, { ...child.props, ...itemProps, ref })}\n      {!props.isCurrent && separator}\n    </li>\n  );\n});\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\nexport { BreadcrumbItem };\n"],"names":["forwardRef","cloneElement","Children","classNames","Box","BreadcrumbItem","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","className","aria-hidden","otherProps","itemProps","undefined","classes","child","span","only","li","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EAGVC,YAAY,EACZC,QAAQ,QACH,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,GAAG,QAAQ,SAAS;AAuB7B,MAAMC,+BAGFL,WAAW,CAACM,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,KAACR;QAAIS,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGT;IACJ,MAAM,EAAEU,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBP,YAAYC,cAAcO;YAC1C,iBAAiBT,cAAcC;YAC/B,GAAGM,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUf,WACd,UACA,yBACAG,MAAMO,SAAS;IAGjB,MAAMM,QACJ,OAAOR,aAAa,yBAClB,KAACS;QAAM,GAAGJ,SAAS;kBAAGL;SAErBT,SAASmB,IAAI,CAACV;IAGnB,qBACE,MAACW;QAAGT,WAAWK;;0BACZjB,aAAakB,OAAO;gBAAE,GAAGA,MAAMb,KAAK;gBAAE,GAAGU,SAAS;gBAAET;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAP,eAAekB,WAAW,GAAG;AAC7B,SAASlB,cAAc,GAAG"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  ReactNode,\n  ReactElement,\n  cloneElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Box } from \"../Box\";\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends DOMProps {\n  \"aria-current\"?:\n    | \"page\"\n    | \"step\"\n    | \"location\"\n    | \"date\"\n    | \"time\"\n    | boolean\n    | \"true\"\n    | \"false\";\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  separator?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;\n\nconst BreadcrumbItem: ForwardedRefComponent<\n  BreadcrumbItemProps,\n  BreadcrumbItemElementType\n> = forwardRef((props: BreadcrumbItemProps, ref: BreadcrumbItemRef) => {\n  const {\n    isDisabled = false,\n    isCurrent = false,\n    \"aria-current\": ariaCurrent = \"page\",\n    children,\n    separator = (\n      <Box className=\"mobius/BreadcrumbSeparator\" aria-hidden=\"true\">\n        {\">\"}\n      </Box>\n    ),\n    ...otherProps\n  } = props;\n  const { itemProps } = {\n    itemProps: {\n      \"aria-current\": isCurrent ? ariaCurrent : undefined,\n      \"aria-disabled\": isDisabled || isCurrent,\n      ...otherProps,\n    },\n  };\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/BreadcrumbItem\",\n    props.className,\n  );\n\n  const child =\n    typeof children === \"string\" ? (\n      <span {...itemProps}>{children}</span>\n    ) : (\n      (Children.only(children) as ReactElement)\n    );\n\n  return (\n    <li className={classes}>\n      {cloneElement(child, { ...child.props, ...itemProps, ref })}\n      {!props.isCurrent && separator}\n    </li>\n  );\n});\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\nexport { BreadcrumbItem };\n"],"names":["forwardRef","cloneElement","Children","classNames","Box","BreadcrumbItem","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","className","aria-hidden","otherProps","itemProps","undefined","classes","child","span","only","li","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAEEA,UAAU,EAGVC,YAAY,EACZC,QAAQ,QACH,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,GAAG,QAAQ,SAAS;AAuB7B,MAAMC,+BAGFL,WAAW,CAACM,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,KAACR;QAAIS,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGT;IACJ,MAAM,EAAEU,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBP,YAAYC,cAAcO;YAC1C,iBAAiBT,cAAcC;YAC/B,GAAGM,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUf,WACd,UACA,yBACAG,MAAMO,SAAS;IAGjB,MAAMM,QACJ,OAAOR,aAAa,yBAClB,KAACS;QAAM,GAAGJ,SAAS;kBAAGL;SAErBT,SAASmB,IAAI,CAACV;IAGnB,qBACE,MAACW;QAAGT,WAAWK;;0BACZjB,aAAakB,OAAO;gBAAE,GAAGA,MAAMb,KAAK;gBAAE,GAAGU,SAAS;gBAAET;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAP,eAAekB,WAAW,GAAG;AAC7B,SAASlB,cAAc,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  Children,\n  cloneElement,\n  ReactElement,\n  RefAttributes,\n  ReactNode,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type BreadcrumbsElementType = HTMLUListElement;\n\nexport interface BreadcrumbsProps\n  extends RefAttributes<BreadcrumbsElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport type BreadcrumbsRef = Ref<BreadcrumbsElementType>;\n\nconst Breadcrumbs: ForwardedRefComponent<\n  BreadcrumbsProps,\n  BreadcrumbsElementType\n> = forwardRef((props: BreadcrumbsProps, ref: BreadcrumbsRef) => {\n  const { \"aria-label\": ariaLabel = \"Breadcrumbs\" } = props;\n  const { navProps } = { navProps: { \"aria-label\": ariaLabel } };\n  const { children, ...otherProps } = props;\n  const childArray = Children.toArray(children);\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Breadcrumb\",\n    otherProps.className,\n  );\n\n  return (\n    <nav ref={ref} {...otherProps} {...navProps} className={classes}>\n      <ul>\n        {childArray.map((child, i) =>\n          cloneElement(child as ReactElement, {\n            isCurrent: i === childArray.length - 1,\n          }),\n        )}\n      </ul>\n    </nav>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\nexport { Breadcrumbs };\n"],"names":["forwardRef","Children","cloneElement","classNames","Breadcrumbs","props","ref","ariaLabel","navProps","children","otherProps","childArray","toArray","classes","className","nav","ul","map","child","i","isCurrent","length","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,QAAQ,EACRC,YAAY,QAIP,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAe3C,MAAMC,4BAGFJ,WAAW,CAACK,OAAyBC;IACvC,MAAM,EAAE,cAAcC,YAAY,aAAa,EAAE,GAAGF;IACpD,MAAM,EAAEG,QAAQ,EAAE,GAAG;QAAEA,UAAU;YAAE,cAAcD;QAAU;IAAE;IAC7D,MAAM,EAAEE,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACpC,MAAMM,aAAaV,SAASW,OAAO,CAACH;IAEpC,gDAAgD;IAChD,MAAMI,UAAUV,WACd,UACA,qBACAO,WAAWI,SAAS;IAGtB,qBACE,KAACC;QAAIT,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEM,WAAWD;kBACtD,cAAA,KAACG;sBACEL,WAAWM,GAAG,CAAC,CAACC,OAAOC,kBACtBjB,aAAagB,OAAuB;oBAClCE,WAAWD,MAAMR,WAAWU,MAAM,GAAG;gBACvC;;;AAKV;AAEAjB,YAAYkB,WAAW,GAAG;AAC1B,SAASlB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  Children,\n  cloneElement,\n  ReactElement,\n  RefAttributes,\n  ReactNode,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type BreadcrumbsElementType = HTMLUListElement;\n\nexport interface BreadcrumbsProps\n  extends RefAttributes<BreadcrumbsElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport type BreadcrumbsRef = Ref<BreadcrumbsElementType>;\n\nconst Breadcrumbs: ForwardedRefComponent<\n  BreadcrumbsProps,\n  BreadcrumbsElementType\n> = forwardRef((props: BreadcrumbsProps, ref: BreadcrumbsRef) => {\n  const { \"aria-label\": ariaLabel = \"Breadcrumbs\" } = props;\n  const { navProps } = { navProps: { \"aria-label\": ariaLabel } };\n  const { children, ...otherProps } = props;\n  const childArray = Children.toArray(children);\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Breadcrumb\",\n    otherProps.className,\n  );\n\n  return (\n    <nav ref={ref} {...otherProps} {...navProps} className={classes}>\n      <ul>\n        {childArray.map((child, i) =>\n          cloneElement(child as ReactElement, {\n            isCurrent: i === childArray.length - 1,\n          }),\n        )}\n      </ul>\n    </nav>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\nexport { Breadcrumbs };\n"],"names":["forwardRef","Children","cloneElement","classNames","Breadcrumbs","props","ref","ariaLabel","navProps","children","otherProps","childArray","toArray","classes","className","nav","ul","map","child","i","isCurrent","length","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,QAAQ,EACRC,YAAY,QAIP,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAe3C,MAAMC,4BAGFJ,WAAW,CAACK,OAAyBC;IACvC,MAAM,EAAE,cAAcC,YAAY,aAAa,EAAE,GAAGF;IACpD,MAAM,EAAEG,QAAQ,EAAE,GAAG;QAAEA,UAAU;YAAE,cAAcD;QAAU;IAAE;IAC7D,MAAM,EAAEE,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACpC,MAAMM,aAAaV,SAASW,OAAO,CAACH;IAEpC,gDAAgD;IAChD,MAAMI,UAAUV,WACd,UACA,qBACAO,WAAWI,SAAS;IAGtB,qBACE,KAACC;QAAIT,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEM,WAAWD;kBACtD,cAAA,KAACG;sBACEL,WAAWM,GAAG,CAAC,CAACC,OAAOC,kBACtBjB,aAAagB,OAAuB;oBAClCE,WAAWD,MAAMR,WAAWU,MAAM,GAAG;gBACvC;;;AAKV;AAEAjB,YAAYkB,WAAW,GAAG;AAC1B,SAASlB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["export * from \"./Breadcrumbs\";\nexport * from \"./BreadcrumbItem\";\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["export * from \"./Breadcrumbs\";\nexport * from \"./BreadcrumbItem\";\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Loading } from \"./Loading\";\nimport { UseButtonProps, useButton } from \"../../hooks/useButton\";\n\nlet HAS_DEPRECATION_WARNING_SHOWN = false;\n\nexport const VARIANT_DEPRECATION_WARNING =\n  \"Deprecated <Button> variants detected. For `inverse`, please use `basic`, for `inverse-ghost` - `secondary` instead.\";\n\nexport type ButtonElementType = HTMLButtonElement;\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"inverse\"\n  | \"inverse-ghost\"\n  | \"basic\"\n  | \"link\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends UseButtonProps,\n    DOMProps,\n    RefAttributes<ButtonElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Shortlist of styles */\n  variant?: Variant;\n  size?: Size;\n  /** Display loading spinner */\n  isLoading?: boolean;\n  /** Display success style */\n  isSuccess?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: ReactNode;\n}\n\nexport type ButtonRef = Ref<ButtonElementType>;\n\nconst Button: ForwardedRefComponent<ButtonProps, ButtonElementType> =\n  forwardRef((props: ButtonProps, ref: ButtonRef) => {\n    const {\n      children,\n      elementType: Component = \"button\",\n      isDisabled,\n      isLoading,\n      isSuccess,\n      variant = \"primary\",\n      size = \"md\",\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onPress,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onClick,\n      ...otherProps\n    } = props;\n    const { buttonProps } = useButton(props);\n\n    if (\n      (variant === \"inverse\" || variant === \"inverse-ghost\") &&\n      !HAS_DEPRECATION_WARNING_SHOWN\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(VARIANT_DEPRECATION_WARNING);\n      HAS_DEPRECATION_WARNING_SHOWN = true;\n    }\n\n    // Map deprecated variants to alternative ones\n    const getVariant = (type: Variant) => {\n      if (type === \"inverse\") {\n        return \"basic\";\n      }\n\n      if (type === \"inverse-ghost\") {\n        return \"secondary\";\n      }\n\n      return variant;\n    };\n\n    const buttonVariant = getVariant(variant);\n\n    // Reshape class name and apply to outer element\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Button\",\n      `--variant-${buttonVariant}`,\n      `--size-${size}`,\n      {\n        \"--is-disabled\": isDisabled,\n        \"--is-loading\": isLoading,\n        \"--is-success\": isSuccess && !isLoading,\n      },\n      otherProps.className,\n    );\n    otherProps.className = classes;\n\n    return (\n      <Component ref={ref} {...buttonProps} {...otherProps}>\n        {isLoading ? <Loading /> : children && children}\n      </Component>\n    );\n  });\n\nButton.displayName = \"Button\";\nexport { Button };\n"],"names":["forwardRef","classNames","Loading","useButton","HAS_DEPRECATION_WARNING_SHOWN","VARIANT_DEPRECATION_WARNING","Button","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","onPress","onClick","otherProps","buttonProps","console","warn","getVariant","type","buttonVariant","classes","className","displayName"],"mappings":"AAAA;;AAEA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAAyBC,SAAS,QAAQ,wBAAwB;AAElE,IAAIC,gCAAgC;AAEpC,OAAO,MAAMC,8BACX,uHAAuH;AAkCzH,MAAMC,uBACJN,WAAW,CAACO,OAAoBC;IAC9B,MAAM,EACJC,QAAQ,EACRC,aAAaC,YAAY,QAAQ,EACjCC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,SAAS,EACnBC,OAAO,IAAI,EACX,6DAA6D;IAC7DC,OAAO,EACP,6DAA6D;IAC7DC,OAAO,EACP,GAAGC,YACJ,GAAGZ;IACJ,MAAM,EAAEa,WAAW,EAAE,GAAGjB,UAAUI;IAElC,IACE,AAACQ,CAAAA,YAAY,aAAaA,YAAY,eAAc,KACpD,CAACX,+BACD;QACA,sCAAsC;QACtCiB,QAAQC,IAAI,CAACjB;QACbD,gCAAgC;IAClC;IAEA,8CAA8C;IAC9C,MAAMmB,aAAa,CAACC;QAClB,IAAIA,SAAS,WAAW;YACtB,OAAO;QACT;QAEA,IAAIA,SAAS,iBAAiB;YAC5B,OAAO;QACT;QAEA,OAAOT;IACT;IAEA,MAAMU,gBAAgBF,WAAWR;IAEjC,gDAAgD;IAChD,MAAMW,UAAUzB,WACd,UACA,iBACA,CAAC,UAAU,EAAEwB,cAAc,CAAC,EAC5B,CAAC,OAAO,EAAET,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAM,WAAWQ,SAAS;IAEtBR,WAAWQ,SAAS,GAAGD;IAEvB,qBACE,KAACf;QAAUH,KAAKA;QAAM,GAAGY,WAAW;QAAG,GAAGD,UAAU;kBACjDN,0BAAY,KAACX,eAAaO,YAAYA;;AAG7C;AAEFH,OAAOsB,WAAW,GAAG;AACrB,SAAStB,MAAM,GAAG"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Loading } from \"./Loading\";\nimport { UseButtonProps, useButton } from \"../../hooks/useButton\";\n\nlet HAS_DEPRECATION_WARNING_SHOWN = false;\n\nexport const VARIANT_DEPRECATION_WARNING =\n  \"Deprecated <Button> variants detected. For `inverse`, please use `basic`, for `inverse-ghost` - `secondary` instead.\";\n\nexport type ButtonElementType = HTMLButtonElement;\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"inverse\"\n  | \"inverse-ghost\"\n  | \"basic\"\n  | \"link\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends UseButtonProps,\n    DOMProps,\n    RefAttributes<ButtonElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Shortlist of styles */\n  variant?: Variant;\n  size?: Size;\n  /** Display loading spinner */\n  isLoading?: boolean;\n  /** Display success style */\n  isSuccess?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: ReactNode;\n}\n\nexport type ButtonRef = Ref<ButtonElementType>;\n\nconst Button: ForwardedRefComponent<ButtonProps, ButtonElementType> =\n  forwardRef((props: ButtonProps, ref: ButtonRef) => {\n    const {\n      children,\n      elementType: Component = \"button\",\n      isDisabled,\n      isLoading,\n      isSuccess,\n      variant = \"primary\",\n      size = \"md\",\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onPress,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onClick,\n      ...otherProps\n    } = props;\n    const { buttonProps } = useButton(props);\n\n    if (\n      (variant === \"inverse\" || variant === \"inverse-ghost\") &&\n      !HAS_DEPRECATION_WARNING_SHOWN\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(VARIANT_DEPRECATION_WARNING);\n      HAS_DEPRECATION_WARNING_SHOWN = true;\n    }\n\n    // Map deprecated variants to alternative ones\n    const getVariant = (type: Variant) => {\n      if (type === \"inverse\") {\n        return \"basic\";\n      }\n\n      if (type === \"inverse-ghost\") {\n        return \"secondary\";\n      }\n\n      return variant;\n    };\n\n    const buttonVariant = getVariant(variant);\n\n    // Reshape class name and apply to outer element\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Button\",\n      `--variant-${buttonVariant}`,\n      `--size-${size}`,\n      {\n        \"--is-disabled\": isDisabled,\n        \"--is-loading\": isLoading,\n        \"--is-success\": isSuccess && !isLoading,\n      },\n      otherProps.className,\n    );\n    otherProps.className = classes;\n\n    return (\n      <Component ref={ref} {...buttonProps} {...otherProps}>\n        {isLoading ? <Loading /> : children && children}\n      </Component>\n    );\n  });\n\nButton.displayName = \"Button\";\nexport { Button };\n"],"names":["forwardRef","classNames","Loading","useButton","HAS_DEPRECATION_WARNING_SHOWN","VARIANT_DEPRECATION_WARNING","Button","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","onPress","onClick","otherProps","buttonProps","console","warn","getVariant","type","buttonVariant","classes","className","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAAyBC,SAAS,QAAQ,wBAAwB;AAElE,IAAIC,gCAAgC;AAEpC,OAAO,MAAMC,8BACX,uHAAuH;AAkCzH,MAAMC,uBACJN,WAAW,CAACO,OAAoBC;IAC9B,MAAM,EACJC,QAAQ,EACRC,aAAaC,YAAY,QAAQ,EACjCC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,SAAS,EACnBC,OAAO,IAAI,EACX,6DAA6D;IAC7DC,OAAO,EACP,6DAA6D;IAC7DC,OAAO,EACP,GAAGC,YACJ,GAAGZ;IACJ,MAAM,EAAEa,WAAW,EAAE,GAAGjB,UAAUI;IAElC,IACE,AAACQ,CAAAA,YAAY,aAAaA,YAAY,eAAc,KACpD,CAACX,+BACD;QACA,sCAAsC;QACtCiB,QAAQC,IAAI,CAACjB;QACbD,gCAAgC;IAClC;IAEA,8CAA8C;IAC9C,MAAMmB,aAAa,CAACC;QAClB,IAAIA,SAAS,WAAW;YACtB,OAAO;QACT;QAEA,IAAIA,SAAS,iBAAiB;YAC5B,OAAO;QACT;QAEA,OAAOT;IACT;IAEA,MAAMU,gBAAgBF,WAAWR;IAEjC,gDAAgD;IAChD,MAAMW,UAAUzB,WACd,UACA,iBACA,CAAC,UAAU,EAAEwB,cAAc,CAAC,EAC5B,CAAC,OAAO,EAAET,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAM,WAAWQ,SAAS;IAEtBR,WAAWQ,SAAS,GAAGD;IAEvB,qBACE,KAACf;QAAUH,KAAKA;QAAM,GAAGY,WAAW;QAAG,GAAGD,UAAU;kBACjDN,0BAAY,KAACX,eAAaO,YAAYA;;AAG7C;AAEFH,OAAOsB,WAAW,GAAG;AACrB,SAAStB,MAAM,GAAG"}

package/dist/esm/components/Button/Loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Loading.tsx"],"sourcesContent":["import { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\n\nconst Loading = () => (\n  <>\n    <div className=\"mobius/ButtonIconWrapper\">\n      <Icon icon={loading} spin />\n    </div>\n    <span className=\"mobius/LoadingText\">Loading</span>\n  </>\n);\n\nexport { Loading };\n"],"names":["loading","Icon","Loading","div","className","icon","spin","span"],"mappings":";AAAA,SAASA,OAAO,QAAQ,wBAAwB;AAChD,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,UAAU,kBACd;;0BACE,KAACC;gBAAIC,WAAU;0BACb,cAAA,KAACH;oBAAKI,MAAML;oBAASM,IAAI;;;0BAE3B,KAACC;gBAAKH,WAAU;0BAAqB;;;;AAIzC,SAASF,OAAO,GAAG"}
+{"version":3,"sources":["../../../../src/components/Button/Loading.tsx"],"sourcesContent":["import { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\n\nconst Loading = () => (\n  <>\n    <div className=\"mobius/ButtonIconWrapper\">\n      <Icon icon={loading} spin />\n    </div>\n    <span className=\"mobius/LoadingText\">Loading</span>\n  </>\n);\n\nexport { Loading };\n"],"names":["loading","Icon","Loading","div","className","icon","spin","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,OAAO,QAAQ,wBAAwB;AAChD,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,UAAU,kBACd;;0BACE,KAACC;gBAAIC,WAAU;0BACb,cAAA,KAACH;oBAAKI,MAAML;oBAASM,IAAI;;;0BAE3B,KAACC;gBAAKH,WAAU;0BAAqB;;;;AAIzC,SAASF,OAAO,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ChangeEvent,\n  forwardRef,\n  useRef,\n  useState,\n  KeyboardEvent,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { CheckboxElementType, CheckboxProps, CheckboxRef } from \"./types\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\n\nexport const Checkbox: ForwardedRefComponent<\n  CheckboxProps,\n  CheckboxElementType\n> = forwardRef((props: CheckboxProps, ref: CheckboxRef) => {\n  const {\n    id,\n    label,\n    isDisabled,\n    isRequired,\n    validationState,\n    onChange,\n    className,\n    errorMessage,\n    defaultSelected = false,\n    isReadOnly,\n    value,\n  } = props;\n  const [selected, setSelected] = useState<boolean>(defaultSelected);\n  const fallbackRef = useRef<HTMLInputElement>(null);\n  const refObj = ref || fallbackRef;\n  const inputId = useId();\n  const checkboxClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": selected,\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    className,\n  );\n  // Append an additional wrapper class name to differenitate from input\n  const wrapperClasses = classNames(\n    \"mobius\",\n    \"mobius/Checkbox\",\n    checkboxClasses,\n  );\n  const inputClasses = classNames(\"mobius/CheckboxInput\", checkboxClasses);\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const toggleState = () => {\n    setSelected(!selected);\n  };\n\n  const handleClick = (event: MouseEvent<CheckboxElementType>) => {\n    const isMouseEvent = event.clientX;\n\n    if (isMouseEvent) {\n      toggleState();\n    }\n  };\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.code === \"Space\") {\n      toggleState();\n    }\n  };\n\n  return (\n    <>\n      <label id={labelId} className={wrapperClasses}>\n        <input\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={validationState === \"invalid\"}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          ref={refObj}\n          className={inputClasses}\n          onClick={handleClick}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          type=\"checkbox\"\n          defaultChecked={defaultSelected}\n          required={isRequired}\n          id={id || inputId}\n          value={value}\n        />\n        <span className=\"mobius/CheckboxLabel\">{label}</span>\n      </label>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </>\n  );\n});\n"],"names":["forwardRef","useRef","useState","useId","classNames","ErrorMessage","spaceDelimitedList","Checkbox","props","ref","id","label","isDisabled","isRequired","validationState","onChange","className","errorMessage","defaultSelected","isReadOnly","value","selected","setSelected","fallbackRef","refObj","inputId","checkboxClasses","wrapperClasses","inputClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","toggleState","handleClick","event","isMouseEvent","clientX","handleChange","handleKeyDown","code","input","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","onClick","onKeyDown","type","defaultChecked","required","span"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,MAAM,EACNC,QAAQ,EAGRC,KAAK,QACA,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,yBAGTP,WAAW,CAACQ,OAAsBC;IACpC,MAAM,EACJC,EAAE,EACFC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,kBAAkB,KAAK,EACvBC,UAAU,EACVC,KAAK,EACN,GAAGZ;IACJ,MAAM,CAACa,UAAUC,YAAY,GAAGpB,SAAkBgB;IAClD,MAAMK,cAActB,OAAyB;IAC7C,MAAMuB,SAASf,OAAOc;IACtB,MAAME,UAAUtB;IAChB,MAAMuB,kBAAkBtB,WACtB;QACE,iBAAiBQ;QACjB,iBAAiBS;QACjB,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAG;IAEF,sEAAsE;IACtE,MAAMW,iBAAiBvB,WACrB,UACA,mBACAsB;IAEF,MAAME,eAAexB,WAAW,wBAAwBsB;IACxD,MAAMG,iBAAiB1B;IACvB,MAAM2B,yBAAyBb,eAAeY,iBAAiBE;IAC/D,MAAMC,cAAc1B,mBAAmB;QACrCwB;QACAtB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMyB,UAAU9B;IAEhB,MAAM+B,cAAc;QAClBZ,YAAY,CAACD;IACf;IAEA,MAAMc,cAAc,CAACC;QACnB,MAAMC,eAAeD,MAAME,OAAO;QAElC,IAAID,cAAc;YAChBH;QACF;IACF;IAEA,MAAMK,eAAe,CAACH;QACpB,IAAIrB,UAAU;YACZA,SAASqB;QACX;IACF;IAEA,MAAMI,gBAAgB,CAACJ;QACrB,IAAIA,MAAMK,IAAI,KAAK,SAAS;YAC1BP;QACF;IACF;IAEA,qBACE;;0BACE,MAACvB;gBAAMD,IAAIuB;gBAASjB,WAAWW;;kCAC7B,KAACe;wBACCC,oBAAkBX;wBAClBY,qBAAmBd;wBACnBe,gBAAc/B,oBAAoB;wBAClCgC,UAAU3B;wBACV4B,UAAUnC;wBACVH,KAAKe;wBACLR,WAAWY;wBACXoB,SAASb;wBACTpB,UAAUwB;wBACVU,WAAWT;wBACXU,MAAK;wBACLC,gBAAgBjC;wBAChBkC,UAAUvC;wBACVH,IAAIA,MAAMe;wBACVL,OAAOA;;kCAET,KAACiC;wBAAKrC,WAAU;kCAAwBL;;;;0BAE1C,KAACN;gBAAaK,IAAImB;gBAAgBZ,cAAcA;;;;AAGtD,GAAG"}
+{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ChangeEvent,\n  forwardRef,\n  useRef,\n  useState,\n  KeyboardEvent,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { CheckboxElementType, CheckboxProps, CheckboxRef } from \"./types\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\n\nexport const Checkbox: ForwardedRefComponent<\n  CheckboxProps,\n  CheckboxElementType\n> = forwardRef((props: CheckboxProps, ref: CheckboxRef) => {\n  const {\n    id,\n    label,\n    isDisabled,\n    isRequired,\n    validationState,\n    onChange,\n    className,\n    errorMessage,\n    defaultSelected = false,\n    isReadOnly,\n    value,\n  } = props;\n  const [selected, setSelected] = useState<boolean>(defaultSelected);\n  const fallbackRef = useRef<HTMLInputElement>(null);\n  const refObj = ref || fallbackRef;\n  const inputId = useId();\n  const checkboxClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": selected,\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    className,\n  );\n  // Append an additional wrapper class name to differenitate from input\n  const wrapperClasses = classNames(\n    \"mobius\",\n    \"mobius/Checkbox\",\n    checkboxClasses,\n  );\n  const inputClasses = classNames(\"mobius/CheckboxInput\", checkboxClasses);\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const toggleState = () => {\n    setSelected(!selected);\n  };\n\n  const handleClick = (event: MouseEvent<CheckboxElementType>) => {\n    const isMouseEvent = event.clientX;\n\n    if (isMouseEvent) {\n      toggleState();\n    }\n  };\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.code === \"Space\") {\n      toggleState();\n    }\n  };\n\n  return (\n    <>\n      <label id={labelId} className={wrapperClasses}>\n        <input\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={validationState === \"invalid\"}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          ref={refObj}\n          className={inputClasses}\n          onClick={handleClick}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          type=\"checkbox\"\n          defaultChecked={defaultSelected}\n          required={isRequired}\n          id={id || inputId}\n          value={value}\n        />\n        <span className=\"mobius/CheckboxLabel\">{label}</span>\n      </label>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </>\n  );\n});\n"],"names":["forwardRef","useRef","useState","useId","classNames","ErrorMessage","spaceDelimitedList","Checkbox","props","ref","id","label","isDisabled","isRequired","validationState","onChange","className","errorMessage","defaultSelected","isReadOnly","value","selected","setSelected","fallbackRef","refObj","inputId","checkboxClasses","wrapperClasses","inputClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","toggleState","handleClick","event","isMouseEvent","clientX","handleChange","handleKeyDown","code","input","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","onClick","onKeyDown","type","defaultChecked","required","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,MAAM,EACNC,QAAQ,EAGRC,KAAK,QACA,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,yBAGTP,WAAW,CAACQ,OAAsBC;IACpC,MAAM,EACJC,EAAE,EACFC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,kBAAkB,KAAK,EACvBC,UAAU,EACVC,KAAK,EACN,GAAGZ;IACJ,MAAM,CAACa,UAAUC,YAAY,GAAGpB,SAAkBgB;IAClD,MAAMK,cAActB,OAAyB;IAC7C,MAAMuB,SAASf,OAAOc;IACtB,MAAME,UAAUtB;IAChB,MAAMuB,kBAAkBtB,WACtB;QACE,iBAAiBQ;QACjB,iBAAiBS;QACjB,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAG;IAEF,sEAAsE;IACtE,MAAMW,iBAAiBvB,WACrB,UACA,mBACAsB;IAEF,MAAME,eAAexB,WAAW,wBAAwBsB;IACxD,MAAMG,iBAAiB1B;IACvB,MAAM2B,yBAAyBb,eAAeY,iBAAiBE;IAC/D,MAAMC,cAAc1B,mBAAmB;QACrCwB;QACAtB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMyB,UAAU9B;IAEhB,MAAM+B,cAAc;QAClBZ,YAAY,CAACD;IACf;IAEA,MAAMc,cAAc,CAACC;QACnB,MAAMC,eAAeD,MAAME,OAAO;QAElC,IAAID,cAAc;YAChBH;QACF;IACF;IAEA,MAAMK,eAAe,CAACH;QACpB,IAAIrB,UAAU;YACZA,SAASqB;QACX;IACF;IAEA,MAAMI,gBAAgB,CAACJ;QACrB,IAAIA,MAAMK,IAAI,KAAK,SAAS;YAC1BP;QACF;IACF;IAEA,qBACE;;0BACE,MAACvB;gBAAMD,IAAIuB;gBAASjB,WAAWW;;kCAC7B,KAACe;wBACCC,oBAAkBX;wBAClBY,qBAAmBd;wBACnBe,gBAAc/B,oBAAoB;wBAClCgC,UAAU3B;wBACV4B,UAAUnC;wBACVH,KAAKe;wBACLR,WAAWY;wBACXoB,SAASb;wBACTpB,UAAUwB;wBACVU,WAAWT;wBACXU,MAAK;wBACLC,gBAAgBjC;wBAChBkC,UAAUvC;wBACVH,IAAIA,MAAMe;wBACVL,OAAOA;;kCAET,KAACiC;wBAAKrC,WAAU;kCAAwBL;;;;0BAE1C,KAACN;gBAAaK,IAAImB;gBAAgBZ,cAAcA;;;;AAGtD,GAAG"}

package/dist/esm/components/Checkbox/CheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  forwardRef,\n  ReactElement,\n  cloneElement,\n  isValidElement,\n  useId,\n  ChangeEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  CheckboxElementType,\n  CheckboxGroupElementType,\n  CheckboxGroupProps,\n  CheckboxGroupRef,\n} from \"./types\";\nimport { Label } from \"../Label\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\n\nexport const CheckboxGroup: ForwardedRefComponent<\n  CheckboxGroupProps,\n  CheckboxGroupElementType\n> = forwardRef((props: CheckboxGroupProps, ref: CheckboxGroupRef) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    validationState,\n    orientation = \"vertical\",\n    onChange,\n    className,\n    errorMessage,\n    children,\n    defaultValue = [],\n    isReadOnly,\n    ...rest\n  } = props;\n  const [selected, setSelected] = useState<string[]>(defaultValue);\n  const checkboxGroupClasses = classNames(\n    \"mobius\",\n    \"mobius/CheckboxGroup\",\n    className,\n    {\n      \"--is-horizontal\": orientation === \"horizontal\",\n      \"--is-vertical\": orientation === \"vertical\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    },\n  );\n  const labelClasses = classNames({\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    const {\n      target: { value, checked },\n    } = event;\n\n    if (!checked) {\n      setSelected(selected.filter(item => item !== value));\n    }\n\n    if (checked) {\n      setSelected([...selected, value]);\n    }\n  };\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(selected);\n    }\n  }, [selected, onChange]);\n\n  return (\n    <div\n      {...rest}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      ref={ref}\n      className={checkboxGroupClasses}\n      role=\"group\"\n    >\n      {label && (\n        <Label elementType=\"span\" id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius/CheckboxWrapper\">\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement, {\n              orientation,\n              isDisabled,\n              isRequired,\n              isReadOnly,\n              validationState,\n              defaultSelected: selected.includes(child.props.value),\n              onChange: handleChange,\n              \"aria-describedby\": describedBy,\n            });\n          }\n\n          return child;\n        })}\n      </div>\n      {errorMessage && (\n        <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n      )}\n    </div>\n  );\n});\n"],"names":["Children","forwardRef","cloneElement","isValidElement","useId","useState","useEffect","classNames","Label","ErrorMessage","spaceDelimitedList","CheckboxGroup","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","checkboxGroupClasses","labelClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","handleChange","event","target","value","checked","filter","item","div","aria-labelledby","role","elementType","id","map","child","defaultSelected","includes"],"mappings":"AAAA;;AAEA,SACEA,QAAQ,EACRC,UAAU,EAEVC,YAAY,EACZC,cAAc,EACdC,KAAK,EAELC,QAAQ,EACRC,SAAS,QACJ,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAQ3C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,8BAGTV,WAAW,CAACW,OAA2BC;IACzC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EAAE,EACjBC,UAAU,EACV,GAAGC,MACJ,GAAGb;IACJ,MAAM,CAACc,UAAUC,YAAY,GAAGtB,SAAmBkB;IACnD,MAAMK,uBAAuBrB,WAC3B,UACA,wBACAa,WACA;QACE,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEF,MAAMa,eAAetB,WAAW;QAC9B,cAAcU,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACnB;IACA,MAAMe,iBAAiB1B;IACvB,MAAM2B,yBAAyBV,eAAeS,iBAAiBE;IAC/D,MAAMC,cAAcvB,mBAAmB;QACrCqB;QACAnB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMsB,UAAU9B;IAEhB,MAAM+B,eAAe,CAACC;QACpB,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAC3B,GAAGH;QAEJ,IAAI,CAACG,SAAS;YACZZ,YAAYD,SAASc,MAAM,CAACC,CAAAA,OAAQA,SAASH;QAC/C;QAEA,IAAIC,SAAS;YACXZ,YAAY;mBAAID;gBAAUY;aAAM;QAClC;IACF;IAEAhC,UAAU;QACR,IAAIa,UAAU;YACZA,SAASO;QACX;IACF,GAAG;QAACA;QAAUP;KAAS;IAEvB,qBACE,MAACuB;QACE,GAAGjB,IAAI;QACRkB,mBAAiB/B,KAAK,CAAC,kBAAkB,IAAIsB;QAC7CrB,KAAKA;QACLO,WAAWQ;QACXgB,MAAK;;YAEJ9B,uBACC,KAACN;gBAAMqC,aAAY;gBAAOC,IAAIZ;gBAASd,WAAWS;0BAC/Cf;;0BAGL,KAAC4B;gBAAItB,WAAU;0BACZpB,SAAS+C,GAAG,CAACzB,UAAU0B,CAAAA;oBACtB,kBAAI7C,eAAe6C,QAAQ;wBACzB,qBAAO9C,aAAa8C,OAAuB;4BACzC9B;4BACAH;4BACAC;4BACAQ;4BACAP;4BACAgC,iBAAiBvB,SAASwB,QAAQ,CAACF,MAAMpC,KAAK,CAAC0B,KAAK;4BACpDnB,UAAUgB;4BACV,oBAAoBF;wBACtB;oBACF;oBAEA,OAAOe;gBACT;;YAED3B,8BACC,KAACZ;gBAAaqC,IAAIhB;gBAAgBT,cAAcA;;;;AAIxD,GAAG"}
+{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  forwardRef,\n  ReactElement,\n  cloneElement,\n  isValidElement,\n  useId,\n  ChangeEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  CheckboxElementType,\n  CheckboxGroupElementType,\n  CheckboxGroupProps,\n  CheckboxGroupRef,\n} from \"./types\";\nimport { Label } from \"../Label\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\n\nexport const CheckboxGroup: ForwardedRefComponent<\n  CheckboxGroupProps,\n  CheckboxGroupElementType\n> = forwardRef((props: CheckboxGroupProps, ref: CheckboxGroupRef) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    validationState,\n    orientation = \"vertical\",\n    onChange,\n    className,\n    errorMessage,\n    children,\n    defaultValue = [],\n    isReadOnly,\n    ...rest\n  } = props;\n  const [selected, setSelected] = useState<string[]>(defaultValue);\n  const checkboxGroupClasses = classNames(\n    \"mobius\",\n    \"mobius/CheckboxGroup\",\n    className,\n    {\n      \"--is-horizontal\": orientation === \"horizontal\",\n      \"--is-vertical\": orientation === \"vertical\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    },\n  );\n  const labelClasses = classNames({\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    const {\n      target: { value, checked },\n    } = event;\n\n    if (!checked) {\n      setSelected(selected.filter(item => item !== value));\n    }\n\n    if (checked) {\n      setSelected([...selected, value]);\n    }\n  };\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(selected);\n    }\n  }, [selected, onChange]);\n\n  return (\n    <div\n      {...rest}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      ref={ref}\n      className={checkboxGroupClasses}\n      role=\"group\"\n    >\n      {label && (\n        <Label elementType=\"span\" id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius/CheckboxWrapper\">\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement, {\n              orientation,\n              isDisabled,\n              isRequired,\n              isReadOnly,\n              validationState,\n              defaultSelected: selected.includes(child.props.value),\n              onChange: handleChange,\n              \"aria-describedby\": describedBy,\n            });\n          }\n\n          return child;\n        })}\n      </div>\n      {errorMessage && (\n        <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n      )}\n    </div>\n  );\n});\n"],"names":["Children","forwardRef","cloneElement","isValidElement","useId","useState","useEffect","classNames","Label","ErrorMessage","spaceDelimitedList","CheckboxGroup","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","checkboxGroupClasses","labelClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","handleChange","event","target","value","checked","filter","item","div","aria-labelledby","role","elementType","id","map","child","defaultSelected","includes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SACEA,QAAQ,EACRC,UAAU,EAEVC,YAAY,EACZC,cAAc,EACdC,KAAK,EAELC,QAAQ,EACRC,SAAS,QACJ,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAQ3C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE,OAAO,MAAMC,8BAGTV,WAAW,CAACW,OAA2BC;IACzC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EAAE,EACjBC,UAAU,EACV,GAAGC,MACJ,GAAGb;IACJ,MAAM,CAACc,UAAUC,YAAY,GAAGtB,SAAmBkB;IACnD,MAAMK,uBAAuBrB,WAC3B,UACA,wBACAa,WACA;QACE,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEF,MAAMa,eAAetB,WAAW;QAC9B,cAAcU,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACnB;IACA,MAAMe,iBAAiB1B;IACvB,MAAM2B,yBAAyBV,eAAeS,iBAAiBE;IAC/D,MAAMC,cAAcvB,mBAAmB;QACrCqB;QACAnB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMsB,UAAU9B;IAEhB,MAAM+B,eAAe,CAACC;QACpB,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAC3B,GAAGH;QAEJ,IAAI,CAACG,SAAS;YACZZ,YAAYD,SAASc,MAAM,CAACC,CAAAA,OAAQA,SAASH;QAC/C;QAEA,IAAIC,SAAS;YACXZ,YAAY;mBAAID;gBAAUY;aAAM;QAClC;IACF;IAEAhC,UAAU;QACR,IAAIa,UAAU;YACZA,SAASO;QACX;IACF,GAAG;QAACA;QAAUP;KAAS;IAEvB,qBACE,MAACuB;QACE,GAAGjB,IAAI;QACRkB,mBAAiB/B,KAAK,CAAC,kBAAkB,IAAIsB;QAC7CrB,KAAKA;QACLO,WAAWQ;QACXgB,MAAK;;YAEJ9B,uBACC,KAACN;gBAAMqC,aAAY;gBAAOC,IAAIZ;gBAASd,WAAWS;0BAC/Cf;;0BAGL,KAAC4B;gBAAItB,WAAU;0BACZpB,SAAS+C,GAAG,CAACzB,UAAU0B,CAAAA;oBACtB,kBAAI7C,eAAe6C,QAAQ;wBACzB,qBAAO9C,aAAa8C,OAAuB;4BACzC9B;4BACAH;4BACAC;4BACAQ;4BACAP;4BACAgC,iBAAiBvB,SAASwB,QAAQ,CAACF,MAAMpC,KAAK,CAAC0B,KAAK;4BACpDnB,UAAUgB;4BACV,oBAAoBF;wBACtB;oBACF;oBAEA,OAAOe;gBACT;;YAED3B,8BACC,KAACZ;gBAAaqC,IAAIhB;gBAAgBT,cAAcA;;;;AAIxD,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/index.tsx"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./types\";\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}
+{"version":3,"sources":["../../../../src/components/Checkbox/index.tsx"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./types\";\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}

package/dist/esm/components/Checkbox/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/types.ts"],"sourcesContent":["import { ChangeEvent, ReactNode, Ref, RefAttributes } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type CheckboxElementType = HTMLInputElement;\nexport type CheckboxRef = Ref<CheckboxElementType>;\n\nexport interface CheckboxProps\n  extends DOMProps,\n    RefAttributes<CheckboxElementType> {\n  className?: string;\n  // The content to display as the label.\n  label?: ReactNode;\n  errorMessage?: string;\n  /** The current value (controlled). */\n  value?: string;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  onChange?: (event: ChangeEvent<CheckboxElementType>) => void;\n  // The default value (uncontrolled).\n  defaultSelected?: boolean;\n  // Whether the input should display its \"valid\" or \"invalid\" visual styling.\n  validationState?: \"valid\" | \"invalid\";\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Identifies the element that provides an error message for the object.\n  \"aria-errormessage\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  selected?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport type CheckboxGroupElementType = HTMLDivElement;\n\nexport interface CheckboxGroupProps\n  extends DOMProps,\n    RefAttributes<CheckboxGroupElementType> {\n  children: ReactNode;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  errorMessage?: string;\n  onChange?: (values: string[]) => 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 CheckboxGroupRef = Ref<CheckboxGroupElementType>;\n"],"names":[],"mappings":"AAmFA,WAA6D"}
+{"version":3,"sources":["../../../../src/components/Checkbox/types.ts"],"sourcesContent":["import { ChangeEvent, ReactNode, Ref, RefAttributes } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type CheckboxElementType = HTMLInputElement;\nexport type CheckboxRef = Ref<CheckboxElementType>;\n\nexport interface CheckboxProps\n  extends DOMProps,\n    RefAttributes<CheckboxElementType> {\n  className?: string;\n  // The content to display as the label.\n  label?: ReactNode;\n  errorMessage?: string;\n  /** The current value (controlled). */\n  value?: string;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  onChange?: (event: ChangeEvent<CheckboxElementType>) => void;\n  // The default value (uncontrolled).\n  defaultSelected?: boolean;\n  // Whether the input should display its \"valid\" or \"invalid\" visual styling.\n  validationState?: \"valid\" | \"invalid\";\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Identifies the element that provides an error message for the object.\n  \"aria-errormessage\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  selected?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport type CheckboxGroupElementType = HTMLDivElement;\n\nexport interface CheckboxGroupProps\n  extends DOMProps,\n    RefAttributes<CheckboxGroupElementType> {\n  children: ReactNode;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  errorMessage?: string;\n  onChange?: (values: string[]) => 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 CheckboxGroupRef = Ref<CheckboxGroupElementType>;\n"],"names":[],"rangeMappings":"","mappings":"AAmFA,WAA6D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { forwardRef, Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ContainerElementType = HTMLDivElement;\nexport type ContainerRef = Ref<ContainerElementType>;\n\nexport interface ContainerProps\n  extends DOMProps,\n    RefAttributes<ContainerElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: \"div\" | \"span\";\n  children?: ReactNode;\n}\n\nconst Container: ForwardedRefComponent<ContainerProps, ContainerElementType> =\n  forwardRef((props: ContainerProps, ref: ContainerRef) => {\n    const { elementType: Element = \"div\", ...otherProps } = props;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Container\",\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n\nContainer.displayName = \"Container\";\nexport { Container };\n"],"names":["forwardRef","classNames","Container","props","ref","elementType","Element","otherProps","classes","className","displayName"],"mappings":";AAAA,SAASA,UAAU,QAAuC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAkB3C,MAAMC,0BACJF,WAAW,CAACG,OAAuBC;IACjC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,UAAUP,WACd,UACA,oBACAM,WAAWE,SAAS;IAGtB,qBAAO,KAACH;QAAQF,KAAKA;QAAM,GAAGG,UAAU;QAAEE,WAAWD;;AACvD;AAEFN,UAAUQ,WAAW,GAAG;AACxB,SAASR,SAAS,GAAG"}
+{"version":3,"sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { forwardRef, Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ContainerElementType = HTMLDivElement;\nexport type ContainerRef = Ref<ContainerElementType>;\n\nexport interface ContainerProps\n  extends DOMProps,\n    RefAttributes<ContainerElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: \"div\" | \"span\";\n  children?: ReactNode;\n}\n\nconst Container: ForwardedRefComponent<ContainerProps, ContainerElementType> =\n  forwardRef((props: ContainerProps, ref: ContainerRef) => {\n    const { elementType: Element = \"div\", ...otherProps } = props;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Container\",\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n\nContainer.displayName = \"Container\";\nexport { Container };\n"],"names":["forwardRef","classNames","Container","props","ref","elementType","Element","otherProps","classes","className","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAuC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAkB3C,MAAMC,0BACJF,WAAW,CAACG,OAAuBC;IACjC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,UAAUP,WACd,UACA,oBACAM,WAAWE,SAAS;IAGtB,qBAAO,KAACH;QAAQF,KAAKA;QAAM,GAAGG,UAAU;QAAEE,WAAWD;;AACvD;AAEFN,UAAUQ,WAAW,GAAG;AACxB,SAASR,SAAS,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { AriaAttributes } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface DividerProps extends DOMProps {\n  className?: string;\n  \"aria-orientation\"?: AriaAttributes[\"aria-orientation\"];\n}\n\nconst Divider = ({\n  \"aria-orientation\": ariaOrientation = \"horizontal\",\n  className,\n  ...rest\n}: DividerProps) => {\n  const classes = classNames(\"mobius\", \"mobius/Divider\", className);\n\n  return (\n    <div\n      className={classes}\n      role=\"separator\"\n      aria-orientation={ariaOrientation}\n      {...rest}\n    >\n      <div className=\"mobius/DividerInner\" />\n    </div>\n  );\n};\n\nDivider.displayName = \"Divider\";\nexport { Divider };\n"],"names":["classNames","Divider","ariaOrientation","className","rest","classes","div","role","aria-orientation","displayName"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAS3C,MAAMC,UAAU,CAAC,EACf,oBAAoBC,kBAAkB,YAAY,EAClDC,SAAS,EACT,GAAGC,MACU;IACb,MAAMC,UAAUL,WAAW,UAAU,kBAAkBG;IAEvD,qBACE,KAACG;QACCH,WAAWE;QACXE,MAAK;QACLC,oBAAkBN;QACjB,GAAGE,IAAI;kBAER,cAAA,KAACE;YAAIH,WAAU;;;AAGrB;AAEAF,QAAQQ,WAAW,GAAG;AACtB,SAASR,OAAO,GAAG"}
+{"version":3,"sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { AriaAttributes } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface DividerProps extends DOMProps {\n  className?: string;\n  \"aria-orientation\"?: AriaAttributes[\"aria-orientation\"];\n}\n\nconst Divider = ({\n  \"aria-orientation\": ariaOrientation = \"horizontal\",\n  className,\n  ...rest\n}: DividerProps) => {\n  const classes = classNames(\"mobius\", \"mobius/Divider\", className);\n\n  return (\n    <div\n      className={classes}\n      role=\"separator\"\n      aria-orientation={ariaOrientation}\n      {...rest}\n    >\n      <div className=\"mobius/DividerInner\" />\n    </div>\n  );\n};\n\nDivider.displayName = \"Divider\";\nexport { Divider };\n"],"names":["classNames","Divider","ariaOrientation","className","rest","classes","div","role","aria-orientation","displayName"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAS3C,MAAMC,UAAU,CAAC,EACf,oBAAoBC,kBAAkB,YAAY,EAClDC,SAAS,EACT,GAAGC,MACU;IACb,MAAMC,UAAUL,WAAW,UAAU,kBAAkBG;IAEvD,qBACE,KAACG;QACCH,WAAWE;QACXE,MAAK;QACLC,oBAAkBN;QACjB,GAAGE,IAAI;kBAER,cAAA,KAACE;YAAIH,WAAU;;;AAGrB;AAEAF,QAAQQ,WAAW,GAAG;AACtB,SAASR,OAAO,GAAG"}

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

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

package/dist/esm/components/Drawer/Content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Content.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {}\n\nconst Content = forwardRef(\n  ({ children, ...otherProps }: ContentProps, ref: DivRef) => (\n    <div ref={ref} {...otherProps} className=\"mobius/DrawerContent\">\n      {children}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["forwardRef","Content","children","otherProps","ref","div","className","displayName"],"mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAU1E,MAAMC,wBAAUD,WACd,CAAC,EAAEE,QAAQ,EAAE,GAAGC,YAA0B,EAAEC,oBAC1C,KAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCJ;;AAKPD,QAAQM,WAAW,GAAG;AACtB,SAASN,OAAO,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/Content.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {}\n\nconst Content = forwardRef(\n  ({ children, ...otherProps }: ContentProps, ref: DivRef) => (\n    <div ref={ref} {...otherProps} className=\"mobius/DrawerContent\">\n      {children}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["forwardRef","Content","children","otherProps","ref","div","className","displayName"],"rangeMappings":";;;;;;;;;","mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAU1E,MAAMC,wBAAUD,WACd,CAAC,EAAEE,QAAQ,EAAE,GAAGC,YAA0B,EAAEC,oBAC1C,KAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCJ;;AAKPD,QAAQM,WAAW,GAAG;AACtB,SAASN,OAAO,GAAG"}

package/dist/esm/components/Drawer/Drawer.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-import { forwardRef, useMemo, useRef } from "react";
-import { VisuallyHidden } from "../VisuallyHidden";
+import { forwardRef, useId, useMemo, useRef } from "react";
+import { useDialog } from "../../hooks";
 import { mergeRefs, supportsDialog } from "../../utils";
+import { VisuallyHidden } from "../VisuallyHidden";
 import { DrawerContext } from "./DrawerContext";
-import { useDialog } from "../../hooks";
 const TRANSITION_CSS_VARIABLE = "--drawer-transition-duration";
 const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
@@ -21,6 +21,7 @@ const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
             CSSVariable: TRANSITION_CSS_VARIABLE
         }
     });
+    const hiddenId = `screen-reader-announce-${useId()}`;
     const dialogClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className, {
         "--should-transition": shouldTransition
     });
@@ -32,17 +33,18 @@ const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
         closeLabel
     ]);
     return /*#__PURE__*/ _jsxs("dialog", {
+        id: useId(),
         ref: mergeRefs([
             dialogRef,
             ref
         ]),
         onCancel: close,
         className: dialogClasses,
-        "aria-describedby": "screen-reader-announce",
+        "aria-describedby": hiddenId,
         children: [
             /*#__PURE__*/ _jsx(VisuallyHidden, {
                 children: /*#__PURE__*/ _jsx("div", {
-                    id: "screen-reader-announce",
+                    id: hiddenId,
                     children: announce
                 })
             }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { Ref, forwardRef, useMemo, useRef } from \"react\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs, supportsDialog } from \"../../utils\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { useDialog } from \"../../hooks\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CSS_VARIABLE = \"--drawer-transition-duration\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const shouldTransition = supportsDialog();\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: true,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n\n  const dialogClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": shouldTransition,\n    },\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n    }),\n    [close, closeLabel],\n  );\n\n  return (\n    <dialog\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      className={dialogClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      <DrawerContext.Provider value={contextValue}>\n        {children}\n      </DrawerContext.Provider>\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","forwardRef","useMemo","useRef","VisuallyHidden","mergeRefs","supportsDialog","DrawerContext","useDialog","TRANSITION_CSS_VARIABLE","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","shouldTransition","dialogRef","close","transition","isEnabled","CSSVariable","dialogClasses","contextValue","dialog","onCancel","aria-describedby","div","id","Provider","value","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAAcC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AACzD,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,SAAS,EAAEC,cAAc,QAAQ,cAAc;AACxD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,cAAc;AAKxC,MAAMC,0BAA0B;AAEhC,MAAMC,uBAAST,WAAW,CAACU,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,mBAAmBf;IACzB,MAAMgB,YAAYnB,OAAiC;IACnD,MAAM,EAAEoB,KAAK,EAAE,GAAGf,UAAU;QAC1BI,KAAKU;QACLT;QACAK;QACAC;QACAK,YAAY;YACVC,WAAW;YACXC,aAAajB;QACf;IACF;IAEA,MAAMkB,gBAAgB3B,WACpB,UACA,iBACA,CAAC,EAAE,EAAEgB,UAAU,CAAC,EAChBF,WACA;QACE,uBAAuBO;IACzB;IAGF,MAAMO,eAAe1B,QACnB,IAAO,CAAA;YACLiB,SAASI;YACTR;QACF,CAAA,GACA;QAACQ;QAAOR;KAAW;IAGrB,qBACE,MAACc;QACCjB,KAAKP,UAAU;YAACiB;YAAWV;SAAI;QAC/BkB,UAAUP;QACVT,WAAWa;QACXI,oBAAiB;;0BAEjB,KAAC3B;0BACC,cAAA,KAAC4B;oBAAIC,IAAG;8BAA0BhB;;;0BAEpC,KAACV,cAAc2B,QAAQ;gBAACC,OAAOP;0BAC5BR;;;;AAIT;AAEAV,OAAO0B,WAAW,GAAG;AACrB,SAAS1B,MAAM,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { Ref, forwardRef, useId, useMemo, useRef } from \"react\";\nimport { useDialog } from \"../../hooks\";\nimport { mergeRefs, supportsDialog } from \"../../utils\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { DrawerProps } from \"./types\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CSS_VARIABLE = \"--drawer-transition-duration\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const shouldTransition = supportsDialog();\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: true,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n  const hiddenId = `screen-reader-announce-${useId()}`;\n\n  const dialogClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": shouldTransition,\n    },\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n    }),\n    [close, closeLabel],\n  );\n\n  return (\n    <dialog\n      id={useId()}\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      className={dialogClasses}\n      aria-describedby={hiddenId}\n    >\n      <VisuallyHidden>\n        <div id={hiddenId}>{announce}</div>\n      </VisuallyHidden>\n      <DrawerContext.Provider value={contextValue}>\n        {children}\n      </DrawerContext.Provider>\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","forwardRef","useId","useMemo","useRef","useDialog","mergeRefs","supportsDialog","VisuallyHidden","DrawerContext","TRANSITION_CSS_VARIABLE","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","shouldTransition","dialogRef","close","transition","isEnabled","CSSVariable","hiddenId","dialogClasses","contextValue","dialog","id","onCancel","aria-describedby","div","Provider","value","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAAcC,UAAU,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAChE,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,SAAS,EAAEC,cAAc,QAAQ,cAAc;AACxD,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,aAAa,QAAQ,kBAAkB;AAMhD,MAAMC,0BAA0B;AAEhC,MAAMC,uBAASV,WAAW,CAACW,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,mBAAmBf;IACzB,MAAMgB,YAAYnB,OAAiC;IACnD,MAAM,EAAEoB,KAAK,EAAE,GAAGnB,UAAU;QAC1BQ,KAAKU;QACLT;QACAK;QACAC;QACAK,YAAY;YACVC,WAAW;YACXC,aAAajB;QACf;IACF;IACA,MAAMkB,WAAW,CAAC,uBAAuB,EAAE1B,QAAQ,CAAC;IAEpD,MAAM2B,gBAAgB7B,WACpB,UACA,iBACA,CAAC,EAAE,EAAEiB,UAAU,CAAC,EAChBF,WACA;QACE,uBAAuBO;IACzB;IAGF,MAAMQ,eAAe3B,QACnB,IAAO,CAAA;YACLiB,SAASI;YACTR;QACF,CAAA,GACA;QAACQ;QAAOR;KAAW;IAGrB,qBACE,MAACe;QACCC,IAAI9B;QACJW,KAAKP,UAAU;YAACiB;YAAWV;SAAI;QAC/BoB,UAAUT;QACVT,WAAWc;QACXK,oBAAkBN;;0BAElB,KAACpB;0BACC,cAAA,KAAC2B;oBAAIH,IAAIJ;8BAAWV;;;0BAEtB,KAACT,cAAc2B,QAAQ;gBAACC,OAAOP;0BAC5BT;;;;AAIT;AAEAV,OAAO2B,WAAW,GAAG;AACrB,SAAS3B,MAAM,GAAG"}

package/dist/esm/components/Drawer/DrawerContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { DrawerContextProps } from \"./types\";\n\nexport const DrawerContext = createContext<DrawerContextProps>({\n  onClose: () => {},\n  closeLabel: undefined,\n});\n"],"names":["createContext","DrawerContext","onClose","closeLabel","undefined"],"mappings":"AAAA,SAASA,aAAa,QAAQ,QAAQ;AAGtC,OAAO,MAAMC,8BAAgBD,cAAkC;IAC7DE,SAAS,KAAO;IAChBC,YAAYC;AACd,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { DrawerContextProps } from \"./types\";\n\nexport const DrawerContext = createContext<DrawerContextProps>({\n  onClose: () => {},\n  closeLabel: undefined,\n});\n"],"names":["createContext","DrawerContext","onClose","closeLabel","undefined"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,aAAa,QAAQ,QAAQ;AAGtC,OAAO,MAAMC,8BAAgBD,cAAkC;IAC7DE,SAAS,KAAO;IAChBC,YAAYC;AACd,GAAG"}