@simplybusiness/mobius 4.8.0 → 4.8.4

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 4.8.4
+
+### Patch Changes
+
+- 278d29e: Fix QCP styles and unique ids
+
+## 4.8.3
+
+### Patch Changes
+
+- Updated dependencies [3424b0a]
+  - @simplybusiness/icons@4.6.0
+
+## 4.8.2
+
+### Patch Changes
+
+- e712d41: Upgrade dependencies
+
+## 4.8.1
+
+### Patch Changes
+
+- Updated dependencies [886bc6d]
+  - @simplybusiness/icons@4.5.0
+
 ## 4.8.0
 
 ### Minor Changes

package/dist/cjs/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":["Accordion","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","classNames","iconClasses","handleOnClick","handleKeyDown","e","key","Flex","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","Icon","icon","chevronDown","forwardRef","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","useState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","useEffect","aria-hidden","children"],"mappings":"AAAA;;;;;+BAqHaA;;;eAAAA;;;;uBAnHe;+DACL;uBAShB;sBAGc;sBACA;;;;;;AAarB,MAAMC,gBAAgB,CAAC,EACrBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,YAAY,EACO;IACnB,MAAMC,cAAcC,IAAAA,eAAU,EAAC,wBAAwB;QACrD,aAAaF;IACf;IACA,MAAMG,cAAcD,IAAAA,eAAU,EAAC,4BAA4B;QACzD,aAAaF;IACf;IAEA,MAAMI,gBAAgB;QACpB,IAAIN,SAAS;YACXA;QACF;QACAD;IACF;IAEA,MAAMQ,gBAAgB,CAACC;QACrB,IAAIA,EAAEC,GAAG,KAAK,OAAOD,EAAEC,GAAG,KAAK,SAAS;YACtCV;QACF;IACF;IAEA,IAAIE,gBAAgB;QAClB,qBACE,sBAACS,UAAI;YACHC,gBAAe;YACfC,YAAW;YACXC,WAAU;;8BAEV,sBAACC;oBACCD,WAAWV;oBACXH,SAASM;oBACTS,WAAWR;oBACXS,MAAK;oBACLC,UAAU;oBACVC,iBAAe,CAAC,CAAChB;;sCAEjB,qBAACiB;4BAAKN,WAAU;sCAA4Bf;;sCAC5C,qBAACsB,UAAI;4BAACC,MAAMC,kBAAW;4BAAET,WAAWR;;;;gBAErCJ;;;IAGP;IAEA,qBACE,sBAACa;QACCD,WAAWV;QACXH,SAASM;QACTS,WAAWR;QACXS,MAAK;QACLC,UAAU;QACVC,iBAAe,CAAC,CAAChB;;0BAEjB,qBAACiB;gBAAKN,WAAU;0BAA4Bf;;0BAC5C,qBAACsB,UAAI;gBAACC,MAAMC,kBAAW;gBAAET,WAAWR;;;;AAG1C;AAyBO,MAAMT,0BAGT2B,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;QAgBRC;IAf7B,MAAM,EACJC,WAAW,UAAU,EACrBC,WAAW,UAAU,EACrBC,iBAAiB,KAAK,EACtBC,YAAY,KAAK,EACjBC,MAAM,EACNC,OAAO,EACPC,WAAW,KAAO,CAAC,EACnBhC,cAAc,EACd,GAAGiC,MACJ,GAAGV;IACJ,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ,EAAC;QACnDC,MAAM;QACNC,eAAe;IACjB;IACA,MAAMC,wBAAuBd,UAAAA,oBAAAA,8BAAAA,QAAQe,UAAU,CAC7C,oCACAC,OAAO;IAET,MAAMC,mBAAmBvC,IAAAA,eAAU,EACjC,UACA,oBACAoB,MAAMX,SAAS,EACf;QACE,oBAAoBsB,eAAeI,aAAa,IAAI,CAACC;QACrD,aAAaL,eAAeG,IAAI;IAClC;IAEF,MAAMM,0BAA0BxC,IAAAA,eAAU,EACxC,oCACA;QACE,aAAa+B,eAAeG,IAAI;IAClC;IAEF,MAAMO,iBAAiBzC,IAAAA,eAAU,EAAC,2BAA2B;QAC3D,aAAa+B,eAAeG,IAAI;IAClC;IACA,MAAMQ,WAAWX,eAAeG,IAAI,GAAGV,WAAWD;IAElD,MAAMoB,eAAe;QACnB,cAAc;QACd,IAAI,CAACZ,eAAeG,IAAI,IAAIP,QAAQ;YAClCA;QACF;QACA,IAAII,eAAeG,IAAI,IAAIN,SAAS;YAClCA;QACF;QACA,IAAIC,UAAU;YACZA,SAAS,CAACE,eAAeG,IAAI;QAC/B;QACAF,kBAAkB;YAChBE,MAAM,CAACH,eAAeG,IAAI;YAC1BC,eAAe;QACjB;IACF;IAEAS,IAAAA,gBAAS,EAAC;QACRZ,kBAAkB;YAChBE,MAAMR;YACNS,eAAe;QACjB;IACF,GAAG;QAACT;KAAU;IAEd,qBACE,sBAAChB;QAAIW,KAAKA;QAAM,GAAGS,IAAI;QAAErB,WAAW8B;;YACjCd,mBAAmB,uBAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;0BAGpB,qBAACa;gBACCD,WAAW+B;gBACXK,eAAa,CAACd,eAAeG,IAAI;0BAEjC,cAAA,qBAACxB;oBAAID,WAAWgC;8BAAiBrB,MAAM0B,QAAQ;;;YAEhDrB,mBAAmB,0BAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;;;AAK1B"}
+{"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":["Accordion","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","classNames","iconClasses","handleOnClick","handleKeyDown","e","key","Flex","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","Icon","icon","chevronDown","forwardRef","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","useState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","useEffect","aria-hidden","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAqHaA;;;eAAAA;;;;uBAnHe;+DACL;uBAShB;sBAGc;sBACA;;;;;;AAarB,MAAMC,gBAAgB,CAAC,EACrBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,cAAc,EACdC,YAAY,EACO;IACnB,MAAMC,cAAcC,IAAAA,eAAU,EAAC,wBAAwB;QACrD,aAAaF;IACf;IACA,MAAMG,cAAcD,IAAAA,eAAU,EAAC,4BAA4B;QACzD,aAAaF;IACf;IAEA,MAAMI,gBAAgB;QACpB,IAAIN,SAAS;YACXA;QACF;QACAD;IACF;IAEA,MAAMQ,gBAAgB,CAACC;QACrB,IAAIA,EAAEC,GAAG,KAAK,OAAOD,EAAEC,GAAG,KAAK,SAAS;YACtCV;QACF;IACF;IAEA,IAAIE,gBAAgB;QAClB,qBACE,sBAACS,UAAI;YACHC,gBAAe;YACfC,YAAW;YACXC,WAAU;;8BAEV,sBAACC;oBACCD,WAAWV;oBACXH,SAASM;oBACTS,WAAWR;oBACXS,MAAK;oBACLC,UAAU;oBACVC,iBAAe,CAAC,CAAChB;;sCAEjB,qBAACiB;4BAAKN,WAAU;sCAA4Bf;;sCAC5C,qBAACsB,UAAI;4BAACC,MAAMC,kBAAW;4BAAET,WAAWR;;;;gBAErCJ;;;IAGP;IAEA,qBACE,sBAACa;QACCD,WAAWV;QACXH,SAASM;QACTS,WAAWR;QACXS,MAAK;QACLC,UAAU;QACVC,iBAAe,CAAC,CAAChB;;0BAEjB,qBAACiB;gBAAKN,WAAU;0BAA4Bf;;0BAC5C,qBAACsB,UAAI;gBAACC,MAAMC,kBAAW;gBAAET,WAAWR;;;;AAG1C;AAyBO,MAAMT,0BAGT2B,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;QAgBRC;IAf7B,MAAM,EACJC,WAAW,UAAU,EACrBC,WAAW,UAAU,EACrBC,iBAAiB,KAAK,EACtBC,YAAY,KAAK,EACjBC,MAAM,EACNC,OAAO,EACPC,WAAW,KAAO,CAAC,EACnBhC,cAAc,EACd,GAAGiC,MACJ,GAAGV;IACJ,MAAM,CAACW,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ,EAAC;QACnDC,MAAM;QACNC,eAAe;IACjB;IACA,MAAMC,wBAAuBd,UAAAA,oBAAAA,8BAAAA,QAAQe,UAAU,CAC7C,oCACAC,OAAO;IAET,MAAMC,mBAAmBvC,IAAAA,eAAU,EACjC,UACA,oBACAoB,MAAMX,SAAS,EACf;QACE,oBAAoBsB,eAAeI,aAAa,IAAI,CAACC;QACrD,aAAaL,eAAeG,IAAI;IAClC;IAEF,MAAMM,0BAA0BxC,IAAAA,eAAU,EACxC,oCACA;QACE,aAAa+B,eAAeG,IAAI;IAClC;IAEF,MAAMO,iBAAiBzC,IAAAA,eAAU,EAAC,2BAA2B;QAC3D,aAAa+B,eAAeG,IAAI;IAClC;IACA,MAAMQ,WAAWX,eAAeG,IAAI,GAAGV,WAAWD;IAElD,MAAMoB,eAAe;QACnB,cAAc;QACd,IAAI,CAACZ,eAAeG,IAAI,IAAIP,QAAQ;YAClCA;QACF;QACA,IAAII,eAAeG,IAAI,IAAIN,SAAS;YAClCA;QACF;QACA,IAAIC,UAAU;YACZA,SAAS,CAACE,eAAeG,IAAI;QAC/B;QACAF,kBAAkB;YAChBE,MAAM,CAACH,eAAeG,IAAI;YAC1BC,eAAe;QACjB;IACF;IAEAS,IAAAA,gBAAS,EAAC;QACRZ,kBAAkB;YAChBE,MAAMR;YACNS,eAAe;QACjB;IACF,GAAG;QAACT;KAAU;IAEd,qBACE,sBAAChB;QAAIW,KAAKA;QAAM,GAAGS,IAAI;QAAErB,WAAW8B;;YACjCd,mBAAmB,uBAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;0BAGpB,qBAACa;gBACCD,WAAW+B;gBACXK,eAAa,CAACd,eAAeG,IAAI;0BAEjC,cAAA,qBAACxB;oBAAID,WAAWgC;8BAAiBrB,MAAM0B,QAAQ;;;YAEhDrB,mBAAmB,0BAClB,qBAAChC;gBACCC,MAAMgD;gBACN/C,QAAQgD;gBACR7C,cAAciC,eAAeG,IAAI;gBACjCrC,gBAAgBA;;;;AAK1B"}

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

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

package/dist/cjs/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":["Alert","forwardRef","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","classNames","className","icon","info","circleInfo","success","circleTick","warning","error","headerClasses","iconClasses","contentClasses","role","span","Icon","div","p","displayName"],"mappings":";;;;+BAwESA;;;eAAAA;;;;uBAxEiD;+DACnC;uBACgC;sBAGlC;;;;;;AAgBrB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,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,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACA;QACE,UAAUN,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWG,SAAS;IAEtB,MAAMC,OAAO;QACXC,MAAMC,iBAAU;QAChBC,SAASC,iBAAU;QACnBC,SAAAA,cAAO;QACPC,OAAAA,YAAK;IACP;IAEA,MAAMC,gBAAgBT,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMU,cAAcV,IAAAA,eAAU,EAAC,UAAU;IACzC,MAAMW,iBAAiBX,IAAAA,eAAU,EAAC,UAAU;IAE5C,qBACE,sBAACP;QAAQF,KAAKA;QAAKqB,MAAK;QAAS,GAAGd,UAAU;QAAEG,WAAWF;;0BACzD,qBAACc;gBAAKZ,WAAWS;0BACf,cAAA,qBAACI,UAAI;oBAACZ,MAAMA,IAAI,CAACR,QAAQ;;;0BAE3B,sBAACqB;;oBACEnB,wBAAU,qBAACoB;wBAAEf,WAAWQ;kCAAgBb;;kCACzC,qBAACmB;wBAAId,WAAWU;kCAAiBd;;;;;;AAIzC;AAGFT,MAAM6B,WAAW,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":["Alert","forwardRef","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","classNames","className","icon","info","circleInfo","success","circleTick","warning","error","headerClasses","iconClasses","contentClasses","role","span","Icon","div","p","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAwESA;;;eAAAA;;;;uBAxEiD;+DACnC;uBACgC;sBAGlC;;;;;;AAgBrB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,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,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACA;QACE,UAAUN,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWG,SAAS;IAEtB,MAAMC,OAAO;QACXC,MAAMC,iBAAU;QAChBC,SAASC,iBAAU;QACnBC,SAAAA,cAAO;QACPC,OAAAA,YAAK;IACP;IAEA,MAAMC,gBAAgBT,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMU,cAAcV,IAAAA,eAAU,EAAC,UAAU;IACzC,MAAMW,iBAAiBX,IAAAA,eAAU,EAAC,UAAU;IAE5C,qBACE,sBAACP;QAAQF,KAAKA;QAAKqB,MAAK;QAAS,GAAGd,UAAU;QAAEG,WAAWF;;0BACzD,qBAACc;gBAAKZ,WAAWS;0BACf,cAAA,qBAACI,UAAI;oBAACZ,MAAMA,IAAI,CAACR,QAAQ;;;0BAE3B,sBAACqB;;oBACEnB,wBAAU,qBAACoB;wBAAEf,WAAWQ;kCAAgBb;;kCACzC,qBAACmB;wBAAId,WAAWU;kCAAiBd;;;;;;AAIzC;AAGFT,MAAM6B,WAAW,GAAG"}

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

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

package/dist/cjs/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":["Box","forwardRef","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","classNames","className","styleProps","filterUndefinedProps","getSpacingValue","displayName"],"mappings":";;;;+BAkESA;;;eAAAA;;;;uBAlEuB;+DACT;uBAG+B;;;;;;AAItD,MAAMA,oBAAuDC,IAAAA,iBAAU,EACrE,CAACC,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,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcF,WAAWG,SAAS;IAEvE,MAAMC,aAAaC,IAAAA,2BAAoB,EAAC;QACtCzB,SAAS0B,IAAAA,sBAAe,EAAC1B;QACzBE,eAAewB,IAAAA,sBAAe,EAACxB,iBAAiBD;QAChDK,cAAcoB,IAAAA,sBAAe,EAACpB,gBAAgBD;QAC9CI,YAAYiB,IAAAA,sBAAe,EAACjB,cAAcF;QAC1CG,cAAcgB,IAAAA,sBAAe,EAAChB,gBAAgBN;QAC9CO,eAAee,IAAAA,sBAAe,EAACf,iBAAiBH;QAChDI,aAAac,IAAAA,sBAAe,EAACd,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,qBAACpB;QACCF,KAAKA;QACLsB,OAAOK;QACN,GAAGJ,UAAU;QACdG,WAAWF;;AAGjB;AAGF3B,IAAIiC,WAAW,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":["Box","forwardRef","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","classNames","className","styleProps","filterUndefinedProps","getSpacingValue","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkESA;;;eAAAA;;;;uBAlEuB;+DACT;uBAG+B;;;;;;AAItD,MAAMA,oBAAuDC,IAAAA,iBAAU,EACrE,CAACC,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,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcF,WAAWG,SAAS;IAEvE,MAAMC,aAAaC,IAAAA,2BAAoB,EAAC;QACtCzB,SAAS0B,IAAAA,sBAAe,EAAC1B;QACzBE,eAAewB,IAAAA,sBAAe,EAACxB,iBAAiBD;QAChDK,cAAcoB,IAAAA,sBAAe,EAACpB,gBAAgBD;QAC9CI,YAAYiB,IAAAA,sBAAe,EAACjB,cAAcF;QAC1CG,cAAcgB,IAAAA,sBAAe,EAAChB,gBAAgBN;QAC9CO,eAAee,IAAAA,sBAAe,EAACf,iBAAiBH;QAChDI,aAAac,IAAAA,sBAAe,EAACd,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,qBAACpB;QACCF,KAAKA;QACLsB,OAAOK;QACN,GAAGJ,UAAU;QACdG,WAAWF;;AAGjB;AAGF3B,IAAIiC,WAAW,GAAG"}

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

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

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

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

package/dist/cjs/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":["BreadcrumbItem","forwardRef","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","Box","className","aria-hidden","otherProps","itemProps","undefined","classes","classNames","child","span","Children","only","li","cloneElement","displayName"],"mappings":"AAAA;;;;;+BAmFSA;;;eAAAA;;;;uBA1EF;+DACgB;qBAGH;;;;;;AAuBpB,MAAMA,+BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,qBAACC,QAAG;QAACC,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGV;IACJ,MAAM,EAAEW,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBR,YAAYC,cAAcQ;YAC1C,iBAAiBV,cAAcC;YAC/B,GAAGO,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUC,IAAAA,eAAU,EACxB,UACA,yBACAd,MAAMQ,SAAS;IAGjB,MAAMO,QACJ,OAAOV,aAAa,yBAClB,qBAACW;QAAM,GAAGL,SAAS;kBAAGN;SAErBY,eAAQ,CAACC,IAAI,CAACb;IAGnB,qBACE,sBAACc;QAAGX,WAAWK;;0BACZO,IAAAA,mBAAY,EAACL,OAAO;gBAAE,GAAGA,MAAMf,KAAK;gBAAE,GAAGW,SAAS;gBAAEV;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAR,eAAeuB,WAAW,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":["BreadcrumbItem","forwardRef","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","Box","className","aria-hidden","otherProps","itemProps","undefined","classes","classNames","child","span","Children","only","li","cloneElement","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAmFSA;;;eAAAA;;;;uBA1EF;+DACgB;qBAGH;;;;;;AAuBpB,MAAMA,+BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,qBAACC,QAAG;QAACC,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGV;IACJ,MAAM,EAAEW,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBR,YAAYC,cAAcQ;YAC1C,iBAAiBV,cAAcC;YAC/B,GAAGO,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUC,IAAAA,eAAU,EACxB,UACA,yBACAd,MAAMQ,SAAS;IAGjB,MAAMO,QACJ,OAAOV,aAAa,yBAClB,qBAACW;QAAM,GAAGL,SAAS;kBAAGN;SAErBY,eAAQ,CAACC,IAAI,CAACb;IAGnB,qBACE,sBAACc;QAAGX,WAAWK;;0BACZO,IAAAA,mBAAY,EAACL,OAAO;gBAAE,GAAGA,MAAMf,KAAK;gBAAE,GAAGW,SAAS;gBAAEV;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAR,eAAeuB,WAAW,GAAG"}

package/dist/cjs/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":["Breadcrumbs","forwardRef","props","ref","ariaLabel","navProps","children","otherProps","childArray","Children","toArray","classes","classNames","className","nav","ul","map","child","i","cloneElement","isCurrent","length","displayName"],"mappings":"AAAA;;;;;+BAwDSA;;;eAAAA;;;;uBA9CF;+DACgB;;;;;;AAevB,MAAMA,4BAGFC,IAAAA,iBAAU,EAAC,CAACC,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,aAAaC,eAAQ,CAACC,OAAO,CAACJ;IAEpC,gDAAgD;IAChD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,qBACAL,WAAWM,SAAS;IAGtB,qBACE,qBAACC;QAAIX,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEQ,WAAWF;kBACtD,cAAA,qBAACI;sBACEP,WAAWQ,GAAG,CAAC,CAACC,OAAOC,kBACtBC,IAAAA,mBAAY,EAACF,OAAuB;oBAClCG,WAAWF,MAAMV,WAAWa,MAAM,GAAG;gBACvC;;;AAKV;AAEArB,YAAYsB,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":["Breadcrumbs","forwardRef","props","ref","ariaLabel","navProps","children","otherProps","childArray","Children","toArray","classes","classNames","className","nav","ul","map","child","i","cloneElement","isCurrent","length","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAwDSA;;;eAAAA;;;;uBA9CF;+DACgB;;;;;;AAevB,MAAMA,4BAGFC,IAAAA,iBAAU,EAAC,CAACC,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,aAAaC,eAAQ,CAACC,OAAO,CAACJ;IAEpC,gDAAgD;IAChD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,qBACAL,WAAWM,SAAS;IAGtB,qBACE,qBAACC;QAAIX,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEQ,WAAWF;kBACtD,cAAA,qBAACI;sBACEP,WAAWQ,GAAG,CAAC,CAACC,OAAOC,kBACtBC,IAAAA,mBAAY,EAACF,OAAuB;oBAClCG,WAAWF,MAAMV,WAAWa,MAAM,GAAG;gBACvC;;;AAKV;AAEArB,YAAYsB,WAAW,GAAG"}

package/dist/cjs/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":";;;;qBAAc;qBACA"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["export * from \"./Breadcrumbs\";\nexport * from \"./BreadcrumbItem\";\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;qBAAc;qBACA"}

package/dist/cjs/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":["Button","VARIANT_DEPRECATION_WARNING","HAS_DEPRECATION_WARNING_SHOWN","forwardRef","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","onPress","onClick","otherProps","buttonProps","useButton","console","warn","getVariant","type","buttonVariant","classes","classNames","className","Loading","displayName"],"mappings":"AAAA;;;;;;;;;;;;IA+GSA,MAAM;eAANA;;IApGIC,2BAA2B;eAA3BA;;;;uBAT6C;+DACnC;yBAGC;2BACkB;;;;;;AAE1C,IAAIC,gCAAgC;AAE7B,MAAMD,8BACX;AAkCF,MAAMD,uBACJG,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,oBAAS,EAACd;IAElC,IACE,AAACQ,CAAAA,YAAY,aAAaA,YAAY,eAAc,KACpD,CAACV,+BACD;QACA,sCAAsC;QACtCiB,QAAQC,IAAI,CAACnB;QACbC,gCAAgC;IAClC;IAEA,8CAA8C;IAC9C,MAAMmB,aAAa,CAACC;QAClB,IAAIA,SAAS,WAAW;YACtB,OAAO;QACT;QAEA,IAAIA,SAAS,iBAAiB;YAC5B,OAAO;QACT;QAEA,OAAOV;IACT;IAEA,MAAMW,gBAAgBF,WAAWT;IAEjC,gDAAgD;IAChD,MAAMY,UAAUC,IAAAA,eAAU,EACxB,UACA,iBACA,CAAC,UAAU,EAAEF,cAAc,CAAC,EAC5B,CAAC,OAAO,EAAEV,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAM,WAAWU,SAAS;IAEtBV,WAAWU,SAAS,GAAGF;IAEvB,qBACE,qBAAChB;QAAUH,KAAKA;QAAM,GAAGY,WAAW;QAAG,GAAGD,UAAU;kBACjDN,0BAAY,qBAACiB,gBAAO,QAAMrB,YAAYA;;AAG7C;AAEFN,OAAO4B,WAAW,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":["Button","VARIANT_DEPRECATION_WARNING","HAS_DEPRECATION_WARNING_SHOWN","forwardRef","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","onPress","onClick","otherProps","buttonProps","useButton","console","warn","getVariant","type","buttonVariant","classes","classNames","className","Loading","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;;;;;;;IA+GSA,MAAM;eAANA;;IApGIC,2BAA2B;eAA3BA;;;;uBAT6C;+DACnC;yBAGC;2BACkB;;;;;;AAE1C,IAAIC,gCAAgC;AAE7B,MAAMD,8BACX;AAkCF,MAAMD,uBACJG,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,oBAAS,EAACd;IAElC,IACE,AAACQ,CAAAA,YAAY,aAAaA,YAAY,eAAc,KACpD,CAACV,+BACD;QACA,sCAAsC;QACtCiB,QAAQC,IAAI,CAACnB;QACbC,gCAAgC;IAClC;IAEA,8CAA8C;IAC9C,MAAMmB,aAAa,CAACC;QAClB,IAAIA,SAAS,WAAW;YACtB,OAAO;QACT;QAEA,IAAIA,SAAS,iBAAiB;YAC5B,OAAO;QACT;QAEA,OAAOV;IACT;IAEA,MAAMW,gBAAgBF,WAAWT;IAEjC,gDAAgD;IAChD,MAAMY,UAAUC,IAAAA,eAAU,EACxB,UACA,iBACA,CAAC,UAAU,EAAEF,cAAc,CAAC,EAC5B,CAAC,OAAO,EAAEV,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAM,WAAWU,SAAS;IAEtBV,WAAWU,SAAS,GAAGF;IAEvB,qBACE,qBAAChB;QAAUH,KAAKA;QAAM,GAAGY,WAAW;QAAG,GAAGD,UAAU;kBACjDN,0BAAY,qBAACiB,gBAAO,QAAMrB,YAAYA;;AAG7C;AAEFN,OAAO4B,WAAW,GAAG"}

package/dist/cjs/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","div","className","Icon","icon","loading","spin","span"],"mappings":";;;;+BAYSA;;;eAAAA;;;;uBAZe;sBACH;AAErB,MAAMA,UAAU,kBACd;;0BACE,qBAACC;gBAAIC,WAAU;0BACb,cAAA,qBAACC,UAAI;oBAACC,MAAMC,cAAO;oBAAEC,IAAI;;;0BAE3B,qBAACC;gBAAKL,WAAU;0BAAqB"}
+{"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","div","className","Icon","icon","loading","spin","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYSA;;;eAAAA;;;;uBAZe;sBACH;AAErB,MAAMA,UAAU,kBACd;;0BACE,qBAACC;gBAAIC,WAAU;0BACb,cAAA,qBAACC,UAAI;oBAACC,MAAMC,cAAO;oBAAEC,IAAI;;;0BAE3B,qBAACC;gBAAKL,WAAU;0BAAqB"}

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

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

package/dist/cjs/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":["Checkbox","forwardRef","props","ref","id","label","isDisabled","isRequired","validationState","onChange","className","errorMessage","defaultSelected","isReadOnly","value","selected","setSelected","useState","fallbackRef","useRef","refObj","inputId","useId","checkboxClasses","classNames","wrapperClasses","inputClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","toggleState","handleClick","event","isMouseEvent","clientX","handleChange","handleKeyDown","code","input","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","onClick","onKeyDown","type","defaultChecked","required","span","ErrorMessage"],"mappings":"AAAA;;;;;+BAiBaA;;;eAAAA;;;;uBAPN;+DACgB;8BACM;oCAGM;;;;;;AAE5B,MAAMA,yBAGTC,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,eAAQ,EAAUL;IAClD,MAAMM,cAAcC,IAAAA,aAAM,EAAmB;IAC7C,MAAMC,SAASjB,OAAOe;IACtB,MAAMG,UAAUC,IAAAA,YAAK;IACrB,MAAMC,kBAAkBC,IAAAA,eAAU,EAChC;QACE,iBAAiBlB;QACjB,iBAAiBS;QACjB,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAG;IAEF,sEAAsE;IACtE,MAAMe,iBAAiBD,IAAAA,eAAU,EAC/B,UACA,mBACAD;IAEF,MAAMG,eAAeF,IAAAA,eAAU,EAAC,wBAAwBD;IACxD,MAAMI,iBAAiBL,IAAAA,YAAK;IAC5B,MAAMM,yBAAyBjB,eAAegB,iBAAiBE;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA1B,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM8B,UAAUV,IAAAA,YAAK;IAErB,MAAMW,cAAc;QAClBjB,YAAY,CAACD;IACf;IAEA,MAAMmB,cAAc,CAACC;QACnB,MAAMC,eAAeD,MAAME,OAAO;QAElC,IAAID,cAAc;YAChBH;QACF;IACF;IAEA,MAAMK,eAAe,CAACH;QACpB,IAAI1B,UAAU;YACZA,SAAS0B;QACX;IACF;IAEA,MAAMI,gBAAgB,CAACJ;QACrB,IAAIA,MAAMK,IAAI,KAAK,SAAS;YAC1BP;QACF;IACF;IAEA,qBACE;;0BACE,sBAAC5B;gBAAMD,IAAI4B;gBAAStB,WAAWe;;kCAC7B,qBAACgB;wBACCC,oBAAkBZ;wBAClBa,qBAAmBf;wBACnBgB,gBAAcpC,oBAAoB;wBAClCqC,UAAUhC;wBACViC,UAAUxC;wBACVH,KAAKiB;wBACLV,WAAWgB;wBACXqB,SAASb;wBACTzB,UAAU6B;wBACVU,WAAWT;wBACXU,MAAK;wBACLC,gBAAgBtC;wBAChBuC,UAAU5C;wBACVH,IAAIA,MAAMiB;wBACVP,OAAOA;;kCAET,qBAACsC;wBAAK1C,WAAU;kCAAwBL;;;;0BAE1C,qBAACgD,0BAAY;gBAACjD,IAAIuB;gBAAgBhB,cAAcA;;;;AAGtD"}
+{"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":["Checkbox","forwardRef","props","ref","id","label","isDisabled","isRequired","validationState","onChange","className","errorMessage","defaultSelected","isReadOnly","value","selected","setSelected","useState","fallbackRef","useRef","refObj","inputId","useId","checkboxClasses","classNames","wrapperClasses","inputClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","toggleState","handleClick","event","isMouseEvent","clientX","handleChange","handleKeyDown","code","input","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","onClick","onKeyDown","type","defaultChecked","required","span","ErrorMessage"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAiBaA;;;eAAAA;;;;uBAPN;+DACgB;8BACM;oCAGM;;;;;;AAE5B,MAAMA,yBAGTC,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,eAAQ,EAAUL;IAClD,MAAMM,cAAcC,IAAAA,aAAM,EAAmB;IAC7C,MAAMC,SAASjB,OAAOe;IACtB,MAAMG,UAAUC,IAAAA,YAAK;IACrB,MAAMC,kBAAkBC,IAAAA,eAAU,EAChC;QACE,iBAAiBlB;QACjB,iBAAiBS;QACjB,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAG;IAEF,sEAAsE;IACtE,MAAMe,iBAAiBD,IAAAA,eAAU,EAC/B,UACA,mBACAD;IAEF,MAAMG,eAAeF,IAAAA,eAAU,EAAC,wBAAwBD;IACxD,MAAMI,iBAAiBL,IAAAA,YAAK;IAC5B,MAAMM,yBAAyBjB,eAAegB,iBAAiBE;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA1B,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM8B,UAAUV,IAAAA,YAAK;IAErB,MAAMW,cAAc;QAClBjB,YAAY,CAACD;IACf;IAEA,MAAMmB,cAAc,CAACC;QACnB,MAAMC,eAAeD,MAAME,OAAO;QAElC,IAAID,cAAc;YAChBH;QACF;IACF;IAEA,MAAMK,eAAe,CAACH;QACpB,IAAI1B,UAAU;YACZA,SAAS0B;QACX;IACF;IAEA,MAAMI,gBAAgB,CAACJ;QACrB,IAAIA,MAAMK,IAAI,KAAK,SAAS;YAC1BP;QACF;IACF;IAEA,qBACE;;0BACE,sBAAC5B;gBAAMD,IAAI4B;gBAAStB,WAAWe;;kCAC7B,qBAACgB;wBACCC,oBAAkBZ;wBAClBa,qBAAmBf;wBACnBgB,gBAAcpC,oBAAoB;wBAClCqC,UAAUhC;wBACViC,UAAUxC;wBACVH,KAAKiB;wBACLV,WAAWgB;wBACXqB,SAASb;wBACTzB,UAAU6B;wBACVU,WAAWT;wBACXU,MAAK;wBACLC,gBAAgBtC;wBAChBuC,UAAU5C;wBACVH,IAAIA,MAAMiB;wBACVP,OAAOA;;kCAET,qBAACsC;wBAAK1C,WAAU;kCAAwBL;;;;0BAE1C,qBAACgD,0BAAY;gBAACjD,IAAIuB;gBAAgBhB,cAAcA;;;;AAGtD"}

package/dist/cjs/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":["CheckboxGroup","forwardRef","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","useState","checkboxGroupClasses","classNames","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","handleChange","event","target","value","checked","filter","item","useEffect","div","aria-labelledby","role","Label","elementType","id","Children","map","child","isValidElement","cloneElement","defaultSelected","includes","ErrorMessage"],"mappings":"AAAA;;;;;+BAyBaA;;;eAAAA;;;;uBAbN;+DACgB;uBAQD;8BACO;oCACM;;;;;;AAE5B,MAAMA,8BAGTC,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,eAAQ,EAAWL;IACnD,MAAMM,uBAAuBC,IAAAA,eAAU,EACrC,UACA,wBACAV,WACA;QACE,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEF,MAAMe,eAAeD,IAAAA,eAAU,EAAC;QAC9B,cAAcb,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACnB;IACA,MAAMiB,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBb,eAAeW,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACAtB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM0B,UAAUL,IAAAA,YAAK;IAErB,MAAMM,eAAe,CAACC;QACpB,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAC3B,GAAGH;QAEJ,IAAI,CAACG,SAAS;YACZhB,YAAYD,SAASkB,MAAM,CAACC,CAAAA,OAAQA,SAASH;QAC/C;QAEA,IAAIC,SAAS;YACXhB,YAAY;mBAAID;gBAAUgB;aAAM;QAClC;IACF;IAEAI,IAAAA,gBAAS,EAAC;QACR,IAAI3B,UAAU;YACZA,SAASO;QACX;IACF,GAAG;QAACA;QAAUP;KAAS;IAEvB,qBACE,sBAAC4B;QACE,GAAGtB,IAAI;QACRuB,mBAAiBpC,KAAK,CAAC,kBAAkB,IAAI0B;QAC7CzB,KAAKA;QACLO,WAAWS;QACXoB,MAAK;;YAEJnC,uBACC,qBAACoC,YAAK;gBAACC,aAAY;gBAAOC,IAAId;gBAASlB,WAAWW;0BAC/CjB;;0BAGL,qBAACiC;gBAAI3B,WAAU;0BACZiC,eAAQ,CAACC,GAAG,CAAChC,UAAUiC,CAAAA;oBACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAuB;4BACzCrC;4BACAH;4BACAC;4BACAQ;4BACAP;4BACAyC,iBAAiBhC,SAASiC,QAAQ,CAACJ,MAAM3C,KAAK,CAAC8B,KAAK;4BACpDvB,UAAUoB;4BACV,oBAAoBH;wBACtB;oBACF;oBAEA,OAAOmB;gBACT;;YAEDlC,8BACC,qBAACuC,0BAAY;gBAACR,IAAIpB;gBAAgBX,cAAcA;;;;AAIxD"}
+{"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":["CheckboxGroup","forwardRef","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","useState","checkboxGroupClasses","classNames","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","handleChange","event","target","value","checked","filter","item","useEffect","div","aria-labelledby","role","Label","elementType","id","Children","map","child","isValidElement","cloneElement","defaultSelected","includes","ErrorMessage"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAyBaA;;;eAAAA;;;;uBAbN;+DACgB;uBAQD;8BACO;oCACM;;;;;;AAE5B,MAAMA,8BAGTC,IAAAA,iBAAU,EAAC,CAACC,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,GAAGC,IAAAA,eAAQ,EAAWL;IACnD,MAAMM,uBAAuBC,IAAAA,eAAU,EACrC,UACA,wBACAV,WACA;QACE,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEF,MAAMe,eAAeD,IAAAA,eAAU,EAAC;QAC9B,cAAcb,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACnB;IACA,MAAMiB,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBb,eAAeW,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACAtB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM0B,UAAUL,IAAAA,YAAK;IAErB,MAAMM,eAAe,CAACC;QACpB,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAC3B,GAAGH;QAEJ,IAAI,CAACG,SAAS;YACZhB,YAAYD,SAASkB,MAAM,CAACC,CAAAA,OAAQA,SAASH;QAC/C;QAEA,IAAIC,SAAS;YACXhB,YAAY;mBAAID;gBAAUgB;aAAM;QAClC;IACF;IAEAI,IAAAA,gBAAS,EAAC;QACR,IAAI3B,UAAU;YACZA,SAASO;QACX;IACF,GAAG;QAACA;QAAUP;KAAS;IAEvB,qBACE,sBAAC4B;QACE,GAAGtB,IAAI;QACRuB,mBAAiBpC,KAAK,CAAC,kBAAkB,IAAI0B;QAC7CzB,KAAKA;QACLO,WAAWS;QACXoB,MAAK;;YAEJnC,uBACC,qBAACoC,YAAK;gBAACC,aAAY;gBAAOC,IAAId;gBAASlB,WAAWW;0BAC/CjB;;0BAGL,qBAACiC;gBAAI3B,WAAU;0BACZiC,eAAQ,CAACC,GAAG,CAAChC,UAAUiC,CAAAA;oBACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAuB;4BACzCrC;4BACAH;4BACAC;4BACAQ;4BACAP;4BACAyC,iBAAiBhC,SAASiC,QAAQ,CAACJ,MAAM3C,KAAK,CAAC8B,KAAK;4BACpDvB,UAAUoB;4BACV,oBAAoBH;wBACtB;oBACF;oBAEA,OAAOmB;gBACT;;YAEDlC,8BACC,qBAACuC,0BAAY;gBAACR,IAAIpB;gBAAgBX,cAAcA;;;;AAIxD"}

package/dist/cjs/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":";;;;qBAAc;qBACA;qBACA"}
+{"version":3,"sources":["../../../../src/components/Checkbox/index.tsx"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./types\";\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;qBAAc;qBACA;qBACA"}

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

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

package/dist/cjs/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":["Container","forwardRef","props","ref","elementType","Element","otherProps","classes","classNames","className","displayName"],"mappings":";;;;+BAiCSA;;;eAAAA;;;;uBAjCiD;+DACnC;;;;;;AAkBvB,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,oBACAF,WAAWG,SAAS;IAGtB,qBAAO,qBAACJ;QAAQF,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACvD;AAEFP,UAAUU,WAAW,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":["Container","forwardRef","props","ref","elementType","Element","otherProps","classes","classNames","className","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiCSA;;;eAAAA;;;;uBAjCiD;+DACnC;;;;;;AAkBvB,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,oBACAF,WAAWG,SAAS;IAGtB,qBAAO,qBAACJ;QAAQF,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACvD;AAEFP,UAAUU,WAAW,GAAG"}

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

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

package/dist/cjs/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":["Divider","ariaOrientation","className","rest","classes","classNames","div","role","aria-orientation","displayName"],"mappings":";;;;+BA6BSA;;;eAAAA;;;;+DA7Bc;;;;;;AASvB,MAAMA,UAAU,CAAC,EACf,oBAAoBC,kBAAkB,YAAY,EAClDC,SAAS,EACT,GAAGC,MACU;IACb,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,kBAAkBH;IAEvD,qBACE,qBAACI;QACCJ,WAAWE;QACXG,MAAK;QACLC,oBAAkBP;QACjB,GAAGE,IAAI;kBAER,cAAA,qBAACG;YAAIJ,WAAU;;;AAGrB;AAEAF,QAAQS,WAAW,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":["Divider","ariaOrientation","className","rest","classes","classNames","div","role","aria-orientation","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BSA;;;eAAAA;;;;+DA7Bc;;;;;;AASvB,MAAMA,UAAU,CAAC,EACf,oBAAoBC,kBAAkB,YAAY,EAClDC,SAAS,EACT,GAAGC,MACU;IACb,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,kBAAkBH;IAEvD,qBACE,qBAACI;QACCJ,WAAWE;QACXG,MAAK;QACLC,oBAAkBP;QACjB,GAAGE,IAAI;kBAER,cAAA,qBAACG;YAAIJ,WAAU;;;AAGrB;AAEAF,QAAQS,WAAW,GAAG"}

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

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

package/dist/cjs/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":["Content","forwardRef","children","otherProps","ref","div","className","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnByD;AAUlE,MAAMA,wBAAUC,IAAAA,iBAAU,EACxB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,YAA0B,EAAEC,oBAC1C,qBAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCJ;;AAKPF,QAAQO,WAAW,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":["Content","forwardRef","children","otherProps","ref","div","className","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnByD;AAUlE,MAAMA,wBAAUC,IAAAA,iBAAU,EACxB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,YAA0B,EAAEC,oBAC1C,qBAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCJ;;AAKPF,QAAQO,WAAW,GAAG"}

package/dist/cjs/components/Drawer/Drawer.js

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "Drawer", {
 const _jsxruntime = require("react/jsx-runtime");
 const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
 const _react = require("react");
-const _VisuallyHidden = require("../VisuallyHidden");
+const _hooks = require("../../hooks");
 const _utils = require("../../utils");
+const _VisuallyHidden = require("../VisuallyHidden");
 const _DrawerContext = require("./DrawerContext");
-const _hooks = require("../../hooks");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -36,6 +36,7 @@ const Drawer = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
             CSSVariable: TRANSITION_CSS_VARIABLE
         }
     });
+    const hiddenId = `screen-reader-announce-${(0, _react.useId)()}`;
     const dialogClasses = (0, _dedupe.default)("mobius", "mobius/Drawer", `--${direction}`, className, {
         "--should-transition": shouldTransition
     });
@@ -47,17 +48,18 @@ const Drawer = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         closeLabel
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("dialog", {
+        id: (0, _react.useId)(),
         ref: (0, _utils.mergeRefs)([
             dialogRef,
             ref
         ]),
         onCancel: close,
         className: dialogClasses,
-        "aria-describedby": "screen-reader-announce",
+        "aria-describedby": hiddenId,
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    id: "screen-reader-announce",
+                    id: hiddenId,
                     children: announce
                 })
             }),

package/dist/cjs/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":["Drawer","TRANSITION_CSS_VARIABLE","forwardRef","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","shouldTransition","supportsDialog","dialogRef","useRef","close","useDialog","transition","isEnabled","CSSVariable","dialogClasses","classNames","contextValue","useMemo","dialog","mergeRefs","onCancel","aria-describedby","VisuallyHidden","div","id","DrawerContext","Provider","value","displayName"],"mappings":"AAAA;;;;;+BA2ESA;;;eAAAA;;;;+DAzEc;uBAC0B;gCAClB;uBAEW;+BACZ;uBACJ;;;;;;AAK1B,MAAMC,0BAA0B;AAEhC,MAAMD,uBAASE,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,mBAAmBC,IAAAA,qBAAc;IACvC,MAAMC,YAAYC,IAAAA,aAAM,EAA2B;IACnD,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gBAAS,EAAC;QAC1Bd,KAAKW;QACLV;QACAK;QACAC;QACAQ,YAAY;YACVC,WAAW;YACXC,aAAapB;QACf;IACF;IAEA,MAAMqB,gBAAgBC,IAAAA,eAAU,EAC9B,UACA,iBACA,CAAC,EAAE,EAAEf,UAAU,CAAC,EAChBF,WACA;QACE,uBAAuBO;IACzB;IAGF,MAAMW,eAAeC,IAAAA,cAAO,EAC1B,IAAO,CAAA;YACLd,SAASM;YACTV;QACF,CAAA,GACA;QAACU;QAAOV;KAAW;IAGrB,qBACE,sBAACmB;QACCtB,KAAKuB,IAAAA,gBAAS,EAAC;YAACZ;YAAWX;SAAI;QAC/BwB,UAAUX;QACVX,WAAWgB;QACXO,oBAAiB;;0BAEjB,qBAACC,8BAAc;0BACb,cAAA,qBAACC;oBAAIC,IAAG;8BAA0BvB;;;0BAEpC,qBAACwB,4BAAa,CAACC,QAAQ;gBAACC,OAAOX;0BAC5BZ;;;;AAIT;AAEAZ,OAAOoC,WAAW,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":["Drawer","TRANSITION_CSS_VARIABLE","forwardRef","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","shouldTransition","supportsDialog","dialogRef","useRef","close","useDialog","transition","isEnabled","CSSVariable","hiddenId","useId","dialogClasses","classNames","contextValue","useMemo","dialog","id","mergeRefs","onCancel","aria-describedby","VisuallyHidden","div","DrawerContext","Provider","value","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA6ESA;;;eAAAA;;;;+DA3Ec;uBACiC;uBAC9B;uBACgB;gCACX;+BACD;;;;;;AAM9B,MAAMC,0BAA0B;AAEhC,MAAMD,uBAASE,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,mBAAmBC,IAAAA,qBAAc;IACvC,MAAMC,YAAYC,IAAAA,aAAM,EAA2B;IACnD,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gBAAS,EAAC;QAC1Bd,KAAKW;QACLV;QACAK;QACAC;QACAQ,YAAY;YACVC,WAAW;YACXC,aAAapB;QACf;IACF;IACA,MAAMqB,WAAW,CAAC,uBAAuB,EAAEC,IAAAA,YAAK,IAAG,CAAC;IAEpD,MAAMC,gBAAgBC,IAAAA,eAAU,EAC9B,UACA,iBACA,CAAC,EAAE,EAAEjB,UAAU,CAAC,EAChBF,WACA;QACE,uBAAuBO;IACzB;IAGF,MAAMa,eAAeC,IAAAA,cAAO,EAC1B,IAAO,CAAA;YACLhB,SAASM;YACTV;QACF,CAAA,GACA;QAACU;QAAOV;KAAW;IAGrB,qBACE,sBAACqB;QACCC,IAAIN,IAAAA,YAAK;QACTnB,KAAK0B,IAAAA,gBAAS,EAAC;YAACf;YAAWX;SAAI;QAC/B2B,UAAUd;QACVX,WAAWkB;QACXQ,oBAAkBV;;0BAElB,qBAACW,8BAAc;0BACb,cAAA,qBAACC;oBAAIL,IAAIP;8BAAWb;;;0BAEtB,qBAAC0B,4BAAa,CAACC,QAAQ;gBAACC,OAAOX;0BAC5Bd;;;;AAIT;AAEAZ,OAAOsC,WAAW,GAAG"}

package/dist/cjs/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":["DrawerContext","createContext","onClose","closeLabel","undefined"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHiB;AAGvB,MAAMA,8BAAgBC,IAAAA,oBAAa,EAAqB;IAC7DC,SAAS,KAAO;IAChBC,YAAYC;AACd"}
+{"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":["DrawerContext","createContext","onClose","closeLabel","undefined"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;uBAHiB;AAGvB,MAAMA,8BAAgBC,IAAAA,oBAAa,EAAqB;IAC7DC,SAAS,KAAO;IAChBC,YAAYC;AACd"}

package/dist/cjs/components/Drawer/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { useDrawer } from \"./useDrawer\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {}\n\nconst Header = forwardRef(\n  ({ children, ...otherProps }: HeaderProps, ref: HeaderRef) => {\n    const { onClose, closeLabel } = useDrawer();\n\n    return (\n      <header ref={ref} {...otherProps} className=\"mobius/DrawerHeader\">\n        {children}\n        <Button\n          aria-label=\"Close\"\n          variant=\"basic\"\n          onPress={onClose}\n          className=\"mobius/DrawerClose\"\n        >\n          <Icon icon={cross} /> {closeLabel}\n        </Button>\n      </header>\n    );\n  },\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["Header","forwardRef","children","otherProps","ref","onClose","closeLabel","useDrawer","header","className","Button","aria-label","variant","onPress","Icon","icon","cross","displayName"],"mappings":";;;;+BAqCSA;;;eAAAA;;;;uBArCyD;uBAE5C;wBAEC;sBACF;2BACK;AAU1B,MAAMA,uBAASC,IAAAA,iBAAU,EACvB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,YAAyB,EAAEC;IACzC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,IAAAA,oBAAS;IAEzC,qBACE,sBAACC;QAAOJ,KAAKA;QAAM,GAAGD,UAAU;QAAEM,WAAU;;YACzCP;0BACD,sBAACQ,cAAM;gBACLC,cAAW;gBACXC,SAAQ;gBACRC,SAASR;gBACTI,WAAU;;kCAEV,qBAACK,UAAI;wBAACC,MAAMC,YAAK;;oBAAI;oBAAEV;;;;;AAI/B;AAGFN,OAAOiB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { useDrawer } from \"./useDrawer\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {}\n\nconst Header = forwardRef(\n  ({ children, ...otherProps }: HeaderProps, ref: HeaderRef) => {\n    const { onClose, closeLabel } = useDrawer();\n\n    return (\n      <header ref={ref} {...otherProps} className=\"mobius/DrawerHeader\">\n        {children}\n        <Button\n          aria-label=\"Close\"\n          variant=\"basic\"\n          onPress={onClose}\n          className=\"mobius/DrawerClose\"\n        >\n          <Icon icon={cross} /> {closeLabel}\n        </Button>\n      </header>\n    );\n  },\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["Header","forwardRef","children","otherProps","ref","onClose","closeLabel","useDrawer","header","className","Button","aria-label","variant","onPress","Icon","icon","cross","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqCSA;;;eAAAA;;;;uBArCyD;uBAE5C;wBAEC;sBACF;2BACK;AAU1B,MAAMA,uBAASC,IAAAA,iBAAU,EACvB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,YAAyB,EAAEC;IACzC,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,IAAAA,oBAAS;IAEzC,qBACE,sBAACC;QAAOJ,KAAKA;QAAM,GAAGD,UAAU;QAAEM,WAAU;;YACzCP;0BACD,sBAACQ,cAAM;gBACLC,cAAW;gBACXC,SAAQ;gBACRC,SAASR;gBACTI,WAAU;;kCAEV,qBAACK,UAAI;wBAACC,MAAMC,YAAK;;oBAAI;oBAAEV;;;;;AAI/B;AAGFN,OAAOiB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as DrawerContentDivElementType,\n  ContentProps as DrawerContentProps,\n} from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport { DrawerProps, DrawerContextProps } from \"./types\";\nimport { useDrawer } from \"./useDrawer\";\nimport {\n  HeaderElementType as DrawerHeaderElementType,\n  HeaderProps as DrawerHeaderProps,\n  Header,\n} from \"./Header\";\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Header,\n  Content,\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer, useDrawer };\n\nexport type {\n  DrawerContextProps,\n  DrawerContentDivElementType,\n  DrawerContentProps,\n  DrawerHeaderElementType,\n  DrawerHeaderProps,\n  DrawerProps,\n};\n"],"names":["Drawer","useDrawer","Object","assign","DrawerComponent","Header","Content","displayName"],"mappings":";;;;;;;;;;;IAoBSA,MAAM;eAANA;;IAAQC,SAAS;eAATA,oBAAS;;;yBAhBnB;wBACmC;2BAEhB;wBAKnB;AAEP,MAAMD,SAASE,OAAOC,MAAM,CAACC,cAAe,EAAE;IAC5CC,QAAAA,cAAM;IACNC,SAAAA,gBAAO;AACT;AAEAN,OAAOO,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as DrawerContentDivElementType,\n  ContentProps as DrawerContentProps,\n} from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport { DrawerProps, DrawerContextProps } from \"./types\";\nimport { useDrawer } from \"./useDrawer\";\nimport {\n  HeaderElementType as DrawerHeaderElementType,\n  HeaderProps as DrawerHeaderProps,\n  Header,\n} from \"./Header\";\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Header,\n  Content,\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer, useDrawer };\n\nexport type {\n  DrawerContextProps,\n  DrawerContentDivElementType,\n  DrawerContentProps,\n  DrawerHeaderElementType,\n  DrawerHeaderProps,\n  DrawerProps,\n};\n"],"names":["Drawer","useDrawer","Object","assign","DrawerComponent","Header","Content","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAoBSA,MAAM;eAANA;;IAAQC,SAAS;eAATA,oBAAS;;;yBAhBnB;wBACmC;2BAEhB;wBAKnB;AAEP,MAAMD,SAASE,OAAOC,MAAM,CAACC,cAAe,EAAE;IAC5CC,QAAAA,cAAM;IACNC,SAAAA,gBAAO;AACT;AAEAN,OAAOO,WAAW,GAAG"}

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

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

package/dist/cjs/components/Drawer/useDrawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/useDrawer.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\nexport const useDrawer = () => {\n  const { onClose, closeLabel } = useContext(DrawerContext);\n\n  return { onClose, closeLabel };\n};\n"],"names":["useDrawer","onClose","closeLabel","useContext","DrawerContext"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHc;+BACG;AAEvB,MAAMA,YAAY;IACvB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,IAAAA,iBAAU,EAACC,4BAAa;IAExD,OAAO;QAAEH;QAASC;IAAW;AAC/B"}
+{"version":3,"sources":["../../../../src/components/Drawer/useDrawer.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\nexport const useDrawer = () => {\n  const { onClose, closeLabel } = useContext(DrawerContext);\n\n  return { onClose, closeLabel };\n};\n"],"names":["useDrawer","onClose","closeLabel","useContext","DrawerContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;uBAHc;+BACG;AAEvB,MAAMA,YAAY;IACvB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,IAAAA,iBAAU,EAACC,4BAAa;IAExD,OAAO;QAAEH;QAASC;IAAW;AAC/B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  Children,\n  isValidElement,\n  cloneElement,\n  useState,\n  ReactElement,\n} from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nimport { Button } from \"../Button\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type DropdownMenuElementType = HTMLElement;\n\nexport interface DropdownMenuProps\n  extends DOMProps,\n    RefAttributes<DropdownMenuElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  label?: string;\n  trigger?: ReactElement;\n}\n\nexport type DropdownMenuRef = Ref<DropdownMenuElementType>;\n\ntype ChildClickProps = {\n  onClick?: () => void;\n};\n\nconst DropdownMenu: ForwardedRefComponent<\n  DropdownMenuProps,\n  DropdownMenuElementType\n> = forwardRef((props: DropdownMenuProps, ref: DropdownMenuRef) => {\n  const {\n    elementType: Element = \"nav\",\n    trigger,\n    label = \"Menu\",\n    children,\n    ...otherProps\n  } = props;\n  const [activeId, setActiveId] = useState<number | null>(null);\n  const numberOfItems = Children.count(children);\n  const {\n    buttonProps,\n    itemProps,\n    isOpen: open,\n    setIsOpen,\n  } = useDropdownMenu(numberOfItems);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/DropdownMenu\",\n    otherProps.className,\n  );\n  const triggerClasses = classNames(\"mobius\", \"mobius/DropdownMenuTrigger\");\n  const listClasses = classNames(\"mobius\", \"mobius/DropdownMenuList\", {\n    \"--is-open\": open,\n  });\n\n  const handleChildClick = ({ onClick }: ChildClickProps, index: number) => {\n    setActiveId(index);\n    setIsOpen(false);\n\n    if (onClick) {\n      onClick();\n    }\n  };\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {trigger ? (\n        cloneElement(trigger, {\n          className: triggerClasses,\n          open,\n          label,\n          ...buttonProps,\n        })\n      ) : (\n        <Button className={triggerClasses} {...buttonProps}>\n          {label}\n        </Button>\n      )}\n      <ul className={listClasses} role=\"menu\">\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClick: () => handleChildClick(child.props, index),\n              active: index === activeId,\n              ...itemProps[index],\n            } as any);\n          }\n\n          return child;\n        })}\n      </ul>\n    </Element>\n  );\n});\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","forwardRef","props","ref","elementType","Element","trigger","label","children","otherProps","activeId","setActiveId","useState","numberOfItems","Children","count","buttonProps","itemProps","isOpen","open","setIsOpen","useDropdownMenu","classes","classNames","className","triggerClasses","listClasses","handleChildClick","onClick","index","cloneElement","Button","ul","role","map","child","isValidElement","active","displayName"],"mappings":"AAAA;;;;;+BA8GSA;;;eAAAA;;;;uBAlGF;wFACqB;+DACL;wBAGA;;;;;;AAsBvB,MAAMA,6BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA0BC;IACxC,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,MAAM,EACdC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAgB;IACxD,MAAMC,gBAAgBC,eAAQ,CAACC,KAAK,CAACP;IACrC,MAAM,EACJQ,WAAW,EACXC,SAAS,EACTC,QAAQC,IAAI,EACZC,SAAS,EACV,GAAGC,IAAAA,wCAAe,EAACR;IAEpB,MAAMS,UAAUC,IAAAA,eAAU,EACxB,UACA,uBACAd,WAAWe,SAAS;IAEtB,MAAMC,iBAAiBF,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMG,cAAcH,IAAAA,eAAU,EAAC,UAAU,2BAA2B;QAClE,aAAaJ;IACf;IAEA,MAAMQ,mBAAmB,CAAC,EAAEC,OAAO,EAAmB,EAAEC;QACtDlB,YAAYkB;QACZT,UAAU;QAEV,IAAIQ,SAAS;YACXA;QACF;IACF;IAEA,qBACE,sBAACvB;QAAQF,KAAKA;QAAM,GAAGM,UAAU;QAAEe,WAAWF;;YAC3ChB,wBACCwB,IAAAA,mBAAY,EAACxB,SAAS;gBACpBkB,WAAWC;gBACXN;gBACAZ;gBACA,GAAGS,WAAW;YAChB,mBAEA,qBAACe,cAAM;gBAACP,WAAWC;gBAAiB,GAAGT,WAAW;0BAC/CT;;0BAGL,qBAACyB;gBAAGR,WAAWE;gBAAaO,MAAK;0BAC9BnB,eAAQ,CAACoB,GAAG,CAAC1B,UAAU,CAAC2B,OAAON;oBAC9B,kBAAIO,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOL,IAAAA,mBAAY,EAACK,OAAO;4BACzBP,SAAS,IAAMD,iBAAiBQ,MAAMjC,KAAK,EAAE2B;4BAC7CQ,QAAQR,UAAUnB;4BAClB,GAAGO,SAAS,CAACY,MAAM;wBACrB;oBACF;oBAEA,OAAOM;gBACT;;;;AAIR;AAEAnC,aAAasC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  Children,\n  isValidElement,\n  cloneElement,\n  useState,\n  ReactElement,\n} from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nimport { Button } from \"../Button\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type DropdownMenuElementType = HTMLElement;\n\nexport interface DropdownMenuProps\n  extends DOMProps,\n    RefAttributes<DropdownMenuElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  label?: string;\n  trigger?: ReactElement;\n}\n\nexport type DropdownMenuRef = Ref<DropdownMenuElementType>;\n\ntype ChildClickProps = {\n  onClick?: () => void;\n};\n\nconst DropdownMenu: ForwardedRefComponent<\n  DropdownMenuProps,\n  DropdownMenuElementType\n> = forwardRef((props: DropdownMenuProps, ref: DropdownMenuRef) => {\n  const {\n    elementType: Element = \"nav\",\n    trigger,\n    label = \"Menu\",\n    children,\n    ...otherProps\n  } = props;\n  const [activeId, setActiveId] = useState<number | null>(null);\n  const numberOfItems = Children.count(children);\n  const {\n    buttonProps,\n    itemProps,\n    isOpen: open,\n    setIsOpen,\n  } = useDropdownMenu(numberOfItems);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/DropdownMenu\",\n    otherProps.className,\n  );\n  const triggerClasses = classNames(\"mobius\", \"mobius/DropdownMenuTrigger\");\n  const listClasses = classNames(\"mobius\", \"mobius/DropdownMenuList\", {\n    \"--is-open\": open,\n  });\n\n  const handleChildClick = ({ onClick }: ChildClickProps, index: number) => {\n    setActiveId(index);\n    setIsOpen(false);\n\n    if (onClick) {\n      onClick();\n    }\n  };\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {trigger ? (\n        cloneElement(trigger, {\n          className: triggerClasses,\n          open,\n          label,\n          ...buttonProps,\n        })\n      ) : (\n        <Button className={triggerClasses} {...buttonProps}>\n          {label}\n        </Button>\n      )}\n      <ul className={listClasses} role=\"menu\">\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClick: () => handleChildClick(child.props, index),\n              active: index === activeId,\n              ...itemProps[index],\n            } as any);\n          }\n\n          return child;\n        })}\n      </ul>\n    </Element>\n  );\n});\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","forwardRef","props","ref","elementType","Element","trigger","label","children","otherProps","activeId","setActiveId","useState","numberOfItems","Children","count","buttonProps","itemProps","isOpen","open","setIsOpen","useDropdownMenu","classes","classNames","className","triggerClasses","listClasses","handleChildClick","onClick","index","cloneElement","Button","ul","role","map","child","isValidElement","active","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA8GSA;;;eAAAA;;;;uBAlGF;wFACqB;+DACL;wBAGA;;;;;;AAsBvB,MAAMA,6BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA0BC;IACxC,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,MAAM,EACdC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAgB;IACxD,MAAMC,gBAAgBC,eAAQ,CAACC,KAAK,CAACP;IACrC,MAAM,EACJQ,WAAW,EACXC,SAAS,EACTC,QAAQC,IAAI,EACZC,SAAS,EACV,GAAGC,IAAAA,wCAAe,EAACR;IAEpB,MAAMS,UAAUC,IAAAA,eAAU,EACxB,UACA,uBACAd,WAAWe,SAAS;IAEtB,MAAMC,iBAAiBF,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMG,cAAcH,IAAAA,eAAU,EAAC,UAAU,2BAA2B;QAClE,aAAaJ;IACf;IAEA,MAAMQ,mBAAmB,CAAC,EAAEC,OAAO,EAAmB,EAAEC;QACtDlB,YAAYkB;QACZT,UAAU;QAEV,IAAIQ,SAAS;YACXA;QACF;IACF;IAEA,qBACE,sBAACvB;QAAQF,KAAKA;QAAM,GAAGM,UAAU;QAAEe,WAAWF;;YAC3ChB,wBACCwB,IAAAA,mBAAY,EAACxB,SAAS;gBACpBkB,WAAWC;gBACXN;gBACAZ;gBACA,GAAGS,WAAW;YAChB,mBAEA,qBAACe,cAAM;gBAACP,WAAWC;gBAAiB,GAAGT,WAAW;0BAC/CT;;0BAGL,qBAACyB;gBAAGR,WAAWE;gBAAaO,MAAK;0BAC9BnB,eAAQ,CAACoB,GAAG,CAAC1B,UAAU,CAAC2B,OAAON;oBAC9B,kBAAIO,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOL,IAAAA,mBAAY,EAACK,OAAO;4BACzBP,SAAS,IAAMD,iBAAiBQ,MAAMjC,KAAK,EAAE2B;4BAC7CQ,QAAQR,UAAUnB;4BAClB,GAAGO,SAAS,CAACY,MAAM;wBACrB;oBACF;oBAEA,OAAOM;gBACT;;;;AAIR;AAEAnC,aAAasC,WAAW,GAAG"}

package/dist/cjs/components/DropdownMenu/Item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/Item.tsx"],"sourcesContent":["import {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  cloneElement,\n  ReactElement,\n  isValidElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ItemElementType = HTMLLIElement;\n\nexport interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {\n  elementType?: string | React.ElementType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  active?: boolean;\n  children?: ReactNode;\n  onClick?: () => void;\n}\n\nexport type ItemRef = Ref<ItemElementType>;\n\nconst Item: ForwardedRefComponent<ItemProps, ItemElementType> = forwardRef(\n  (props: ItemProps, ref: ItemRef) => {\n    const {\n      elementType: Element = \"li\",\n      active,\n      onClick,\n      children,\n      ...otherProps\n    } = props;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/DropdownMenuItem\",\n      { \"--is-active\": active },\n      otherProps.className,\n    );\n\n    return (\n      <Element ref={ref} onClick={onClick} {...otherProps}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            const childClasses = classNames(child.props.className, classes);\n            return cloneElement(child as ReactElement, {\n              className: childClasses,\n            });\n          }\n\n          return <span className={classes}>{child}</span>;\n        })}\n      </Element>\n    );\n  },\n);\n\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n"],"names":["Item","forwardRef","props","ref","elementType","Element","active","onClick","children","otherProps","classes","classNames","className","Children","map","child","isValidElement","childClasses","cloneElement","span","displayName"],"mappings":";;;;+BA6DSA;;;eAAAA;;;;uBApDF;+DACgB;;;;;;AAiBvB,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAMQ,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QAAE,eAAeL;IAAO,GACxBG,WAAWG,SAAS;IAGtB,qBACE,qBAACP;QAAQF,KAAKA;QAAKI,SAASA;QAAU,GAAGE,UAAU;kBAChDI,eAAQ,CAACC,GAAG,CAACN,UAAUO,CAAAA;YACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;gBACzB,MAAME,eAAeN,IAAAA,eAAU,EAACI,MAAMb,KAAK,CAACU,SAAS,EAAEF;gBACvD,qBAAOQ,IAAAA,mBAAY,EAACH,OAAuB;oBACzCH,WAAWK;gBACb;YACF;YAEA,qBAAO,qBAACE;gBAAKP,WAAWF;0BAAUK;;QACpC;;AAGN;AAGFf,KAAKoB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/Item.tsx"],"sourcesContent":["import {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  cloneElement,\n  ReactElement,\n  isValidElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ItemElementType = HTMLLIElement;\n\nexport interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {\n  elementType?: string | React.ElementType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  active?: boolean;\n  children?: ReactNode;\n  onClick?: () => void;\n}\n\nexport type ItemRef = Ref<ItemElementType>;\n\nconst Item: ForwardedRefComponent<ItemProps, ItemElementType> = forwardRef(\n  (props: ItemProps, ref: ItemRef) => {\n    const {\n      elementType: Element = \"li\",\n      active,\n      onClick,\n      children,\n      ...otherProps\n    } = props;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/DropdownMenuItem\",\n      { \"--is-active\": active },\n      otherProps.className,\n    );\n\n    return (\n      <Element ref={ref} onClick={onClick} {...otherProps}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            const childClasses = classNames(child.props.className, classes);\n            return cloneElement(child as ReactElement, {\n              className: childClasses,\n            });\n          }\n\n          return <span className={classes}>{child}</span>;\n        })}\n      </Element>\n    );\n  },\n);\n\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n"],"names":["Item","forwardRef","props","ref","elementType","Element","active","onClick","children","otherProps","classes","classNames","className","Children","map","child","isValidElement","childClasses","cloneElement","span","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6DSA;;;eAAAA;;;;uBApDF;+DACgB;;;;;;AAiBvB,MAAMA,qBAA0DC,IAAAA,iBAAU,EACxE,CAACC,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAMQ,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QAAE,eAAeL;IAAO,GACxBG,WAAWG,SAAS;IAGtB,qBACE,qBAACP;QAAQF,KAAKA;QAAKI,SAASA;QAAU,GAAGE,UAAU;kBAChDI,eAAQ,CAACC,GAAG,CAACN,UAAUO,CAAAA;YACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;gBACzB,MAAME,eAAeN,IAAAA,eAAU,EAACI,MAAMb,KAAK,CAACU,SAAS,EAAEF;gBACvD,qBAAOQ,IAAAA,mBAAY,EAACH,OAAuB;oBACzCH,WAAWK;gBACb;YACF;YAEA,qBAAO,qBAACE;gBAAKP,WAAWF;0BAAUK;;QACpC;;AAGN;AAGFf,KAAKoB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  DropdownMenu as DropdownMenuComponent,\n  DropdownMenuProps,\n  DropdownMenuRef,\n} from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\n\nimport type { DropdownMenuElementType } from \"./DropdownMenu\";\nimport type {\n  ItemProps as DropdownMenuItemProps,\n  ItemRef as DropdownMenuItemRef,\n  ItemElementType as DropdownMenuItemElementType,\n} from \"./Item\";\n\nexport interface DropdownMenuCompound\n  extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {\n  Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;\n}\n\nconst DropdownMenu: DropdownMenuCompound = Object.assign(\n  DropdownMenuComponent,\n  {\n    Item,\n  },\n);\n\nexport type {\n  DropdownMenuElementType,\n  DropdownMenuProps,\n  DropdownMenuRef,\n  DropdownMenuItemProps,\n  DropdownMenuItemRef,\n  DropdownMenuItemElementType,\n};\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","Object","assign","DropdownMenuComponent","Item","displayName"],"mappings":";;;;+BAqCSA;;;eAAAA;;;8BAhCF;sBACc;AAcrB,MAAMA,eAAqCC,OAAOC,MAAM,CACtDC,0BAAqB,EACrB;IACEC,MAAAA,UAAI;AACN;AAYFJ,aAAaK,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  DropdownMenu as DropdownMenuComponent,\n  DropdownMenuProps,\n  DropdownMenuRef,\n} from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\n\nimport type { DropdownMenuElementType } from \"./DropdownMenu\";\nimport type {\n  ItemProps as DropdownMenuItemProps,\n  ItemRef as DropdownMenuItemRef,\n  ItemElementType as DropdownMenuItemElementType,\n} from \"./Item\";\n\nexport interface DropdownMenuCompound\n  extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {\n  Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;\n}\n\nconst DropdownMenu: DropdownMenuCompound = Object.assign(\n  DropdownMenuComponent,\n  {\n    Item,\n  },\n);\n\nexport type {\n  DropdownMenuElementType,\n  DropdownMenuProps,\n  DropdownMenuRef,\n  DropdownMenuItemProps,\n  DropdownMenuItemRef,\n  DropdownMenuItemElementType,\n};\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","Object","assign","DropdownMenuComponent","Item","displayName"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAqCSA;;;eAAAA;;;8BAhCF;sBACc;AAcrB,MAAMA,eAAqCC,OAAOC,MAAM,CACtDC,0BAAqB,EACrB;IACEC,MAAAA,UAAI;AACN;AAYFJ,aAAaK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { Text } from \"../Text\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius/ErrorMessage\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\">\n      <span className=\"mobius/ErrorIcon\" />\n      <Text elementType=\"span\" className=\"mobius/ErrorText\">\n        {errorMessage}\n      </Text>\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n"],"names":["ErrorMessage","id","errorMessage","className","classes","classNames","div","data-testid","span","Text","elementType","displayName"],"mappings":";;;;+BASaA;;;eAAAA;;;;+DATU;sBACF;;;;;;AAQd,MAAMA,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,uBAAuBF;IAE5D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,sBAACI;QAAIL,IAAIA;QAAIE,WAAWC;QAASG,eAAY;;0BAC3C,qBAACC;gBAAKL,WAAU;;0BAChB,qBAACM,UAAI;gBAACC,aAAY;gBAAOP,WAAU;0BAChCD;;;;AAIT;AAEAF,aAAaW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { Text } from \"../Text\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius/ErrorMessage\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\">\n      <span className=\"mobius/ErrorIcon\" />\n      <Text elementType=\"span\" className=\"mobius/ErrorText\">\n        {errorMessage}\n      </Text>\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n"],"names":["ErrorMessage","id","errorMessage","className","classes","classNames","div","data-testid","span","Text","elementType","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;+DATU;sBACF;;;;;;AAQd,MAAMA,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,uBAAuBF;IAE5D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,sBAACI;QAAIL,IAAIA;QAAIE,WAAWC;QAASG,eAAY;;0BAC3C,qBAACC;gBAAKL,WAAU;;0BAChB,qBAACM,UAAI;gBAACC,aAAY;gBAAOP,WAAU;0BAChCD;;;;AAIT;AAEAF,aAAaW,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type LegendProps = {\n  id?: string;\n  className?: string;\n};\n\ntype ContainerProps = {\n  \"aria-labelledby\"?: string;\n  role: string;\n};\n\nconst useFieldset = (\n  props: FieldsetProps,\n): { legendProps: LegendProps; containerProps: ContainerProps } => {\n  const { legend } = props;\n\n  let legendProps: LegendProps = {};\n  let containerProps: ContainerProps = {\n    role: \"group\",\n  };\n\n  const legendId = useId();\n  if (legend) {\n    legendProps = {\n      ...legendProps,\n      id: legendId,\n    };\n    containerProps = {\n      ...containerProps,\n      \"aria-labelledby\": legendId,\n    };\n  }\n\n  return {\n    legendProps,\n    containerProps,\n  };\n};\n\nexport type FieldsetElementType = HTMLDivElement;\nexport interface FieldsetProps\n  extends DOMProps,\n    RefAttributes<FieldsetElementType> {\n  legend?: string;\n  children: ReactNode;\n  className?: string;\n  legendComponent?: ReactElement<any>;\n}\n\nexport type FieldsetRef = Ref<FieldsetElementType>;\n\nconst Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType> =\n  forwardRef((props: FieldsetProps, _ref: FieldsetRef) => {\n    const {\n      children,\n      legend,\n      legendComponent = <legend />,\n      ...otherProps\n    } = props;\n\n    const { legendProps, containerProps } = useFieldset(props);\n\n    const classes = classNames(\"mobius\", \"mobius/Fieldset\", props.className);\n\n    // Set class on legend\n    legendProps.className = \"mobius/Legend\";\n\n    return (\n      <Flex {...containerProps} {...otherProps} className={classes}>\n        {legend && cloneElement(legendComponent, { ...legendProps }, [legend])}\n        {children}\n      </Flex>\n    );\n  });\n\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n"],"names":["Fieldset","useFieldset","props","legend","legendProps","containerProps","role","legendId","useId","id","forwardRef","_ref","children","legendComponent","otherProps","classes","classNames","className","Flex","cloneElement","displayName"],"mappings":"AAAA;;;;;+BA2FSA;;;eAAAA;;;;+DAzFc;uBAShB;sBAGc;;;;;;AAYrB,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWC,IAAAA,YAAK;IACtB,IAAIL,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdK,IAAIF;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAML,yBACJU,IAAAA,iBAAU,EAAC,CAACR,OAAsBS;IAChC,MAAM,EACJC,QAAQ,EACRT,MAAM,EACNU,gCAAkB,qBAACV,aAAS,EAC5B,GAAGW,YACJ,GAAGZ;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBd,MAAMe,SAAS;IAEvE,sBAAsB;IACtBb,YAAYa,SAAS,GAAG;IAExB,qBACE,sBAACC,UAAI;QAAE,GAAGb,cAAc;QAAG,GAAGS,UAAU;QAAEG,WAAWF;;YAClDZ,wBAAUgB,IAAAA,mBAAY,EAACN,iBAAiB;gBAAE,GAAGT,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpES;;;AAGP;AAEFZ,SAASoB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type LegendProps = {\n  id?: string;\n  className?: string;\n};\n\ntype ContainerProps = {\n  \"aria-labelledby\"?: string;\n  role: string;\n};\n\nconst useFieldset = (\n  props: FieldsetProps,\n): { legendProps: LegendProps; containerProps: ContainerProps } => {\n  const { legend } = props;\n\n  let legendProps: LegendProps = {};\n  let containerProps: ContainerProps = {\n    role: \"group\",\n  };\n\n  const legendId = useId();\n  if (legend) {\n    legendProps = {\n      ...legendProps,\n      id: legendId,\n    };\n    containerProps = {\n      ...containerProps,\n      \"aria-labelledby\": legendId,\n    };\n  }\n\n  return {\n    legendProps,\n    containerProps,\n  };\n};\n\nexport type FieldsetElementType = HTMLDivElement;\nexport interface FieldsetProps\n  extends DOMProps,\n    RefAttributes<FieldsetElementType> {\n  legend?: string;\n  children: ReactNode;\n  className?: string;\n  legendComponent?: ReactElement<any>;\n}\n\nexport type FieldsetRef = Ref<FieldsetElementType>;\n\nconst Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType> =\n  forwardRef((props: FieldsetProps, _ref: FieldsetRef) => {\n    const {\n      children,\n      legend,\n      legendComponent = <legend />,\n      ...otherProps\n    } = props;\n\n    const { legendProps, containerProps } = useFieldset(props);\n\n    const classes = classNames(\"mobius\", \"mobius/Fieldset\", props.className);\n\n    // Set class on legend\n    legendProps.className = \"mobius/Legend\";\n\n    return (\n      <Flex {...containerProps} {...otherProps} className={classes}>\n        {legend && cloneElement(legendComponent, { ...legendProps }, [legend])}\n        {children}\n      </Flex>\n    );\n  });\n\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n"],"names":["Fieldset","useFieldset","props","legend","legendProps","containerProps","role","legendId","useId","id","forwardRef","_ref","children","legendComponent","otherProps","classes","classNames","className","Flex","cloneElement","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA2FSA;;;eAAAA;;;;+DAzFc;uBAShB;sBAGc;;;;;;AAYrB,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWC,IAAAA,YAAK;IACtB,IAAIL,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdK,IAAIF;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAML,yBACJU,IAAAA,iBAAU,EAAC,CAACR,OAAsBS;IAChC,MAAM,EACJC,QAAQ,EACRT,MAAM,EACNU,gCAAkB,qBAACV,aAAS,EAC5B,GAAGW,YACJ,GAAGZ;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBd,MAAMe,SAAS;IAEvE,sBAAsB;IACtBb,YAAYa,SAAS,GAAG;IAExB,qBACE,sBAACC,UAAI;QAAE,GAAGb,cAAc;QAAG,GAAGS,UAAU;QAAEG,WAAWF;;YAClDZ,wBAAUgB,IAAAA,mBAAY,EAACN,iBAAiB;gBAAE,GAAGT,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpES;;;AAGP;AAEFZ,SAASoB,WAAW,GAAG"}

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

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