@ahrowe/ui 0.28.0 → 0.29.0

package/dist/esm/common/accordion/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown as arrowIcon } from '@fortawesome/free-solid-svg-icons';\n\nimport { AccordionStyleType, type AccordionProps } from './accordion.types';\n\nimport defaultStyles from './accordion.module.pcss';\nimport primaryStyles from './accordion.primary.module.pcss';\nimport plainStyles from './accordion.plain.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst STYLES_BY_TYPE: Record<AccordionStyleType, typeof defaultStyles> = {\n  [AccordionStyleType.Default]: defaultStyles,\n  [AccordionStyleType.Primary]: primaryStyles,\n  [AccordionStyleType.Plain]: plainStyles,\n};\n\nfunction Accordion(props: AccordionProps): ReactElement {\n  const {\n  id = '',\n  title = '',\n  children = null,\n  expanded = null,\n  onHeaderClicked = () => {},\n  styleType = AccordionStyleType.Default,\n  startOpen = false,\n  hideHeader = false,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('Accordion', props);\n  const s = STYLES_BY_TYPE[styleType];\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const bodyInnerRef = useRef<HTMLDivElement>(null);\n\n  const [isExpanded, setIsExpanded] = useState(expanded ?? startOpen);\n  const [bodyHeight, setBodyHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    if (expanded !== null) setIsExpanded(expanded);\n  }, [expanded]);\n\n  useEffect(() => {\n    const el = bodyRef.current;\n    if (el) el.inert = !isExpanded;\n  }, [isExpanded]);\n\n  useEffect(() => {\n    const el = bodyInnerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setBodyHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, []);\n\n  function toggleExpanded() {\n    const next = !isExpanded;\n    onHeaderClicked(id, next);\n    if (expanded === null) setIsExpanded(next);\n  }\n\n  const headerHeight = 24;\n  const headerStyle = { height: `${isExpanded ? headerHeight + headerHeight / 3 : headerHeight}px` };\n  const bodyStyle = { height: isExpanded ? (bodyHeight ?? 'auto') : '0px' };\n\n  return (\n    <div {...rest} id={id || undefined} className={cx(s.accordion, isExpanded && s.accordionActive, className, classNames?.root)} style={{ ...style, ...slotStyles?.root }}>\n      {!hideHeader && (\n        <div\n          className={cx(s.accordionHeader, isExpanded && s.accordionHeaderActive, classNames?.header)}\n          style={{ ...headerStyle, ...slotStyles?.header }}\n          onClick={toggleExpanded}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={({ key }) => { if (key === 'Enter') toggleExpanded(); }}\n        >\n          <div className={cx(s.accordionTitle, classNames?.title)} style={slotStyles?.title}>{title}</div>\n          <FontAwesomeIcon\n            icon={arrowIcon}\n            className={cx(s.accordionIcon, isExpanded && s.accordionIconActive, classNames?.icon)}\n            style={slotStyles?.icon as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n          />\n        </div>\n      )}\n      <div\n        ref={bodyRef}\n        className={cx(s.accordionBody, isExpanded && s.accordionBodyActive, classNames?.body)}\n        style={{ ...bodyStyle, ...slotStyles?.body }}\n      >\n        <div className={cx(s.accordionBodyInner, classNames?.bodyInner)} style={slotStyles?.bodyInner} ref={bodyInnerRef}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"mappings":"whBAYA,IAAM,EAAmE,EACtE,EAAmB,SAAU,GAC7B,EAAmB,SAAU,GAC7B,EAAmB,OAAQ,CAC9B,EAEA,SAAS,EAAU,EAAqC,CACtD,GAAM,CACN,KAAK,GACL,QAAQ,GACR,WAAW,KACX,WAAW,KACX,sBAAwB,CAAC,EACzB,YAAY,EAAmB,QAC/B,YAAY,GACZ,aAAa,GACb,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,YAAa,CAAK,EACrC,EAAI,EAAe,GACnB,EAAU,EAAuB,IAAI,EACrC,EAAe,EAAuB,IAAI,EAE1C,CAAC,EAAY,GAAiB,EAAS,GAAY,CAAS,EAC5D,CAAC,EAAY,GAAiB,EAAwB,IAAI,EAEhE,MAAgB,CAEV,IAAa,MAAM,EAAc,CAAQ,CAC/C,EAAG,CAAC,CAAQ,CAAC,EAEb,MAAgB,CACd,IAAM,EAAK,EAAQ,QACf,IAAI,EAAG,MAAQ,CAAC,EACtB,EAAG,CAAC,CAAU,CAAC,EAEf,MAAgB,CACd,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OACT,IAAM,EAAW,IAAI,mBAAqB,EAAc,EAAG,YAAY,CAAC,EAExE,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAC,EAEL,SAAS,GAAiB,CACxB,IAAM,EAAO,CAAC,EACd,EAAgB,EAAI,CAAI,EACpB,IAAa,MAAM,EAAc,CAAI,CAC3C,CAGA,IAAM,EAAc,CAAE,OAAQ,GAAG,EAAa,GAAkC,GAAa,GAAI,EAC3F,EAAY,CAAE,OAAQ,EAAc,GAAc,OAAU,KAAM,EAExE,OACE,EAAC,MAAD,CAAK,GAAI,EAAM,GAAI,GAAM,IAAA,GAAW,UAAW,EAAG,EAAE,UAAW,GAAc,EAAE,gBAAiB,EAAW,GAAY,IAAI,EAAG,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WAArK,CACG,CAAC,GACA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,gBAAiB,GAAc,EAAE,sBAAuB,GAAY,MAAM,EAC1F,MAAO,CAAE,GAAG,EAAa,GAAG,GAAY,MAAO,EAC/C,QAAS,EACT,KAAK,SACL,SAAU,EACV,WAAY,CAAE,SAAU,CAAM,IAAQ,SAAS,EAAe,CAAG,WANnE,CAQE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAE,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,eAAQ,CAAW,CAAA,EAC/F,EAAC,EAAD,CACE,KAAM,EACN,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,GAAY,IACpB,CAAA,CACE,IAEP,EAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,CAAE,GAAG,EAAW,GAAG,GAAY,IAAK,WAE3C,EAAC,MAAD,CAAK,UAAW,EAAG,EAAE,mBAAoB,GAAY,SAAS,EAAG,MAAO,GAAY,UAAW,IAAK,EACjG,UACE,CAAA,CACF,CAAA,CACF,GAET"}
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown as arrowIcon } from '@fortawesome/free-solid-svg-icons';\n\nimport { AccordionStyleType, type AccordionProps } from './accordion.types';\n\nimport defaultStyles from './accordion.module.pcss';\nimport primaryStyles from './accordion.primary.module.pcss';\nimport plainStyles from './accordion.plain.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst STYLES_BY_TYPE: Record<AccordionStyleType, typeof defaultStyles> = {\n  [AccordionStyleType.Default]: defaultStyles,\n  [AccordionStyleType.Primary]: primaryStyles,\n  [AccordionStyleType.Plain]: plainStyles,\n};\n\nfunction Accordion(props: AccordionProps): ReactElement {\n  const {\n    id = '',\n    title = '',\n    children = null,\n    expanded = null,\n    onHeaderClicked = () => {},\n    styleType = AccordionStyleType.Default,\n    startOpen = false,\n    hideHeader = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Accordion', props);\n  const s = STYLES_BY_TYPE[styleType];\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const bodyInnerRef = useRef<HTMLDivElement>(null);\n\n  const [isExpanded, setIsExpanded] = useState(expanded ?? startOpen);\n  const [bodyHeight, setBodyHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    if (expanded !== null) setIsExpanded(expanded);\n  }, [expanded]);\n\n  useEffect(() => {\n    const el = bodyRef.current;\n    if (el) el.inert = !isExpanded;\n  }, [isExpanded]);\n\n  useEffect(() => {\n    const el = bodyInnerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setBodyHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.unobserve(el);\n  }, []);\n\n  function toggleExpanded() {\n    const next = !isExpanded;\n    onHeaderClicked(id, next);\n    if (expanded === null) setIsExpanded(next);\n  }\n\n  const headerHeight = 24;\n  const headerStyle = { height: `${isExpanded ? headerHeight + headerHeight / 3 : headerHeight}px` };\n  const bodyStyle = { height: isExpanded ? (bodyHeight ?? 'auto') : '0px' };\n\n  return (\n    <div\n      {...rest}\n      id={id || undefined}\n      className={cx(s.accordion, isExpanded && s.accordionActive, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hideHeader && (\n        <div\n          className={cx(s.accordionHeader, isExpanded && s.accordionHeaderActive, classNames?.header)}\n          style={{ ...headerStyle, ...slotStyles?.header }}\n          onClick={toggleExpanded}\n          role='button'\n          tabIndex={0}\n          onKeyDown={({ key }) => {\n            if (key === 'Enter') toggleExpanded();\n          }}\n        >\n          <div className={cx(s.accordionTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n          <FontAwesomeIcon\n            icon={arrowIcon}\n            className={cx(s.accordionIcon, isExpanded && s.accordionIconActive, classNames?.icon)}\n            style={slotStyles?.icon as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n          />\n        </div>\n      )}\n      <div\n        ref={bodyRef}\n        className={cx(s.accordionBody, isExpanded && s.accordionBodyActive, classNames?.body)}\n        style={{ ...bodyStyle, ...slotStyles?.body }}\n      >\n        <div\n          className={cx(s.accordionBodyInner, classNames?.bodyInner)}\n          style={slotStyles?.bodyInner}\n          ref={bodyInnerRef}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Accordion;\n"],"mappings":"whBAYA,IAAM,EAAmE,EACtE,EAAmB,SAAU,GAC7B,EAAmB,SAAU,GAC7B,EAAmB,OAAQ,CAC9B,EAEA,SAAS,EAAU,EAAqC,CACtD,GAAM,CACJ,KAAK,GACL,QAAQ,GACR,WAAW,KACX,WAAW,KACX,sBAAwB,CAAC,EACzB,YAAY,EAAmB,QAC/B,YAAY,GACZ,aAAa,GACb,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,YAAa,CAAK,EACrC,EAAI,EAAe,GACnB,EAAU,EAAuB,IAAI,EACrC,EAAe,EAAuB,IAAI,EAE1C,CAAC,EAAY,GAAiB,EAAS,GAAY,CAAS,EAC5D,CAAC,EAAY,GAAiB,EAAwB,IAAI,EAEhE,MAAgB,CAEV,IAAa,MAAM,EAAc,CAAQ,CAC/C,EAAG,CAAC,CAAQ,CAAC,EAEb,MAAgB,CACd,IAAM,EAAK,EAAQ,QACf,IAAI,EAAG,MAAQ,CAAC,EACtB,EAAG,CAAC,CAAU,CAAC,EAEf,MAAgB,CACd,IAAM,EAAK,EAAa,QACxB,GAAI,CAAC,EAAI,OACT,IAAM,EAAW,IAAI,mBAAqB,EAAc,EAAG,YAAY,CAAC,EAExE,OADA,EAAS,QAAQ,CAAE,MACN,EAAS,UAAU,CAAE,CACpC,EAAG,CAAC,CAAC,EAEL,SAAS,GAAiB,CACxB,IAAM,EAAO,CAAC,EACd,EAAgB,EAAI,CAAI,EACpB,IAAa,MAAM,EAAc,CAAI,CAC3C,CAGA,IAAM,EAAc,CAAE,OAAQ,GAAG,EAAa,GAAkC,GAAa,GAAI,EAC3F,EAAY,CAAE,OAAQ,EAAc,GAAc,OAAU,KAAM,EAExE,OACE,EAAC,MAAD,CACE,GAAI,EACJ,GAAI,GAAM,IAAA,GACV,UAAW,EAAG,EAAE,UAAW,GAAc,EAAE,gBAAiB,EAAW,GAAY,IAAI,EACvF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAJzC,SAAA,CAMG,CAAC,GACA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,gBAAiB,GAAc,EAAE,sBAAuB,GAAY,MAAM,EAC1F,MAAO,CAAE,GAAG,EAAa,GAAG,GAAY,MAAO,EAC/C,QAAS,EACT,KAAK,SACL,SAAU,EACV,WAAY,CAAE,SAAU,CAClB,IAAQ,SAAS,EAAe,CACtC,EARF,SAAA,CAUE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAE,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,MACzE,SAAA,CACE,CAAA,EACL,EAAC,EAAD,CACE,KAAM,EACN,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,GAAY,IACpB,CAAA,CACE,CAEP,CAAA,EAAA,EAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAG,EAAE,cAAe,GAAc,EAAE,oBAAqB,GAAY,IAAI,EACpF,MAAO,CAAE,GAAG,EAAW,GAAG,GAAY,IAAK,EAE3C,SAAA,EAAC,MAAD,CACE,UAAW,EAAG,EAAE,mBAAoB,GAAY,SAAS,EACzD,MAAO,GAAY,UACnB,IAAK,EAEJ,UACE,CAAA,CACF,CAAA,CACF,GAET"}

package/dist/esm/common/accordion/accordion.module.mjs

@@ -1,2 +1,2 @@
-var e={accordion:`accordion_YZt8B`,"accordion-title":`accordion-title_CGYKY`,accordionTitle:`accordion-title_CGYKY`,"accordion-active":`accordion-active_mocpj`,accordionActive:`accordion-active_mocpj`,"accordion-header":`accordion-header_OEjXM`,accordionHeader:`accordion-header_OEjXM`,"accordion-header-active":`accordion-header-active_6KvnM`,accordionHeaderActive:`accordion-header-active_6KvnM`,"accordion-body":`accordion-body_2o-mY`,accordionBody:`accordion-body_2o-mY`,"accordion-body-inner":`accordion-body-inner_JI9nJ`,accordionBodyInner:`accordion-body-inner_JI9nJ`,"accordion-body-active":`accordion-body-active_sb2-U`,accordionBodyActive:`accordion-body-active_sb2-U`,"accordion-icon":`accordion-icon_kLqp-`,accordionIcon:`accordion-icon_kLqp-`,"accordion-icon-active":`accordion-icon-active_lJwG8`,accordionIconActive:`accordion-icon-active_lJwG8`};export{e as default};
+var e=`accordion_YZt8B`,t=`accordion-title_CGYKY`,n=`accordion-active_mocpj`,r=`accordion-header_OEjXM`,i=`accordion-header-active_6KvnM`,a=`accordion-body_2o-mY`,o=`accordion-body-inner_JI9nJ`,s=`accordion-body-active_sb2-U`,c=`accordion-icon_kLqp-`,l=`accordion-icon-active_lJwG8`,u={accordion:e,"accordion-title":`accordion-title_CGYKY`,accordionTitle:t,"accordion-active":`accordion-active_mocpj`,accordionActive:n,"accordion-header":`accordion-header_OEjXM`,accordionHeader:r,"accordion-header-active":`accordion-header-active_6KvnM`,accordionHeaderActive:i,"accordion-body":`accordion-body_2o-mY`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_JI9nJ`,accordionBodyInner:o,"accordion-body-active":`accordion-body-active_sb2-U`,accordionBodyActive:s,"accordion-icon":`accordion-icon_kLqp-`,accordionIcon:c,"accordion-icon-active":`accordion-icon-active_lJwG8`,accordionIconActive:l};export{e as accordion,n as accordionActive,a as accordionBody,s as accordionBodyActive,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,c as accordionIcon,l as accordionIconActive,t as accordionTitle,u as default};
 //# sourceMappingURL=accordion.module.mjs.map

package/dist/esm/common/accordion/accordion.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.module.pcss"],"sourcesContent":["\n.accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n  color: var(--text-color);\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 16px;\n    }\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--border-color);\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n  color: var(--text-color);\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n    border: 1px solid var(--border-color);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 16px;\n    }\n\n    &-active {\n      border: 1px solid var(--primary-color);\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--border-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/common/accordion/accordion.plain.module.mjs

@@ -1,2 +1,2 @@
-var e={accordion:`accordion_wkZJf`,"accordion-title":`accordion-title_-qwNy`,accordionTitle:`accordion-title_-qwNy`,"accordion-active":`accordion-active_t9-a2`,accordionActive:`accordion-active_t9-a2`,"accordion-header":`accordion-header_-oST6`,accordionHeader:`accordion-header_-oST6`,"accordion-header-active":`accordion-header-active_UvKis`,accordionHeaderActive:`accordion-header-active_UvKis`,"accordion-body":`accordion-body_ZagrJ`,accordionBody:`accordion-body_ZagrJ`,"accordion-body-inner":`accordion-body-inner_HE7PL`,accordionBodyInner:`accordion-body-inner_HE7PL`,"accordion-icon":`accordion-icon_kHxym`,accordionIcon:`accordion-icon_kHxym`,"accordion-icon-active":`accordion-icon-active_-L8BH`,accordionIconActive:`accordion-icon-active_-L8BH`};export{e as default};
+var e=`accordion_wkZJf`,t=`accordion-title_-qwNy`,n=`accordion-active_t9-a2`,r=`accordion-header_-oST6`,i=`accordion-header-active_UvKis`,a=`accordion-body_ZagrJ`,o=`accordion-body-inner_HE7PL`,s=`accordion-icon_kHxym`,c=`accordion-icon-active_-L8BH`,l={accordion:e,"accordion-title":`accordion-title_-qwNy`,accordionTitle:t,"accordion-active":`accordion-active_t9-a2`,accordionActive:n,"accordion-header":`accordion-header_-oST6`,accordionHeader:r,"accordion-header-active":`accordion-header-active_UvKis`,accordionHeaderActive:i,"accordion-body":`accordion-body_ZagrJ`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_HE7PL`,accordionBodyInner:o,"accordion-icon":`accordion-icon_kHxym`,accordionIcon:s,"accordion-icon-active":`accordion-icon-active_-L8BH`,accordionIconActive:c};export{e as accordion,n as accordionActive,a as accordionBody,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,s as accordionIcon,c as accordionIconActive,t as accordionTitle,l as default};
 //# sourceMappingURL=accordion.plain.module.mjs.map

package/dist/esm/common/accordion/accordion.plain.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.plain.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.plain.module.pcss"],"sourcesContent":["\n.accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: var(--default-border-radius);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);\n\n    &-inner {\n      padding: 0px;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--primary-color);\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.plain.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.plain.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: var(--default-border-radius);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n\n    &-inner {\n      padding: 0;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--primary-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/common/accordion/accordion.primary.module.mjs

@@ -1,2 +1,2 @@
-var e={accordion:`accordion_X64Nz`,"accordion-title":`accordion-title_2q-FF`,accordionTitle:`accordion-title_2q-FF`,"accordion-active":`accordion-active_72VwY`,accordionActive:`accordion-active_72VwY`,"accordion-header":`accordion-header_XuGF6`,accordionHeader:`accordion-header_XuGF6`,"accordion-header-active":`accordion-header-active_xf8Ch`,accordionHeaderActive:`accordion-header-active_xf8Ch`,"accordion-body":`accordion-body_0Jsco`,accordionBody:`accordion-body_0Jsco`,"accordion-body-inner":`accordion-body-inner_0UBPf`,accordionBodyInner:`accordion-body-inner_0UBPf`,"accordion-body-active":`accordion-body-active_XFSy1`,accordionBodyActive:`accordion-body-active_XFSy1`,"accordion-icon":`accordion-icon_W1mz5`,accordionIcon:`accordion-icon_W1mz5`,"accordion-icon-active":`accordion-icon-active_LI98q`,accordionIconActive:`accordion-icon-active_LI98q`};export{e as default};
+var e=`accordion_X64Nz`,t=`accordion-title_2q-FF`,n=`accordion-active_72VwY`,r=`accordion-header_XuGF6`,i=`accordion-header-active_xf8Ch`,a=`accordion-body_0Jsco`,o=`accordion-body-inner_0UBPf`,s=`accordion-body-active_XFSy1`,c=`accordion-icon_W1mz5`,l=`accordion-icon-active_LI98q`,u={accordion:e,"accordion-title":`accordion-title_2q-FF`,accordionTitle:t,"accordion-active":`accordion-active_72VwY`,accordionActive:n,"accordion-header":`accordion-header_XuGF6`,accordionHeader:r,"accordion-header-active":`accordion-header-active_xf8Ch`,accordionHeaderActive:i,"accordion-body":`accordion-body_0Jsco`,accordionBody:a,"accordion-body-inner":`accordion-body-inner_0UBPf`,accordionBodyInner:o,"accordion-body-active":`accordion-body-active_XFSy1`,accordionBodyActive:s,"accordion-icon":`accordion-icon_W1mz5`,accordionIcon:c,"accordion-icon-active":`accordion-icon-active_LI98q`,accordionIconActive:l};export{e as accordion,n as accordionActive,a as accordionBody,s as accordionBodyActive,o as accordionBodyInner,r as accordionHeader,i as accordionHeaderActive,c as accordionIcon,l as accordionIconActive,t as accordionTitle,u as default};
 //# sourceMappingURL=accordion.primary.module.mjs.map

package/dist/esm/common/accordion/accordion.primary.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.primary.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.primary.module.pcss"],"sourcesContent":["\n.accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n    border: 2px solid var(--primary-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0px 0px;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0px 0px var(--default-border-radius) var(--default-border-radius);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 16px;\n    }\n\n    &-active {\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--primary-color);\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.primary.module.mjs","names":[],"sources":["../../../../package/common/accordion/accordion.primary.module.pcss"],"sourcesContent":[".accordion {\n  transition: margin 0.2s;\n  margin: -1px;\n\n  &-title {\n    width: 100%;\n  }\n\n  &-active {\n    margin: 10px 0;\n    border: 2px solid var(--primary-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    background: var(--background);\n    border-radius: var(--default-border-radius);\n    font-size: 16px;\n    font-weight: 400;\n    transition: all 0.2s;\n\n    &-active {\n      background: var(--background-accent);\n      border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    }\n  }\n\n  &-body {\n    overflow: hidden;\n    transition: all 0.2s ease;\n    position: relative;\n    border-radius: 0 0 var(--default-border-radius) var(--default-border-radius);\n    border-top: none;\n    border-bottom: none;\n\n    &-inner {\n      padding: 16px;\n    }\n\n    &-active {\n      border-top: none;\n    }\n  }\n\n  &-icon {\n    transition: transform 0.2s;\n    transform: rotate(0deg);\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--primary-color);\n\n    &-active {\n      transform: rotate(180deg);\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/common/actionButtons/actionButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionButtons.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport styles from './actionButtons.module.pcss';\nimport Button, { ButtonStyleType, ButtonType } from '../button';\nimport { useComponentDefaults } from '../configProvider';\nimport { ActionButtonsProps } from './actionButtons.types';\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n  const {\n  onSubmit = () => null,\n  onClose = () => null,\n  submitLabel = 'Save',\n  cancelLabel = 'Cancel',\n  submitButtonStyle = ButtonStyleType.Primary,\n  isSubmitButtonLoading = false,\n  isSubmitButtonDisabled = false,\n  submitButtonIcon = undefined,\n  cancelButtonStyle = ButtonStyleType.Default,\n  isCancelButtonLoading = false,\n  isCancelButtonDisabled = false,\n  cancelButtonIcon = undefined,\n  hidePrimaryButton = false,\n  hideSecondaryButton = false,\n  noMargin = false,\n  stackButtons = false,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('ActionButtons', props);\n  return (\n    <div\n      {...rest}\n      className={cx(styles.actionButtons, !noMargin && styles.actionButtonsMargin, stackButtons && styles.actionButtonsStacked, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hidePrimaryButton && (\n      <Button\n        isLoading={isSubmitButtonLoading}\n        disabled={isSubmitButtonDisabled}\n        styleType={submitButtonStyle}\n        type={ButtonType.Submit}\n        onClick={onSubmit}\n        className={classNames?.submitButton}\n        style={slotStyles?.submitButton}\n        icon={submitButtonIcon}\n      >\n        {submitLabel}\n      </Button>\n      )}\n      {!hideSecondaryButton && (\n        <Button\n          isLoading={isCancelButtonLoading}\n          disabled={isCancelButtonDisabled}\n          onClick={onClose}\n          styleType={cancelButtonStyle}\n          className={classNames?.cancelButton}\n          style={slotStyles?.cancelButton}\n          icon={cancelButtonIcon}\n        >\n          {cancelLabel}\n        </Button>\n      )}\n    </div>\n  );\n}"],"mappings":"yTAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CACN,eAAiB,KACjB,cAAgB,KAChB,cAAc,OACd,cAAc,SACd,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,WAAW,GACX,eAAe,GACf,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,gBAAiB,CAAK,EAC/C,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,cAAe,CAAC,GAAY,EAAO,oBAAqB,GAAgB,EAAO,qBAAsB,EAAW,GAAY,IAAI,EACrJ,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WAHzC,CAKG,CAAC,GACF,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,UAAW,EACX,KAAM,EAAW,OACjB,QAAS,EACT,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,WAEL,CACK,CAAA,EAEP,CAAC,GACA,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,QAAS,EACT,UAAW,EACX,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,WAEL,CACK,CAAA,CAEP,GAET"}
+{"version":3,"file":"actionButtons.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport styles from './actionButtons.module.pcss';\nimport Button, { ButtonStyleType, ButtonType } from '../button';\nimport { useComponentDefaults } from '../configProvider';\nimport { ActionButtonsProps } from './actionButtons.types';\n\nexport default function ActionButtons(props: ActionButtonsProps) {\n  const {\n    onSubmit = () => null,\n    onClose = () => null,\n    submitLabel = 'Save',\n    cancelLabel = 'Cancel',\n    submitButtonStyle = ButtonStyleType.Primary,\n    isSubmitButtonLoading = false,\n    isSubmitButtonDisabled = false,\n    submitButtonIcon = undefined,\n    cancelButtonStyle = ButtonStyleType.Default,\n    isCancelButtonLoading = false,\n    isCancelButtonDisabled = false,\n    cancelButtonIcon = undefined,\n    hidePrimaryButton = false,\n    hideSecondaryButton = false,\n    noMargin = false,\n    stackButtons = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('ActionButtons', props);\n  return (\n    <div\n      {...rest}\n      className={cx(\n        styles.actionButtons,\n        !noMargin && styles.actionButtonsMargin,\n        stackButtons && styles.actionButtonsStacked,\n        className,\n        classNames?.root,\n      )}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hidePrimaryButton && (\n        <Button\n          isLoading={isSubmitButtonLoading}\n          disabled={isSubmitButtonDisabled}\n          styleType={submitButtonStyle}\n          type={ButtonType.Submit}\n          onClick={onSubmit}\n          className={classNames?.submitButton}\n          style={slotStyles?.submitButton}\n          icon={submitButtonIcon}\n        >\n          {submitLabel}\n        </Button>\n      )}\n      {!hideSecondaryButton && (\n        <Button\n          isLoading={isCancelButtonLoading}\n          disabled={isCancelButtonDisabled}\n          onClick={onClose}\n          styleType={cancelButtonStyle}\n          className={classNames?.cancelButton}\n          style={slotStyles?.cancelButton}\n          icon={cancelButtonIcon}\n        >\n          {cancelLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"yTAOA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CACJ,eAAiB,KACjB,cAAgB,KAChB,cAAc,OACd,cAAc,SACd,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,EAAgB,QACpC,wBAAwB,GACxB,yBAAyB,GACzB,mBAAmB,IAAA,GACnB,oBAAoB,GACpB,sBAAsB,GACtB,WAAW,GACX,eAAe,GACf,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,gBAAiB,CAAK,EAC/C,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EACT,EAAO,cACP,CAAC,GAAY,EAAO,oBACpB,GAAgB,EAAO,qBACvB,EACA,GAAY,IACd,EACA,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EATzC,SAAA,CAWG,CAAC,GACA,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,UAAW,EACX,KAAM,EAAW,OACjB,QAAS,EACT,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,EAEL,SAAA,CACK,CAAA,EAET,CAAC,GACA,EAAC,EAAD,CACE,UAAW,EACX,SAAU,EACV,QAAS,EACT,UAAW,EACX,UAAW,GAAY,aACvB,MAAO,GAAY,aACnB,KAAM,EAEL,SAAA,CACK,CAAA,CAEP,GAET"}

package/dist/esm/common/actionButtons/actionButtons.module.mjs

@@ -1,2 +1,2 @@
-var e={actionButtons:`actionButtons_7GybR`,"actionButtons-margin":`actionButtons-margin_-XoFP`,actionButtonsMargin:`actionButtons-margin_-XoFP`,"actionButtons-stacked":`actionButtons-stacked_ZGpUN`,actionButtonsStacked:`actionButtons-stacked_ZGpUN`};export{e as default};
+var e=`actionButtons_7GybR`,t=`actionButtons-margin_-XoFP`,n=`actionButtons-stacked_ZGpUN`,r={actionButtons:e,"actionButtons-margin":`actionButtons-margin_-XoFP`,actionButtonsMargin:t,"actionButtons-stacked":`actionButtons-stacked_ZGpUN`,actionButtonsStacked:n};export{e as actionButtons,t as actionButtonsMargin,n as actionButtonsStacked,r as default};
 //# sourceMappingURL=actionButtons.module.mjs.map

package/dist/esm/common/actionButtons/actionButtons.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionButtons.module.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.module.pcss"],"sourcesContent":["\n.actionButtons {\n  display: flex;\n  gap: var(--spacing-m);\n\n  @media (--mq-mobile) {\n    flex-direction: column;\n  }\n\n  &-margin {\n    margin-top: var(--spacing-l);\n  }\n\n  &-stacked {\n    flex-direction: column;\n\n    & > * {\n      width: 100%;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"actionButtons.module.mjs","names":[],"sources":["../../../../package/common/actionButtons/actionButtons.module.pcss"],"sourcesContent":[".actionButtons {\n  display: flex;\n  gap: var(--spacing-m);\n\n  @media (--mq-mobile) {\n    flex-direction: column;\n  }\n\n  &-margin {\n    margin-top: var(--spacing-l);\n  }\n\n  &-stacked {\n    flex-direction: column;\n\n    & > * {\n      width: 100%;\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/common/actionIcon/actionIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionIcon.mjs","names":[],"sources":["../../../../package/common/actionIcon/actionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport type { ReactElement } from 'react';\n\nimport InteractableDiv from '../interactableDiv';\nimport type { ActionIconProps } from './actionIcon.types';\nimport styles from './actionIcon.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction ActionIcon({\n  icon,\n  className = '',\n  style,\n  title = '',\n  onClick = () => {},\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: ActionIconProps): ReactElement {\n  return (\n    <InteractableDiv\n      {...rest}\n      className={cx(styles.actionIcon, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      title={title}\n      onClick={onClick}\n    >\n      {renderIcon(icon, { className: classNames?.icon, style: slotStyles?.icon })}\n    </InteractableDiv>\n  );\n}\n\nexport default ActionIcon;\n"],"mappings":"wNASA,SAAS,EAAW,CAClB,OACA,YAAY,GACZ,QACA,QAAQ,GACR,cAAgB,CAAC,EACjB,aACA,OAAQ,EACR,GAAG,GAC6B,CAChC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,WAAY,EAAW,GAAY,IAAI,EAC5D,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAChC,QACE,mBAER,EAAW,EAAM,CAAE,UAAW,GAAY,KAAM,MAAO,GAAY,IAAK,CAAC,CAC3D,CAAA,CAErB"}
+{"version":3,"file":"actionIcon.mjs","names":[],"sources":["../../../../package/common/actionIcon/actionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport type { ReactElement } from 'react';\n\nimport InteractableDiv from '../interactableDiv';\nimport type { ActionIconProps } from './actionIcon.types';\nimport styles from './actionIcon.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction ActionIcon({\n  icon,\n  className = '',\n  style,\n  title = '',\n  onClick = () => {},\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: ActionIconProps): ReactElement {\n  return (\n    <InteractableDiv\n      {...rest}\n      className={cx(styles.actionIcon, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      title={title}\n      onClick={onClick}\n    >\n      {renderIcon(icon, { className: classNames?.icon, style: slotStyles?.icon })}\n    </InteractableDiv>\n  );\n}\n\nexport default ActionIcon;\n"],"mappings":"wNASA,SAAS,EAAW,CAClB,OACA,YAAY,GACZ,QACA,QAAQ,GACR,cAAgB,CAAC,EACjB,aACA,OAAQ,EACR,GAAG,GAC6B,CAChC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,WAAY,EAAW,GAAY,IAAI,EAC5D,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAChC,QACE,UAER,SAAA,EAAW,EAAM,CAAE,UAAW,GAAY,KAAM,MAAO,GAAY,IAAK,CAAC,CAC3D,CAAA,CAErB"}

package/dist/esm/common/actionIcon/actionIcon.module.mjs

@@ -1,2 +1,2 @@
-var e={actionIcon:`actionIcon_ganSq`};export{e as default};
+var e=`actionIcon_ganSq`,t={actionIcon:e};export{e as actionIcon,t as default};
 //# sourceMappingURL=actionIcon.module.mjs.map

package/dist/esm/common/actionIcon/actionIcon.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionIcon.module.mjs","names":[],"sources":["../../../../package/common/actionIcon/actionIcon.module.pcss"],"sourcesContent":[".actionIcon {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  padding: 4px;\n  &:hover {\n    filter: brightness(0.8);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"actionIcon.module.mjs","names":[],"sources":["../../../../package/common/actionIcon/actionIcon.module.pcss"],"sourcesContent":[".actionIcon {\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  padding: 4px;\n\n  &:hover {\n    filter: brightness(0.8);\n  }\n}\n"],"mappings":""}

package/dist/esm/common/alert/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","names":[],"sources":["../../../../package/common/alert/alert.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\nimport {\n  faCircleInfo,\n  faCircleCheck,\n  faCircleXmark,\n  faTriangleExclamation,\n  faBell,\n  faXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { AlertStyleType } from './alert.types';\nimport type { AlertProps } from './alert.types';\nimport styles from './alert.module.pcss';\nimport ActionIcon from '../actionIcon';\nimport { useComponentDefaults } from '../configProvider';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst ICON_BY_STYLE: Record<AlertStyleType, typeof faBell> = {\n  [AlertStyleType.Default]: faBell,\n  [AlertStyleType.Info]: faCircleInfo,\n  [AlertStyleType.Success]: faCircleCheck,\n  [AlertStyleType.Warn]: faTriangleExclamation,\n  [AlertStyleType.Error]: faCircleXmark,\n};\n\nconst CLASS_BY_STYLE: Record<AlertStyleType, string> = {\n  [AlertStyleType.Default]: styles.alertStyleDefault,\n  [AlertStyleType.Info]: styles.alertStyleInfo,\n  [AlertStyleType.Success]: styles.alertStyleSuccess,\n  [AlertStyleType.Warn]: styles.alertStyleWarn,\n  [AlertStyleType.Error]: styles.alertStyleError,\n};\n\nfunction Alert(props: AlertProps): ReactElement {\n  const {\n  title,\n  children = null,\n  styleType = AlertStyleType.Default,\n  icon,\n  hideIcon = false,\n  onClose,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('Alert', props);\n\n  return (\n    <div\n      {...rest}\n      role=\"alert\"\n      className={cx(styles.alert, CLASS_BY_STYLE[styleType], classNames?.root, className)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hideIcon && (\n        renderIcon(icon ?? ICON_BY_STYLE[styleType], {\n          className: cx(styles.alertIcon, classNames?.icon),\n          style: slotStyles?.icon,\n        })\n      )}\n\n      <div className={cx(styles.alertContent, classNames?.content)} style={slotStyles?.content}>\n        {title && (\n          <div className={cx(styles.alertTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n        )}\n        {children && (\n          <div className={cx(styles.alertDescription, classNames?.description)} style={slotStyles?.description}>\n            {children}\n          </div>\n        )}\n      </div>\n\n      {onClose && (\n        <ActionIcon\n          icon={faXmark}\n          onClick={onClose}\n          className={cx(styles.alertCloseButton, classNames?.closeButton)}\n          style={slotStyles?.closeButton}\n          aria-label=\"Dismiss\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport default Alert;\n"],"mappings":"+eAkBA,IAAM,EAAuD,EAC1D,EAAe,SAAU,GACzB,EAAe,MAAO,GACtB,EAAe,SAAU,GACzB,EAAe,MAAO,GACtB,EAAe,OAAQ,CAC1B,EAEM,EAAiD,EACpD,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,OAAQ,EAAO,eACjC,EAEA,SAAS,EAAM,EAAiC,CAC9C,GAAM,CACN,QACA,WAAW,KACX,YAAY,EAAe,QAC3B,OACA,WAAW,GACX,UACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,QAAS,CAAK,EAEvC,OACE,EAAC,MAAD,CACE,GAAI,EACJ,KAAK,QACL,UAAW,EAAG,EAAO,MAAO,EAAe,GAAY,GAAY,KAAM,CAAS,EAClF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WAJzC,CAMG,CAAC,GACA,EAAW,GAAQ,EAAc,GAAY,CAC3C,UAAW,EAAG,EAAO,UAAW,GAAY,IAAI,EAChD,MAAO,GAAY,IACrB,CAAC,EAGH,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,aAAc,GAAY,OAAO,EAAG,MAAO,GAAY,iBAAjF,CACG,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,WAAY,GAAY,KAAK,EAAG,MAAO,GAAY,eAC1E,CACE,CAAA,EAEN,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,iBAAkB,GAAY,WAAW,EAAG,MAAO,GAAY,YACtF,UACE,CAAA,CAEJ,IAEJ,GACC,EAAC,EAAD,CACE,KAAM,EACN,QAAS,EACT,UAAW,EAAG,EAAO,iBAAkB,GAAY,WAAW,EAC9D,MAAO,GAAY,YACnB,aAAW,SACZ,CAAA,CAEA,GAET"}
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../../package/common/alert/alert.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\nimport {\n  faCircleInfo,\n  faCircleCheck,\n  faCircleXmark,\n  faTriangleExclamation,\n  faBell,\n  faXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { AlertStyleType } from './alert.types';\nimport type { AlertProps } from './alert.types';\nimport styles from './alert.module.pcss';\nimport ActionIcon from '../actionIcon';\nimport { useComponentDefaults } from '../configProvider';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst ICON_BY_STYLE: Record<AlertStyleType, typeof faBell> = {\n  [AlertStyleType.Default]: faBell,\n  [AlertStyleType.Info]: faCircleInfo,\n  [AlertStyleType.Success]: faCircleCheck,\n  [AlertStyleType.Warn]: faTriangleExclamation,\n  [AlertStyleType.Error]: faCircleXmark,\n};\n\nconst CLASS_BY_STYLE: Record<AlertStyleType, string> = {\n  [AlertStyleType.Default]: styles.alertStyleDefault,\n  [AlertStyleType.Info]: styles.alertStyleInfo,\n  [AlertStyleType.Success]: styles.alertStyleSuccess,\n  [AlertStyleType.Warn]: styles.alertStyleWarn,\n  [AlertStyleType.Error]: styles.alertStyleError,\n};\n\nfunction Alert(props: AlertProps): ReactElement {\n  const {\n    title,\n    children = null,\n    styleType = AlertStyleType.Default,\n    icon,\n    hideIcon = false,\n    onClose,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Alert', props);\n\n  return (\n    <div\n      {...rest}\n      role='alert'\n      className={cx(styles.alert, CLASS_BY_STYLE[styleType], classNames?.root, className)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      {!hideIcon &&\n        renderIcon(icon ?? ICON_BY_STYLE[styleType], {\n          className: cx(styles.alertIcon, classNames?.icon),\n          style: slotStyles?.icon,\n        })}\n\n      <div className={cx(styles.alertContent, classNames?.content)} style={slotStyles?.content}>\n        {title && (\n          <div className={cx(styles.alertTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n        )}\n        {children && (\n          <div className={cx(styles.alertDescription, classNames?.description)} style={slotStyles?.description}>\n            {children}\n          </div>\n        )}\n      </div>\n\n      {onClose && (\n        <ActionIcon\n          icon={faXmark}\n          onClick={onClose}\n          className={cx(styles.alertCloseButton, classNames?.closeButton)}\n          style={slotStyles?.closeButton}\n          aria-label='Dismiss'\n        />\n      )}\n    </div>\n  );\n}\n\nexport default Alert;\n"],"mappings":"+eAkBA,IAAM,EAAuD,EAC1D,EAAe,SAAU,GACzB,EAAe,MAAO,GACtB,EAAe,SAAU,GACzB,EAAe,MAAO,GACtB,EAAe,OAAQ,CAC1B,EAEM,EAAiD,EACpD,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,OAAQ,EAAO,eACjC,EAEA,SAAS,EAAM,EAAiC,CAC9C,GAAM,CACJ,QACA,WAAW,KACX,YAAY,EAAe,QAC3B,OACA,WAAW,GACX,UACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,QAAS,CAAK,EAEvC,OACE,EAAC,MAAD,CACE,GAAI,EACJ,KAAK,QACL,UAAW,EAAG,EAAO,MAAO,EAAe,GAAY,GAAY,KAAM,CAAS,EAClF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAJzC,SAAA,CAMG,CAAC,GACA,EAAW,GAAQ,EAAc,GAAY,CAC3C,UAAW,EAAG,EAAO,UAAW,GAAY,IAAI,EAChD,MAAO,GAAY,IACrB,CAAC,EAEH,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,aAAc,GAAY,OAAO,EAAG,MAAO,GAAY,QAAjF,SAAA,CACG,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,WAAY,GAAY,KAAK,EAAG,MAAO,GAAY,MAC1E,SAAA,CACE,CAAA,EAEN,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,iBAAkB,GAAY,WAAW,EAAG,MAAO,GAAY,YACtF,UACE,CAAA,CAEJ,IAEJ,GACC,EAAC,EAAD,CACE,KAAM,EACN,QAAS,EACT,UAAW,EAAG,EAAO,iBAAkB,GAAY,WAAW,EAC9D,MAAO,GAAY,YACnB,aAAW,SACZ,CAAA,CAEA,GAET"}

package/dist/esm/common/alert/alert.module.mjs

@@ -1,2 +1,2 @@
-var e={alert:`alert_nX-Fv`,"alert-icon":`alert-icon_mzjuj`,alertIcon:`alert-icon_mzjuj`,"alert-content":`alert-content_-94Ey`,alertContent:`alert-content_-94Ey`,"alert-title":`alert-title_TqdRL`,alertTitle:`alert-title_TqdRL`,"alert-description":`alert-description_N5LkS`,alertDescription:`alert-description_N5LkS`,"alert-closeButton":`alert-closeButton_RQvYS`,alertCloseButton:`alert-closeButton_RQvYS`,"alert-style-default":`alert-style-default_KFyzb`,alertStyleDefault:`alert-style-default_KFyzb`,"alert-style-info":`alert-style-info_P-XG-`,alertStyleInfo:`alert-style-info_P-XG-`,"alert-style-success":`alert-style-success_zomWm`,alertStyleSuccess:`alert-style-success_zomWm`,"alert-style-warn":`alert-style-warn_jRYe5`,alertStyleWarn:`alert-style-warn_jRYe5`,"alert-style-error":`alert-style-error_Nk4As`,alertStyleError:`alert-style-error_Nk4As`};export{e as default};
+var e=`alert_nX-Fv`,t=`alert-icon_mzjuj`,n=`alert-content_-94Ey`,r=`alert-title_TqdRL`,i=`alert-description_N5LkS`,a=`alert-closeButton_RQvYS`,o=`alert-style-default_KFyzb`,s=`alert-style-info_P-XG-`,c=`alert-style-success_zomWm`,l=`alert-style-warn_jRYe5`,u=`alert-style-error_Nk4As`,d={alert:e,"alert-icon":`alert-icon_mzjuj`,alertIcon:t,"alert-content":`alert-content_-94Ey`,alertContent:n,"alert-title":`alert-title_TqdRL`,alertTitle:r,"alert-description":`alert-description_N5LkS`,alertDescription:i,"alert-closeButton":`alert-closeButton_RQvYS`,alertCloseButton:a,"alert-style-default":`alert-style-default_KFyzb`,alertStyleDefault:o,"alert-style-info":`alert-style-info_P-XG-`,alertStyleInfo:s,"alert-style-success":`alert-style-success_zomWm`,alertStyleSuccess:c,"alert-style-warn":`alert-style-warn_jRYe5`,alertStyleWarn:l,"alert-style-error":`alert-style-error_Nk4As`,alertStyleError:u};export{e as alert,a as alertCloseButton,n as alertContent,i as alertDescription,t as alertIcon,o as alertStyleDefault,u as alertStyleError,s as alertStyleInfo,c as alertStyleSuccess,l as alertStyleWarn,r as alertTitle,d as default};
 //# sourceMappingURL=alert.module.mjs.map

package/dist/esm/common/animatedIcon/animatedIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedIcon.mjs","names":[],"sources":["../../../../package/common/animatedIcon/animatedIcon.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport type { AnimatedIconProps } from './animatedIcon.types';\n\nimport styles from './animatedIcon.module.pcss';\n\nfunction iconKey(icon: IconDefinition) {\n  return `${icon.prefix}:${icon.iconName}`;\n}\n\n// A full turn per step, not Fab's original 225° — 225° only looked right there because the\n// resting \"open\" icon (a \"+\") happens to look identical rotated 45° (it's 4-fold symmetric).\n// For arbitrary icon pairs a shared rotation has to land on a multiple of 360° every time, or\n// the new icon ends up sitting sideways.\nconst SPIN_DEGREES_PER_STEP = 360;\n\nfunction AnimatedIcon({\n  icon,\n  duration = 200,\n  spin = false,\n  className,\n  style,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AnimatedIconProps) {\n  // Two permanently-mounted layers, ping-ponging which one is the visible (\"front\") icon,\n  // instead of conditionally mounting/unmounting an \"outgoing\" layer. That's what lets this use\n  // a real CSS `transition` (which retargets smoothly from wherever it currently is) rather than\n  // a keyframe `animation` (which, once started on a freshly-mounted element, plays to\n  // completion regardless of what happens mid-flight): tap the toggle again before a transition\n  // finishes and it reverses smoothly from its current position — the same thing that already\n  // let Fab's own hand-rolled icon rotation cancel cleanly.\n  const [slots, setSlots] = useState<[IconDefinition, IconDefinition]>([icon, icon]);\n  const [activeIndex, setActiveIndex] = useState<0 | 1>(0);\n  const [spinStep, setSpinStep] = useState(0);\n\n  // Adjusting state during render (not in an effect) on a prop change: the documented React\n  // pattern for reacting to a prop that changed since the last render, without an extra tick.\n  if (iconKey(icon) !== iconKey(slots[activeIndex])) {\n    const nextIndex = activeIndex === 0 ? 1 : 0;\n    const nextSlots: [IconDefinition, IconDefinition] = [...slots];\n    nextSlots[nextIndex] = icon;\n    setSlots(nextSlots);\n    setActiveIndex(nextIndex);\n    if (spin) setSpinStep((step) => step + 1);\n  }\n\n  return (\n    <span\n      {...rest}\n      className={cx(styles.animatedIcon, { [styles.animatedIconSpin]: spin }, classNames?.root, className)}\n      style={{\n        ...style,\n        ...slotStyles?.root,\n        '--animated-icon-duration': `${duration}ms`,\n        '--animated-icon-spin-rotation': `${spinStep * SPIN_DEGREES_PER_STEP}deg`,\n      } as CSSProperties & Record<'--animated-icon-duration' | '--animated-icon-spin-rotation', string>}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <FontAwesomeIcon\n        icon={slots[0]}\n        className={cx(styles.animatedIconLayer, { [styles.animatedIconLayerFront]: activeIndex === 0 }, classNames?.icon)}\n        style={slotStyles?.icon as CSSProperties & Record<`--fa-font-${string}`, string>}\n      />\n      <FontAwesomeIcon\n        icon={slots[1]}\n        className={cx(styles.animatedIconLayer, { [styles.animatedIconLayerFront]: activeIndex === 1 }, classNames?.icon)}\n        style={slotStyles?.icon as CSSProperties & Record<`--fa-font-${string}`, string>}\n      />\n    </span>\n  );\n}\n\nexport default AnimatedIcon;\n"],"mappings":"uNASA,SAAS,EAAQ,EAAsB,CACrC,MAAO,GAAG,EAAK,OAAO,GAAG,EAAK,UAChC,CAMA,IAAM,EAAwB,IAE9B,SAAS,EAAa,CACpB,OACA,WAAW,IACX,OAAO,GACP,YACA,QACA,UACA,eACA,eACA,aACA,OAAQ,EACR,GAAG,GACiB,CAQpB,GAAM,CAAC,EAAO,GAAY,EAA2C,CAAC,EAAM,CAAI,CAAC,EAC3E,CAAC,EAAa,GAAkB,EAAgB,CAAC,EACjD,CAAC,EAAU,GAAe,EAAS,CAAC,EAI1C,GAAI,EAAQ,CAAI,IAAM,EAAQ,EAAM,EAAY,EAAG,CACjD,IAAM,EAAY,MAAgB,GAC5B,EAA8C,CAAC,GAAG,CAAK,EAC7D,EAAU,GAAa,EACvB,EAAS,CAAS,EAClB,EAAe,CAAS,EACpB,GAAM,EAAa,GAAS,EAAO,CAAC,CAC1C,CAEA,OACE,EAAC,OAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,aAAc,EAAG,EAAO,kBAAmB,CAAK,EAAG,GAAY,KAAM,CAAS,EACnG,MAAO,CACL,GAAG,EACH,GAAG,GAAY,KACf,2BAA4B,GAAG,EAAS,IACxC,gCAAiC,GAAG,EAAW,EAAsB,IACvE,EACS,UACK,eACA,wBAXhB,CAaE,EAAC,EAAD,CACE,KAAM,EAAM,GACZ,UAAW,EAAG,EAAO,kBAAmB,EAAG,EAAO,wBAAyB,IAAgB,CAAE,EAAG,GAAY,IAAI,EAChH,MAAO,GAAY,IACpB,CAAA,EACD,EAAC,EAAD,CACE,KAAM,EAAM,GACZ,UAAW,EAAG,EAAO,kBAAmB,EAAG,EAAO,wBAAyB,IAAgB,CAAE,EAAG,GAAY,IAAI,EAChH,MAAO,GAAY,IACpB,CAAA,CACG,GAEV"}
+{"version":3,"file":"animatedIcon.mjs","names":[],"sources":["../../../../package/common/animatedIcon/animatedIcon.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport type { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport type { AnimatedIconProps } from './animatedIcon.types';\n\nimport styles from './animatedIcon.module.pcss';\n\nfunction iconKey(icon: IconDefinition) {\n  return `${icon.prefix}:${icon.iconName}`;\n}\n\n// A full turn per step, not Fab's original 225° — 225° only looked right there because the\n// resting \"open\" icon (a \"+\") happens to look identical rotated 45° (it's 4-fold symmetric).\n// For arbitrary icon pairs a shared rotation has to land on a multiple of 360° every time, or\n// the new icon ends up sitting sideways.\nconst SPIN_DEGREES_PER_STEP = 360;\n\nfunction AnimatedIcon({\n  icon,\n  duration = 200,\n  spin = false,\n  className,\n  style,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AnimatedIconProps) {\n  // Two permanently-mounted layers, ping-ponging which one is the visible (\"front\") icon,\n  // instead of conditionally mounting/unmounting an \"outgoing\" layer. That's what lets this use\n  // a real CSS `transition` (which retargets smoothly from wherever it currently is) rather than\n  // a keyframe `animation` (which, once started on a freshly-mounted element, plays to\n  // completion regardless of what happens mid-flight): tap the toggle again before a transition\n  // finishes and it reverses smoothly from its current position — the same thing that already\n  // let Fab's own hand-rolled icon rotation cancel cleanly.\n  const [slots, setSlots] = useState<[IconDefinition, IconDefinition]>([icon, icon]);\n  const [activeIndex, setActiveIndex] = useState<0 | 1>(0);\n  const [spinStep, setSpinStep] = useState(0);\n\n  // Adjusting state during render (not in an effect) on a prop change: the documented React\n  // pattern for reacting to a prop that changed since the last render, without an extra tick.\n  if (iconKey(icon) !== iconKey(slots[activeIndex])) {\n    const nextIndex = activeIndex === 0 ? 1 : 0;\n    const nextSlots: [IconDefinition, IconDefinition] = [...slots];\n    nextSlots[nextIndex] = icon;\n    setSlots(nextSlots);\n    setActiveIndex(nextIndex);\n    if (spin) setSpinStep((step) => step + 1);\n  }\n\n  return (\n    <span\n      {...rest}\n      className={cx(styles.animatedIcon, { [styles.animatedIconSpin]: spin }, classNames?.root, className)}\n      style={\n        {\n          ...style,\n          ...slotStyles?.root,\n          '--animated-icon-duration': `${duration}ms`,\n          '--animated-icon-spin-rotation': `${spinStep * SPIN_DEGREES_PER_STEP}deg`,\n        } as CSSProperties & Record<'--animated-icon-duration' | '--animated-icon-spin-rotation', string>\n      }\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <FontAwesomeIcon\n        icon={slots[0]}\n        className={cx(\n          styles.animatedIconLayer,\n          { [styles.animatedIconLayerFront]: activeIndex === 0 },\n          classNames?.icon,\n        )}\n        style={slotStyles?.icon as CSSProperties & Record<`--fa-font-${string}`, string>}\n      />\n      <FontAwesomeIcon\n        icon={slots[1]}\n        className={cx(\n          styles.animatedIconLayer,\n          { [styles.animatedIconLayerFront]: activeIndex === 1 },\n          classNames?.icon,\n        )}\n        style={slotStyles?.icon as CSSProperties & Record<`--fa-font-${string}`, string>}\n      />\n    </span>\n  );\n}\n\nexport default AnimatedIcon;\n"],"mappings":"uNASA,SAAS,EAAQ,EAAsB,CACrC,MAAO,GAAG,EAAK,OAAO,GAAG,EAAK,UAChC,CAMA,IAAM,EAAwB,IAE9B,SAAS,EAAa,CACpB,OACA,WAAW,IACX,OAAO,GACP,YACA,QACA,UACA,eACA,eACA,aACA,OAAQ,EACR,GAAG,GACiB,CAQpB,GAAM,CAAC,EAAO,GAAY,EAA2C,CAAC,EAAM,CAAI,CAAC,EAC3E,CAAC,EAAa,GAAkB,EAAgB,CAAC,EACjD,CAAC,EAAU,GAAe,EAAS,CAAC,EAI1C,GAAI,EAAQ,CAAI,IAAM,EAAQ,EAAM,EAAY,EAAG,CACjD,IAAM,EAAY,MAAgB,GAC5B,EAA8C,CAAC,GAAG,CAAK,EAC7D,EAAU,GAAa,EACvB,EAAS,CAAS,EAClB,EAAe,CAAS,EACpB,GAAM,EAAa,GAAS,EAAO,CAAC,CAC1C,CAEA,OACE,EAAC,OAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,aAAc,EAAG,EAAO,kBAAmB,CAAK,EAAG,GAAY,KAAM,CAAS,EACnG,MACE,CACE,GAAG,EACH,GAAG,GAAY,KACf,2BAA4B,GAAG,EAAS,IACxC,gCAAiC,GAAG,EAAW,EAAsB,IACvE,EAEO,UACK,eACA,eAbhB,SAAA,CAeE,EAAC,EAAD,CACE,KAAM,EAAM,GACZ,UAAW,EACT,EAAO,kBACP,EAAG,EAAO,wBAAyB,IAAgB,CAAE,EACrD,GAAY,IACd,EACA,MAAO,GAAY,IACpB,CAAA,EACD,EAAC,EAAD,CACE,KAAM,EAAM,GACZ,UAAW,EACT,EAAO,kBACP,EAAG,EAAO,wBAAyB,IAAgB,CAAE,EACrD,GAAY,IACd,EACA,MAAO,GAAY,IACpB,CAAA,CACG,GAEV"}

package/dist/esm/common/animatedIcon/animatedIcon.module.mjs

@@ -1,2 +1,2 @@
-var e={animatedIcon:`animatedIcon_vyzvJ`,"animatedIcon-spin":`animatedIcon-spin_B9YzP`,animatedIconSpin:`animatedIcon-spin_B9YzP`,"animatedIcon-layer":`animatedIcon-layer_-9A1a`,animatedIconLayer:`animatedIcon-layer_-9A1a`,"animatedIcon-layer-front":`animatedIcon-layer-front_q9UVU`,animatedIconLayerFront:`animatedIcon-layer-front_q9UVU`};export{e as default};
+var e=`animatedIcon_vyzvJ`,t=`animatedIcon-spin_B9YzP`,n=`animatedIcon-layer_-9A1a`,r=`animatedIcon-layer-front_q9UVU`,i={animatedIcon:e,"animatedIcon-spin":`animatedIcon-spin_B9YzP`,animatedIconSpin:t,"animatedIcon-layer":`animatedIcon-layer_-9A1a`,animatedIconLayer:n,"animatedIcon-layer-front":`animatedIcon-layer-front_q9UVU`,animatedIconLayerFront:r};export{e as animatedIcon,n as animatedIconLayer,r as animatedIconLayerFront,t as animatedIconSpin,i as default};
 //# sourceMappingURL=animatedIcon.module.mjs.map

package/dist/esm/common/animatedIcon/animatedIcon.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedIcon.module.mjs","names":[],"sources":["../../../../package/common/animatedIcon/animatedIcon.module.pcss"],"sourcesContent":[".animatedIcon {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n\n  /* Fab's original technique: a single shared rotation on the whole icon, not per layer — both\n     the outgoing and incoming icon sit at the exact same angle at every instant, only their\n     opacity differs, which is what makes the spin read as one coherent piece rather than two\n     icons independently rotating past each other. Always a further full turn per step (not\n     Fab's 225°, which only worked there because its \"+\" icon looks identical rotated 45°) so an\n     arbitrary icon always lands back upright, no matter how many times it's toggled. A real\n     `transition`, so retapping mid-spin reverses smoothly from wherever it currently is instead\n     of snapping. */\n  &-spin {\n    transition: transform var(--animated-icon-duration, 200ms) ease;\n    transform: rotate(var(--animated-icon-spin-rotation, 0deg));\n\n    /* The wrapper alone carries the rotation in this variant — the two layers underneath it\n       only need to crossfade, not rotate individually. */\n    .animatedIcon-layer {\n      &:first-child,\n      &:last-child {\n        transform: none;\n      }\n    }\n  }\n\n  /* Two layers, always both mounted — never conditionally rendered. A `transition` only\n     retargets smoothly when the property changes on an element already on screen; a freshly-\n     mounted element with its \"final\" state applied in the same paint has no \"from\" state to\n     animate from. Keeping both layers permanently in the DOM (like Fab does) and only ever\n     toggling which one is `-front` is what makes this cancel cleanly mid-transition instead of\n     jumping or finishing a stale animation. */\n  &-layer {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    transition: opacity var(--animated-icon-duration, 200ms) ease, transform var(--animated-icon-duration, 200ms) ease;\n\n    /* Fixed per-layer resting pose (not per-toggle) — the first layer always approaches/leaves\n       through +90°, the second always through -90°, so which direction a given swap rotates in\n       depends only on which layer is taking over, the same way Fab's own icon always rotates\n       between two fixed angles rather than accumulating. */\n    &:first-child {\n      transform: rotate(90deg) scale(0.5);\n\n      &.animatedIcon-layer-front {\n        transform: none;\n      }\n    }\n\n    &:last-child {\n      transform: rotate(-90deg) scale(0.5);\n\n      &.animatedIcon-layer-front {\n        transform: none;\n      }\n    }\n\n    &-front {\n      opacity: 1;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .animatedIcon-spin,\n  .animatedIcon-layer {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"animatedIcon.module.mjs","names":[],"sources":["../../../../package/common/animatedIcon/animatedIcon.module.pcss"],"sourcesContent":[".animatedIcon {\n  position: relative;\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n\n  /* Fab's original technique: a single shared rotation on the whole icon, not per layer — both\n     the outgoing and incoming icon sit at the exact same angle at every instant, only their\n     opacity differs, which is what makes the spin read as one coherent piece rather than two\n     icons independently rotating past each other. Always a further full turn per step (not\n     Fab's 225°, which only worked there because its \"+\" icon looks identical rotated 45°) so an\n     arbitrary icon always lands back upright, no matter how many times it's toggled. A real\n     `transition`, so retapping mid-spin reverses smoothly from wherever it currently is instead\n     of snapping. */\n  &-spin {\n    transition: transform var(--animated-icon-duration, 200ms) ease;\n    transform: rotate(var(--animated-icon-spin-rotation, 0deg));\n\n    /* The wrapper alone carries the rotation in this variant — the two layers underneath it\n       only need to crossfade, not rotate individually. */\n    .animatedIcon-layer {\n      &:first-child,\n      &:last-child {\n        transform: none;\n      }\n    }\n  }\n\n  /* Two layers, always both mounted — never conditionally rendered. A `transition` only\n     retargets smoothly when the property changes on an element already on screen; a freshly-\n     mounted element with its \"final\" state applied in the same paint has no \"from\" state to\n     animate from. Keeping both layers permanently in the DOM (like Fab does) and only ever\n     toggling which one is `-front` is what makes this cancel cleanly mid-transition instead of\n     jumping or finishing a stale animation. */\n  &-layer {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    transition:\n      opacity var(--animated-icon-duration, 200ms) ease,\n      transform var(--animated-icon-duration, 200ms) ease;\n\n    /* Fixed per-layer resting pose (not per-toggle) — the first layer always approaches/leaves\n       through +90°, the second always through -90°, so which direction a given swap rotates in\n       depends only on which layer is taking over, the same way Fab's own icon always rotates\n       between two fixed angles rather than accumulating. */\n    &:first-child {\n      transform: rotate(90deg) scale(0.5);\n\n      &.animatedIcon-layer-front {\n        transform: none;\n      }\n    }\n\n    &:last-child {\n      transform: rotate(-90deg) scale(0.5);\n\n      &.animatedIcon-layer-front {\n        transform: none;\n      }\n    }\n\n    &-front {\n      opacity: 1;\n    }\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .animatedIcon-spin,\n  .animatedIcon-layer {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/animatedLogo/animatedLogo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedLogo.mjs","names":[],"sources":["../../../../package/common/animatedLogo/animatedLogo.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { CSSProperties, ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport type { AnimatedLogoProps } from './animatedLogo.types';\nimport styles from './animatedLogo.module.pcss';\n\nconst DEFAULT_PATH =\n  'M 1.292 0.278 C -0.41 4.855 3.185 6.433 0.344 8.916 Q 3.923 10.712 5.361 14.001 Q 6.128 14.398 6.876 14.003 Q 8.439 10.632 11.86 8.912 C 8.893 6.387 12.578 5.159 10.86 0.255 Q 8.655 1.166 7.391 3.377 Q 6.092 2.93 4.843 3.38 Q 3.246 0.883 1.292 0.278 Z M 1.663 1.28 Q 2.413 1.635 3.195 2.718 Q 2.083 2.778 1.595 3.884 Q 1.309 2.7 1.663 1.28 M 3.802 7.908 Q 4.426 8.069 3.284 9.003 Q 3.824 9.32 4.557 10.141 Q 4.812 10.869 4.849 11.671 Q 4.371 10.09 2.642 9.144 Q 2.438 9.033 2.609 8.922 Q 3.229 8.537 3.802 7.908 M 8.469 7.927 Q 8.955 8.469 9.646 8.926 Q 9.791 9.032 9.647 9.136 Q 7.821 10.157 7.389 11.702 Q 7.464 10.869 7.709 10.119 Q 8.219 9.53 8.956 9.025 Q 7.81 7.927 8.469 7.927';\n\nconst DEFAULT_VIEW_BOX = '0.244 0.155 11.72 14.25';\n\nfunction AnimatedLogo(props: AnimatedLogoProps): ReactElement {\n  const {\n    path = DEFAULT_PATH,\n    viewBox = DEFAULT_VIEW_BOX,\n    size = 96,\n    color,\n    duration = 4.2,\n    loop = true,\n    fill = true,\n    spin = false,\n    scale = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = props;\n\n  const pathRef = useRef<SVGPathElement>(null);\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => {\n    const pathEl = pathRef.current;\n    if (!pathEl) return;\n\n    setReady(false);\n    const length = pathEl.getTotalLength();\n    pathEl.style.setProperty('--animated-logo-length', String(length));\n    pathEl.style.strokeDasharray = String(length);\n    pathEl.style.strokeDashoffset = String(length);\n\n    const frame = requestAnimationFrame(() => setReady(true));\n    return () => cancelAnimationFrame(frame);\n  }, [path]);\n\n  const pathStyle: CSSProperties = {\n    animationDuration: `${duration}s`,\n    ...(color ? { stroke: color, fill: color } : undefined),\n    ...slotStyles?.path,\n  };\n\n  return (\n    <svg\n      {...rest}\n      className={cx(styles.animatedLogo, className)}\n      style={{ width: size, height: size, ...style }}\n      viewBox={viewBox}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g\n        className={cx(ready && scale && (loop ? styles.animatedLogoScaleLoop : styles.animatedLogoScaleOnce))}\n        style={{ animationDuration: `${duration}s` }}\n      >\n        <g\n          className={cx(ready && spin && (loop ? styles.animatedLogoSpinLoop : styles.animatedLogoSpinOnce))}\n          style={{ animationDuration: `${duration}s` }}\n        >\n          <path\n            ref={pathRef}\n            className={cx(\n              styles.animatedLogoPath,\n              ready &&\n                (loop\n                  ? fill\n                    ? styles.animatedLogoPathLoop\n                    : styles.animatedLogoPathLoopNoFill\n                  : fill\n                    ? styles.animatedLogoPathOnce\n                    : styles.animatedLogoPathOnceNoFill),\n              classNames?.path\n            )}\n            style={pathStyle}\n            strokeWidth={0.1}\n            strokeLinejoin=\"round\"\n            strokeLinecap=\"round\"\n            d={path}\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default AnimatedLogo;\n"],"mappings":"uKAOA,IAAM,EACJ,8qBAEI,EAAmB,0BAEzB,SAAS,EAAa,EAAwC,CAC5D,GAAM,CACJ,OAAO,EACP,UAAU,EACV,OAAO,GACP,QACA,WAAW,IACX,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAEE,EAAU,EAAuB,IAAI,EACrC,CAAC,EAAO,GAAY,EAAS,EAAK,EAExC,MAAgB,CACd,IAAM,EAAS,EAAQ,QACvB,GAAI,CAAC,EAAQ,OAEb,EAAS,EAAK,EACd,IAAM,EAAS,EAAO,eAAe,EACrC,EAAO,MAAM,YAAY,yBAA0B,OAAO,CAAM,CAAC,EACjE,EAAO,MAAM,gBAAkB,OAAO,CAAM,EAC5C,EAAO,MAAM,iBAAmB,OAAO,CAAM,EAE7C,IAAM,EAAQ,0BAA4B,EAAS,EAAI,CAAC,EACxD,UAAa,qBAAqB,CAAK,CACzC,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,EAA2B,CAC/B,kBAAmB,GAAG,EAAS,GAC/B,GAAI,EAAQ,CAAE,OAAQ,EAAO,KAAM,CAAM,EAAI,IAAA,GAC7C,GAAG,GAAY,IACjB,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,aAAc,CAAS,EAC5C,MAAO,CAAE,MAAO,EAAM,OAAQ,EAAM,GAAG,CAAM,EACpC,UACT,MAAM,sCAEN,EAAC,IAAD,CACE,UAAW,EAAG,GAAS,IAAU,EAAO,EAAO,sBAAwB,EAAO,sBAAsB,EACpG,MAAO,CAAE,kBAAmB,GAAG,EAAS,EAAG,WAE3C,EAAC,IAAD,CACE,UAAW,EAAG,GAAS,IAAS,EAAO,EAAO,qBAAuB,EAAO,qBAAqB,EACjG,MAAO,CAAE,kBAAmB,GAAG,EAAS,EAAG,WAE3C,EAAC,OAAD,CACE,IAAK,EACL,UAAW,EACT,EAAO,iBACP,IACG,EACG,EACE,EAAO,qBACP,EAAO,2BACT,EACE,EAAO,qBACP,EAAO,4BACf,GAAY,IACd,EACA,MAAO,EACP,YAAa,GACb,eAAe,QACf,cAAc,QACd,EAAG,CACJ,CAAA,CACA,CAAA,CACF,CAAA,CACA,CAAA,CAET"}
+{"version":3,"file":"animatedLogo.mjs","names":[],"sources":["../../../../package/common/animatedLogo/animatedLogo.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { CSSProperties, ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport type { AnimatedLogoProps } from './animatedLogo.types';\nimport styles from './animatedLogo.module.pcss';\n\nconst DEFAULT_PATH =\n  'M 1.292 0.278 C -0.41 4.855 3.185 6.433 0.344 8.916 Q 3.923 10.712 5.361 14.001 Q 6.128 14.398 6.876 14.003 Q 8.439 10.632 11.86 8.912 C 8.893 6.387 12.578 5.159 10.86 0.255 Q 8.655 1.166 7.391 3.377 Q 6.092 2.93 4.843 3.38 Q 3.246 0.883 1.292 0.278 Z M 1.663 1.28 Q 2.413 1.635 3.195 2.718 Q 2.083 2.778 1.595 3.884 Q 1.309 2.7 1.663 1.28 M 3.802 7.908 Q 4.426 8.069 3.284 9.003 Q 3.824 9.32 4.557 10.141 Q 4.812 10.869 4.849 11.671 Q 4.371 10.09 2.642 9.144 Q 2.438 9.033 2.609 8.922 Q 3.229 8.537 3.802 7.908 M 8.469 7.927 Q 8.955 8.469 9.646 8.926 Q 9.791 9.032 9.647 9.136 Q 7.821 10.157 7.389 11.702 Q 7.464 10.869 7.709 10.119 Q 8.219 9.53 8.956 9.025 Q 7.81 7.927 8.469 7.927';\n\nconst DEFAULT_VIEW_BOX = '0.244 0.155 11.72 14.25';\n\nfunction AnimatedLogo(props: AnimatedLogoProps): ReactElement {\n  const {\n    path = DEFAULT_PATH,\n    viewBox = DEFAULT_VIEW_BOX,\n    size = 96,\n    color,\n    duration = 4.2,\n    loop = true,\n    fill = true,\n    spin = false,\n    scale = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = props;\n\n  const pathRef = useRef<SVGPathElement>(null);\n  const [ready, setReady] = useState(false);\n\n  useEffect(() => {\n    const pathEl = pathRef.current;\n    if (!pathEl) return;\n\n    setReady(false);\n    const length = pathEl.getTotalLength();\n    pathEl.style.setProperty('--animated-logo-length', String(length));\n    pathEl.style.strokeDasharray = String(length);\n    pathEl.style.strokeDashoffset = String(length);\n\n    const frame = requestAnimationFrame(() => setReady(true));\n    return () => cancelAnimationFrame(frame);\n  }, [path]);\n\n  const pathStyle: CSSProperties = {\n    animationDuration: `${duration}s`,\n    ...(color ? { stroke: color, fill: color } : undefined),\n    ...slotStyles?.path,\n  };\n\n  return (\n    <svg\n      {...rest}\n      className={cx(styles.animatedLogo, className)}\n      style={{ width: size, height: size, ...style }}\n      viewBox={viewBox}\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <g\n        className={cx(ready && scale && (loop ? styles.animatedLogoScaleLoop : styles.animatedLogoScaleOnce))}\n        style={{ animationDuration: `${duration}s` }}\n      >\n        <g\n          className={cx(ready && spin && (loop ? styles.animatedLogoSpinLoop : styles.animatedLogoSpinOnce))}\n          style={{ animationDuration: `${duration}s` }}\n        >\n          <path\n            ref={pathRef}\n            className={cx(\n              styles.animatedLogoPath,\n              ready &&\n                (loop\n                  ? fill\n                    ? styles.animatedLogoPathLoop\n                    : styles.animatedLogoPathLoopNoFill\n                  : fill\n                    ? styles.animatedLogoPathOnce\n                    : styles.animatedLogoPathOnceNoFill),\n              classNames?.path,\n            )}\n            style={pathStyle}\n            strokeWidth={0.1}\n            strokeLinejoin='round'\n            strokeLinecap='round'\n            d={path}\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default AnimatedLogo;\n"],"mappings":"uKAOA,IAAM,EACJ,8qBAEI,EAAmB,0BAEzB,SAAS,EAAa,EAAwC,CAC5D,GAAM,CACJ,OAAO,EACP,UAAU,EACV,OAAO,GACP,QACA,WAAW,IACX,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAEE,EAAU,EAAuB,IAAI,EACrC,CAAC,EAAO,GAAY,EAAS,EAAK,EAExC,MAAgB,CACd,IAAM,EAAS,EAAQ,QACvB,GAAI,CAAC,EAAQ,OAEb,EAAS,EAAK,EACd,IAAM,EAAS,EAAO,eAAe,EACrC,EAAO,MAAM,YAAY,yBAA0B,OAAO,CAAM,CAAC,EACjE,EAAO,MAAM,gBAAkB,OAAO,CAAM,EAC5C,EAAO,MAAM,iBAAmB,OAAO,CAAM,EAE7C,IAAM,EAAQ,0BAA4B,EAAS,EAAI,CAAC,EACxD,UAAa,qBAAqB,CAAK,CACzC,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,EAA2B,CAC/B,kBAAmB,GAAG,EAAS,GAC/B,GAAI,EAAQ,CAAE,OAAQ,EAAO,KAAM,CAAM,EAAI,IAAA,GAC7C,GAAG,GAAY,IACjB,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,aAAc,CAAS,EAC5C,MAAO,CAAE,MAAO,EAAM,OAAQ,EAAM,GAAG,CAAM,EACpC,UACT,MAAM,6BAEN,SAAA,EAAC,IAAD,CACE,UAAW,EAAG,GAAS,IAAU,EAAO,EAAO,sBAAwB,EAAO,sBAAsB,EACpG,MAAO,CAAE,kBAAmB,GAAG,EAAS,EAAG,EAE3C,SAAA,EAAC,IAAD,CACE,UAAW,EAAG,GAAS,IAAS,EAAO,EAAO,qBAAuB,EAAO,qBAAqB,EACjG,MAAO,CAAE,kBAAmB,GAAG,EAAS,EAAG,EAE3C,SAAA,EAAC,OAAD,CACE,IAAK,EACL,UAAW,EACT,EAAO,iBACP,IACG,EACG,EACE,EAAO,qBACP,EAAO,2BACT,EACE,EAAO,qBACP,EAAO,4BACf,GAAY,IACd,EACA,MAAO,EACP,YAAa,GACb,eAAe,QACf,cAAc,QACd,EAAG,CACJ,CAAA,CACA,CAAA,CACF,CAAA,CACA,CAAA,CAET"}

package/dist/esm/common/animatedLogo/animatedLogo.module.mjs

@@ -1,2 +1,2 @@
-var e={animatedLogo:`animatedLogo_7zZx1`,"animatedLogo-path":`animatedLogo-path_pP1g2`,animatedLogoPath:`animatedLogo-path_pP1g2`,"animatedLogo-pathLoop":`animatedLogo-pathLoop_i83B-`,animatedLogoPathLoop:`animatedLogo-pathLoop_i83B-`,animatedLogoRevealLoop:`animatedLogoRevealLoop_lH4zm`,"animatedLogo-pathOnce":`animatedLogo-pathOnce_gEYxA`,animatedLogoPathOnce:`animatedLogo-pathOnce_gEYxA`,animatedLogoRevealOnce:`animatedLogoRevealOnce_NEt2W`,"animatedLogo-pathLoopNoFill":`animatedLogo-pathLoopNoFill_M3ewW`,animatedLogoPathLoopNoFill:`animatedLogo-pathLoopNoFill_M3ewW`,animatedLogoRevealLoopNoFill:`animatedLogoRevealLoopNoFill_mfZJo`,"animatedLogo-pathOnceNoFill":`animatedLogo-pathOnceNoFill_hiqiK`,animatedLogoPathOnceNoFill:`animatedLogo-pathOnceNoFill_hiqiK`,animatedLogoRevealOnceNoFill:`animatedLogoRevealOnceNoFill_sdu0s`,"animatedLogo-spinLoop":`animatedLogo-spinLoop_Lfz9H`,animatedLogoSpinLoop:`animatedLogo-spinLoop_Lfz9H`,"animatedLogo-spinOnce":`animatedLogo-spinOnce_pXZUX`,animatedLogoSpinOnce:`animatedLogo-spinOnce_pXZUX`,"animatedLogo-scaleLoop":`animatedLogo-scaleLoop_yox9X`,animatedLogoScaleLoop:`animatedLogo-scaleLoop_yox9X`,"animatedLogo-scaleOnce":`animatedLogo-scaleOnce_ZNKV7`,animatedLogoScaleOnce:`animatedLogo-scaleOnce_ZNKV7`,animatedLogoRotateLoop:`animatedLogoRotateLoop_oPtfw`,animatedLogoRotateOnce:`animatedLogoRotateOnce_Ia1H1`,animatedLogoGrowLoop:`animatedLogoGrowLoop_lZjug`,animatedLogoGrowOnce:`animatedLogoGrowOnce_xHfCV`};export{e as default};
+var e=`animatedLogo_7zZx1`,t=`animatedLogo-path_pP1g2`,n=`animatedLogo-pathLoop_i83B-`,r=`animatedLogoRevealLoop_lH4zm`,i=`animatedLogo-pathOnce_gEYxA`,a=`animatedLogoRevealOnce_NEt2W`,o=`animatedLogo-pathLoopNoFill_M3ewW`,s=`animatedLogoRevealLoopNoFill_mfZJo`,c=`animatedLogo-pathOnceNoFill_hiqiK`,l=`animatedLogoRevealOnceNoFill_sdu0s`,u=`animatedLogo-spinLoop_Lfz9H`,d=`animatedLogo-spinOnce_pXZUX`,f=`animatedLogo-scaleLoop_yox9X`,p=`animatedLogo-scaleOnce_ZNKV7`,m=`animatedLogoRotateLoop_oPtfw`,h=`animatedLogoRotateOnce_Ia1H1`,g=`animatedLogoGrowLoop_lZjug`,_=`animatedLogoGrowOnce_xHfCV`,v={animatedLogo:e,"animatedLogo-path":`animatedLogo-path_pP1g2`,animatedLogoPath:t,"animatedLogo-pathLoop":`animatedLogo-pathLoop_i83B-`,animatedLogoPathLoop:n,animatedLogoRevealLoop:r,"animatedLogo-pathOnce":`animatedLogo-pathOnce_gEYxA`,animatedLogoPathOnce:i,animatedLogoRevealOnce:a,"animatedLogo-pathLoopNoFill":`animatedLogo-pathLoopNoFill_M3ewW`,animatedLogoPathLoopNoFill:o,animatedLogoRevealLoopNoFill:s,"animatedLogo-pathOnceNoFill":`animatedLogo-pathOnceNoFill_hiqiK`,animatedLogoPathOnceNoFill:c,animatedLogoRevealOnceNoFill:l,"animatedLogo-spinLoop":`animatedLogo-spinLoop_Lfz9H`,animatedLogoSpinLoop:u,"animatedLogo-spinOnce":`animatedLogo-spinOnce_pXZUX`,animatedLogoSpinOnce:d,"animatedLogo-scaleLoop":`animatedLogo-scaleLoop_yox9X`,animatedLogoScaleLoop:f,"animatedLogo-scaleOnce":`animatedLogo-scaleOnce_ZNKV7`,animatedLogoScaleOnce:p,animatedLogoRotateLoop:m,animatedLogoRotateOnce:h,animatedLogoGrowLoop:g,animatedLogoGrowOnce:_};export{e as animatedLogo,g as animatedLogoGrowLoop,_ as animatedLogoGrowOnce,t as animatedLogoPath,n as animatedLogoPathLoop,o as animatedLogoPathLoopNoFill,i as animatedLogoPathOnce,c as animatedLogoPathOnceNoFill,r as animatedLogoRevealLoop,s as animatedLogoRevealLoopNoFill,a as animatedLogoRevealOnce,l as animatedLogoRevealOnceNoFill,m as animatedLogoRotateLoop,h as animatedLogoRotateOnce,f as animatedLogoScaleLoop,p as animatedLogoScaleOnce,u as animatedLogoSpinLoop,d as animatedLogoSpinOnce,v as default};
 //# sourceMappingURL=animatedLogo.module.mjs.map

package/dist/esm/common/animatedText/animatedText.mjs

@@ -1,2 +1,2 @@
-import{AnimatedTextUnit as e,AnimatedTextVariant as t}from"./animatedText.types.mjs";import n from"./animatedText.module.mjs";import{Fragment as r,useEffect as i,useMemo as a,useRef as o,useState as s}from"react";import c from"classnames";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f(){return typeof window<`u`&&typeof window.matchMedia==`function`?window.matchMedia(`(prefers-reduced-motion: reduce)`).matches:!1}var p={[t.RiseUp]:n.animatedTextVariantRiseUp,[t.BlurIn]:n.animatedTextVariantBlurIn,[t.Bounce]:n.animatedTextVariantBounce,[t.Glitch]:n.animatedTextVariantGlitch};function m(t,n){return n===e.Word?t.split(` `).filter(Boolean):Array.from(t)}function h({units:t,unit:a,staggerDelay:o,classNames:p,slotStyles:m}){let[h,g]=s(()=>t.length===0?0:f()?t.length:1);i(()=>{if(t.length<=1||f())return;let e=1,n=setInterval(()=>{e+=1,g(e),e>=t.length&&clearInterval(n)},o);return()=>clearInterval(n)},[t,o]);let _=h>=t.length;return d(l,{children:[t.slice(0,h).map((t,i)=>d(r,{children:[u(`span`,{className:c(n.animatedTextTypewriterLetter,p?.letter),style:m?.letter,children:t}),a===e.Word&&i<h-1?` `:null]},i)),u(`span`,{className:c(n.animatedTextCursor,_&&n.animatedTextCursorBlinking,p?.cursor),style:m?.cursor})]})}var g=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*`,_=35;function v(e){return Array.from({length:e},()=>g[Math.floor(Math.random()*69)]).join(``)}function y({units:t,unit:a,staggerDelay:o,classNames:p,slotStyles:m}){let[h]=s(f),[g,y]=s(0);i(()=>{if(t.length===0||h)return;let e=0,n=Math.ceil(t.length*o/_)+1,r=setInterval(()=>{e+=1,y(e),e>=n&&clearInterval(r)},_);return()=>clearInterval(r)},[t,o,h]);let b=Math.min(t.length,Math.floor(g*_/o));return u(l,{children:t.map((i,o)=>{let s=h||o<b;return d(r,{children:[u(`span`,{className:c(n.animatedTextScrambleLetter,p?.letter),style:m?.letter,children:i===` `?` `:s?i:v(i.length)}),a===e.Word&&o<t.length-1?` `:null]},o)})})}function b({text:l,variant:f=t.RiseUp,unit:g=e.Letter,staggerDelay:_=40,duration:v,triggerOnView:b=!0,className:x,style:S,classNames:C,styles:w,...T}){let E=a(()=>m(l,g),[l,g]),D=o(null),[O,k]=s(()=>!b||typeof IntersectionObserver>`u`);i(()=>{if(O)return;let e=D.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&(k(!0),t.disconnect())});return t.observe(e),()=>t.disconnect()},[O]);let A=`${f} ${l} ${g} ${_} ${v??``}`,j;if(!O)j=u(`span`,{"aria-hidden":`true`,style:{opacity:0},children:l});else if(f===t.Shine)j=u(`span`,{"aria-hidden":`true`,className:c(n.animatedTextShine,C?.letter),style:{animationDuration:`${v??2e3}ms`,...w?.letter},children:l},A);else if(f===t.Highlight)j=u(`span`,{"aria-hidden":`true`,className:c(n.animatedTextHighlight,C?.letter),style:{animationDuration:`${v??600}ms`,...w?.letter},children:l},A);else if(f===t.Typewriter)j=u(`span`,{"aria-hidden":`true`,children:u(h,{units:E,unit:g,staggerDelay:_,classNames:C,slotStyles:w})},A);else if(f===t.Scramble)j=u(`span`,{"aria-hidden":`true`,children:u(y,{units:E,unit:g,staggerDelay:_,classNames:C,slotStyles:w})},A);else if(f===t.Wave)j=u(`span`,{"aria-hidden":`true`,children:E.map((t,i)=>d(r,{children:[u(`span`,{className:c(n.animatedTextLetter,n.animatedTextVariantWave,C?.letter),style:{animationDelay:`-${i*_}ms`,animationDuration:`${v??1200}ms`,...w?.letter},children:t===` `?` `:t}),g===e.Word&&i<E.length-1?` `:null]},i))},A);else{let t=p[f]??n.animatedTextVariantRiseUp;j=u(`span`,{"aria-hidden":`true`,children:E.map((i,a)=>d(r,{children:[u(`span`,{className:c(n.animatedTextLetter,t,C?.letter),style:{animationDelay:`${a*_}ms`,animationDuration:`${v??500}ms`,...w?.letter},children:i===` `?` `:i}),g===e.Word&&a<E.length-1?` `:null]},a))},A)}return d(`span`,{...T,ref:D,className:c(n.animatedText,x),style:S,children:[u(`span`,{className:n.animatedTextVisuallyHidden,children:l}),j]})}export{b as default};
+import{AnimatedTextUnit as e,AnimatedTextVariant as t}from"./animatedText.types.mjs";import n from"./animatedText.module.mjs";import{Fragment as r,useEffect as i,useMemo as a,useRef as o,useState as s}from"react";import c from"classnames";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f(){return typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}var p={[t.RiseUp]:n.animatedTextVariantRiseUp,[t.BlurIn]:n.animatedTextVariantBlurIn,[t.Bounce]:n.animatedTextVariantBounce,[t.Glitch]:n.animatedTextVariantGlitch};function m(t,n){return n===e.Word?t.split(` `).filter(Boolean):Array.from(t)}function h({units:t,unit:a,staggerDelay:o,classNames:p,slotStyles:m}){let[h,g]=s(()=>t.length===0?0:f()?t.length:1);i(()=>{if(t.length<=1||f())return;let e=1,n=setInterval(()=>{e+=1,g(e),e>=t.length&&clearInterval(n)},o);return()=>clearInterval(n)},[t,o]);let _=h>=t.length;return d(l,{children:[t.slice(0,h).map((t,i)=>d(r,{children:[u(`span`,{className:c(n.animatedTextTypewriterLetter,p?.letter),style:m?.letter,children:t}),a===e.Word&&i<h-1?` `:null]},i)),u(`span`,{className:c(n.animatedTextCursor,_&&n.animatedTextCursorBlinking,p?.cursor),style:m?.cursor})]})}var g=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*`,_=35;function v(e){return Array.from({length:e},()=>g[Math.floor(Math.random()*69)]).join(``)}function y({units:t,unit:a,staggerDelay:o,classNames:p,slotStyles:m}){let[h]=s(f),[g,y]=s(0);i(()=>{if(t.length===0||h)return;let e=0,n=Math.ceil(t.length*o/_)+1,r=setInterval(()=>{e+=1,y(e),e>=n&&clearInterval(r)},_);return()=>clearInterval(r)},[t,o,h]);let b=Math.min(t.length,Math.floor(g*_/o));return u(l,{children:t.map((i,o)=>{let s=h||o<b;return d(r,{children:[u(`span`,{className:c(n.animatedTextScrambleLetter,p?.letter),style:m?.letter,children:i===` `?` `:s?i:v(i.length)}),a===e.Word&&o<t.length-1?` `:null]},o)})})}function b({text:l,variant:f=t.RiseUp,unit:g=e.Letter,staggerDelay:_=40,duration:v,triggerOnView:b=!0,className:x,style:S,classNames:C,styles:w,...T}){let E=a(()=>m(l,g),[l,g]),D=o(null),[O,k]=s(()=>!b||typeof IntersectionObserver>`u`);i(()=>{if(O)return;let e=D.current;if(!e)return;let t=new IntersectionObserver(([e])=>{e?.isIntersecting&&(k(!0),t.disconnect())});return t.observe(e),()=>t.disconnect()},[O]);let A=`${f} ${l} ${g} ${_} ${v??``}`,j;if(!O)j=u(`span`,{"aria-hidden":`true`,style:{opacity:0},children:l});else if(f===t.Shine)j=u(`span`,{"aria-hidden":`true`,className:c(n.animatedTextShine,C?.letter),style:{animationDuration:`${v??2e3}ms`,...w?.letter},children:l},A);else if(f===t.Highlight)j=u(`span`,{"aria-hidden":`true`,className:c(n.animatedTextHighlight,C?.letter),style:{animationDuration:`${v??600}ms`,...w?.letter},children:l},A);else if(f===t.Typewriter)j=u(`span`,{"aria-hidden":`true`,children:u(h,{units:E,unit:g,staggerDelay:_,classNames:C,slotStyles:w})},A);else if(f===t.Scramble)j=u(`span`,{"aria-hidden":`true`,children:u(y,{units:E,unit:g,staggerDelay:_,classNames:C,slotStyles:w})},A);else if(f===t.Wave)j=u(`span`,{"aria-hidden":`true`,children:E.map((t,i)=>d(r,{children:[u(`span`,{className:c(n.animatedTextLetter,n.animatedTextVariantWave,C?.letter),style:{animationDelay:`-${i*_}ms`,animationDuration:`${v??1200}ms`,...w?.letter},children:t===` `?` `:t}),g===e.Word&&i<E.length-1?` `:null]},i))},A);else{let t=p[f]??n.animatedTextVariantRiseUp;j=u(`span`,{"aria-hidden":`true`,children:E.map((i,a)=>d(r,{children:[u(`span`,{className:c(n.animatedTextLetter,t,C?.letter),style:{animationDelay:`${a*_}ms`,animationDuration:`${v??500}ms`,...w?.letter},children:i===` `?` `:i}),g===e.Word&&a<E.length-1?` `:null]},a))},A)}return d(`span`,{...T,ref:D,className:c(n.animatedText,x),style:S,children:[u(`span`,{className:n.animatedTextVisuallyHidden,children:l}),j]})}export{b as default};
 //# sourceMappingURL=animatedText.mjs.map

package/dist/esm/common/animatedText/animatedText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedText.mjs","names":[],"sources":["../../../../package/common/animatedText/animatedText.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo, useRef, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { AnimatedTextVariant, AnimatedTextUnit } from './animatedText.types';\nimport type { AnimatedTextProps } from './animatedText.types';\nimport styles from './animatedText.module.pcss';\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    : false;\n}\n\n// CSS-driven one-shot entrance variants: identical rendering, only the keyframe (via this class)\n// differs. RiseUp/BlurIn/Bounce/Glitch all animate opacity 0 -> 1 with `animation-fill-mode:\n// forwards`, staggered per unit via `animation-delay`.\nconst ENTRANCE_VARIANT_CLASS: Partial<Record<AnimatedTextVariant, string>> = {\n  [AnimatedTextVariant.RiseUp]: styles.animatedTextVariantRiseUp,\n  [AnimatedTextVariant.BlurIn]: styles.animatedTextVariantBlurIn,\n  [AnimatedTextVariant.Bounce]: styles.animatedTextVariantBounce,\n  [AnimatedTextVariant.Glitch]: styles.animatedTextVariantGlitch,\n};\n\nfunction splitUnits(text: string, unit: AnimatedTextUnit): string[] {\n  return unit === AnimatedTextUnit.Word ? text.split(' ').filter(Boolean) : Array.from(text);\n}\n\ninterface TypewriterProps {\n  units: string[];\n  unit: AnimatedTextUnit;\n  staggerDelay: number;\n  classNames: AnimatedTextProps['classNames'];\n  slotStyles: AnimatedTextProps['styles'];\n}\n\n// Split out so its wrapper (keyed by `replayKey`, see below) can be remounted on prop change to\n// reset this component's reveal state, the idiomatic React way to reset state on prop change.\n// It also keeps the reveal-count updates that happen over time (inside the interval callback) as\n// the only setState calls, none of them synchronous-in-effect.\nfunction Typewriter({ units, unit, staggerDelay, classNames, slotStyles }: TypewriterProps) {\n  const [revealCount, setRevealCount] = useState(() => {\n    if (units.length === 0) return 0;\n    return prefersReducedMotion() ? units.length : 1;\n  });\n\n  useEffect(() => {\n    if (units.length <= 1 || prefersReducedMotion()) return;\n    let revealed = 1;\n    const id = setInterval(() => {\n      revealed += 1;\n      setRevealCount(revealed);\n      if (revealed >= units.length) clearInterval(id);\n    }, staggerDelay);\n    return () => clearInterval(id);\n  }, [units, staggerDelay]);\n\n  const isDone = revealCount >= units.length;\n\n  return (\n    <>\n      {units.slice(0, revealCount).map((unitText, index) => (\n        <Fragment key={index}>\n          <span className={cx(styles.animatedTextTypewriterLetter, classNames?.letter)} style={slotStyles?.letter}>\n            {unitText}\n          </span>\n          {unit === AnimatedTextUnit.Word && index < revealCount - 1 ? ' ' : null}\n        </Fragment>\n      ))}\n      <span\n        className={cx(styles.animatedTextCursor, isDone && styles.animatedTextCursorBlinking, classNames?.cursor)}\n        style={slotStyles?.cursor}\n      />\n    </>\n  );\n}\n\nconst SCRAMBLE_CHARSET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*';\nconst SCRAMBLE_TICK_MS = 35;\n\nfunction randomScrambleText(length: number): string {\n  return Array.from({ length }, () => SCRAMBLE_CHARSET[Math.floor(Math.random() * SCRAMBLE_CHARSET.length)]).join('');\n}\n\ninterface ScrambleProps {\n  units: string[];\n  unit: AnimatedTextUnit;\n  staggerDelay: number;\n  classNames: AnimatedTextProps['classNames'];\n  slotStyles: AnimatedTextProps['styles'];\n}\n\n// Same keyed-remount-on-prop-change approach as Typewriter. Every unit starts scrambled and\n// \"locks in\" left to right; the scramble refresh (SCRAMBLE_TICK_MS) is a separate, faster cadence\n// than the per-unit settle pacing (staggerDelay) so still-scrambling units keep visibly flickering.\nfunction Scramble({ units, unit, staggerDelay, classNames, slotStyles }: ScrambleProps) {\n  const [reduceMotion] = useState(prefersReducedMotion);\n  const [tick, setTick] = useState(0);\n\n  useEffect(() => {\n    if (units.length === 0 || reduceMotion) return;\n    let t = 0;\n    const totalTicks = Math.ceil((units.length * staggerDelay) / SCRAMBLE_TICK_MS) + 1;\n    const id = setInterval(() => {\n      t += 1;\n      setTick(t);\n      if (t >= totalTicks) clearInterval(id);\n    }, SCRAMBLE_TICK_MS);\n    return () => clearInterval(id);\n  }, [units, staggerDelay, reduceMotion]);\n\n  const settledCount = Math.min(units.length, Math.floor((tick * SCRAMBLE_TICK_MS) / staggerDelay));\n\n  return (\n    <>\n      {units.map((unitText, index) => {\n        const isSettled = reduceMotion || index < settledCount;\n        return (\n          <Fragment key={index}>\n            <span className={cx(styles.animatedTextScrambleLetter, classNames?.letter)} style={slotStyles?.letter}>\n              {unitText === ' ' ? ' ' : isSettled ? unitText : randomScrambleText(unitText.length)}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n\nfunction AnimatedText({\n  text,\n  variant = AnimatedTextVariant.RiseUp,\n  unit = AnimatedTextUnit.Letter,\n  staggerDelay = 40,\n  duration,\n  triggerOnView = true,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AnimatedTextProps): ReactElement {\n  const units = useMemo(() => splitUnits(text, unit), [text, unit]);\n  const rootRef = useRef<HTMLSpanElement>(null);\n\n  // When `triggerOnView` is on, the animated subtree stays unmounted (see `isVisible` below)\n  // until the root first scrolls into the viewport, so the entrance/loop only plays once someone\n  // can actually see it instead of burning its one-shot animation off-screen on mount. Falls back\n  // to immediately visible when IntersectionObserver isn't available (SSR, old browsers, jsdom).\n  const [isVisible, setIsVisible] = useState(() => !triggerOnView || typeof IntersectionObserver === 'undefined');\n\n  useEffect(() => {\n    if (isVisible) return;\n    const node = rootRef.current;\n    if (!node) return;\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry?.isIntersecting) {\n        setIsVisible(true);\n        observer.disconnect();\n      }\n    });\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [isVisible]);\n\n  // Forces the animated subtree (not the whole component) to remount whenever anything that\n  // affects the animation changes, most commonly `text`. Without this, CSS entrance variants\n  // rely on `animation-fill-mode: forwards`, which just holds the prior end state instead of\n  // replaying when the letters underneath it change; keying on these values makes every variant\n  // (CSS-driven and JS-driven alike) replay consistently, matching what a component named\n  // AnimatedText should do when the text it's animating actually changes.\n  const replayKey = `${variant} ${text} ${unit} ${staggerDelay} ${duration ?? ''}`;\n\n  let content: ReactElement;\n\n  if (!isVisible) {\n    // Reserves the same layout space as the real content without playing anything yet.\n    content = (\n      <span aria-hidden=\"true\" style={{ opacity: 0 }}>\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Shine) {\n    content = (\n      <span\n        key={replayKey}\n        aria-hidden=\"true\"\n        className={cx(styles.animatedTextShine, classNames?.letter)}\n        style={{ animationDuration: `${duration ?? 2000}ms`, ...slotStyles?.letter }}\n      >\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Highlight) {\n    content = (\n      <span\n        key={replayKey}\n        aria-hidden=\"true\"\n        className={cx(styles.animatedTextHighlight, classNames?.letter)}\n        style={{ animationDuration: `${duration ?? 600}ms`, ...slotStyles?.letter }}\n      >\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Typewriter) {\n    content = (\n      <span key={replayKey} aria-hidden=\"true\">\n        <Typewriter units={units} unit={unit} staggerDelay={staggerDelay} classNames={classNames} slotStyles={slotStyles} />\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Scramble) {\n    content = (\n      <span key={replayKey} aria-hidden=\"true\">\n        <Scramble units={units} unit={unit} staggerDelay={staggerDelay} classNames={classNames} slotStyles={slotStyles} />\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Wave) {\n    content = (\n      <span key={replayKey} aria-hidden=\"true\">\n        {units.map((unitText, index) => (\n          <Fragment key={index}>\n            <span\n              className={cx(styles.animatedTextLetter, styles.animatedTextVariantWave, classNames?.letter)}\n              style={{\n                // Negative delay starts the loop already mid-cycle, phase-shifted per unit.\n                // That's what makes it read as a travelling wave from the very first frame,\n                // instead of every unit bobbing in lockstep or staggering in once and then syncing.\n                animationDelay: `-${index * staggerDelay}ms`,\n                animationDuration: `${duration ?? 1200}ms`,\n                ...slotStyles?.letter,\n              }}\n            >\n              {unitText === ' ' ? ' ' : unitText}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        ))}\n      </span>\n    );\n  } else {\n    const entranceClass = ENTRANCE_VARIANT_CLASS[variant] ?? styles.animatedTextVariantRiseUp;\n    content = (\n      <span key={replayKey} aria-hidden=\"true\">\n        {units.map((unitText, index) => (\n          <Fragment key={index}>\n            <span\n              className={cx(styles.animatedTextLetter, entranceClass, classNames?.letter)}\n              style={{\n                animationDelay: `${index * staggerDelay}ms`,\n                animationDuration: `${duration ?? 500}ms`,\n                ...slotStyles?.letter,\n              }}\n            >\n              {unitText === ' ' ? ' ' : unitText}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        ))}\n      </span>\n    );\n  }\n\n  return (\n    <span {...rest} ref={rootRef} className={cx(styles.animatedText, className)} style={style}>\n      <span className={styles.animatedTextVisuallyHidden}>{text}</span>\n      {content}\n    </span>\n  );\n}\n\nexport default AnimatedText;\n"],"mappings":"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"}
+{"version":3,"file":"animatedText.mjs","names":[],"sources":["../../../../package/common/animatedText/animatedText.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo, useRef, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { AnimatedTextVariant, AnimatedTextUnit } from './animatedText.types';\nimport type { AnimatedTextProps } from './animatedText.types';\nimport styles from './animatedText.module.pcss';\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    : false;\n}\n\n// CSS-driven one-shot entrance variants: identical rendering, only the keyframe (via this class)\n// differs. RiseUp/BlurIn/Bounce/Glitch all animate opacity 0 -> 1 with `animation-fill-mode:\n// forwards`, staggered per unit via `animation-delay`.\nconst ENTRANCE_VARIANT_CLASS: Partial<Record<AnimatedTextVariant, string>> = {\n  [AnimatedTextVariant.RiseUp]: styles.animatedTextVariantRiseUp,\n  [AnimatedTextVariant.BlurIn]: styles.animatedTextVariantBlurIn,\n  [AnimatedTextVariant.Bounce]: styles.animatedTextVariantBounce,\n  [AnimatedTextVariant.Glitch]: styles.animatedTextVariantGlitch,\n};\n\nfunction splitUnits(text: string, unit: AnimatedTextUnit): string[] {\n  return unit === AnimatedTextUnit.Word ? text.split(' ').filter(Boolean) : Array.from(text);\n}\n\ninterface TypewriterProps {\n  units: string[];\n  unit: AnimatedTextUnit;\n  staggerDelay: number;\n  classNames: AnimatedTextProps['classNames'];\n  slotStyles: AnimatedTextProps['styles'];\n}\n\n// Split out so its wrapper (keyed by `replayKey`, see below) can be remounted on prop change to\n// reset this component's reveal state, the idiomatic React way to reset state on prop change.\n// It also keeps the reveal-count updates that happen over time (inside the interval callback) as\n// the only setState calls, none of them synchronous-in-effect.\nfunction Typewriter({ units, unit, staggerDelay, classNames, slotStyles }: TypewriterProps) {\n  const [revealCount, setRevealCount] = useState(() => {\n    if (units.length === 0) return 0;\n    return prefersReducedMotion() ? units.length : 1;\n  });\n\n  useEffect(() => {\n    if (units.length <= 1 || prefersReducedMotion()) return;\n    let revealed = 1;\n    const id = setInterval(() => {\n      revealed += 1;\n      setRevealCount(revealed);\n      if (revealed >= units.length) clearInterval(id);\n    }, staggerDelay);\n    return () => clearInterval(id);\n  }, [units, staggerDelay]);\n\n  const isDone = revealCount >= units.length;\n\n  return (\n    <>\n      {units.slice(0, revealCount).map((unitText, index) => (\n        <Fragment key={index}>\n          <span className={cx(styles.animatedTextTypewriterLetter, classNames?.letter)} style={slotStyles?.letter}>\n            {unitText}\n          </span>\n          {unit === AnimatedTextUnit.Word && index < revealCount - 1 ? ' ' : null}\n        </Fragment>\n      ))}\n      <span\n        className={cx(styles.animatedTextCursor, isDone && styles.animatedTextCursorBlinking, classNames?.cursor)}\n        style={slotStyles?.cursor}\n      />\n    </>\n  );\n}\n\nconst SCRAMBLE_CHARSET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*';\nconst SCRAMBLE_TICK_MS = 35;\n\nfunction randomScrambleText(length: number): string {\n  return Array.from({ length }, () => SCRAMBLE_CHARSET[Math.floor(Math.random() * SCRAMBLE_CHARSET.length)]).join('');\n}\n\ninterface ScrambleProps {\n  units: string[];\n  unit: AnimatedTextUnit;\n  staggerDelay: number;\n  classNames: AnimatedTextProps['classNames'];\n  slotStyles: AnimatedTextProps['styles'];\n}\n\n// Same keyed-remount-on-prop-change approach as Typewriter. Every unit starts scrambled and\n// \"locks in\" left to right; the scramble refresh (SCRAMBLE_TICK_MS) is a separate, faster cadence\n// than the per-unit settle pacing (staggerDelay) so still-scrambling units keep visibly flickering.\nfunction Scramble({ units, unit, staggerDelay, classNames, slotStyles }: ScrambleProps) {\n  const [reduceMotion] = useState(prefersReducedMotion);\n  const [tick, setTick] = useState(0);\n\n  useEffect(() => {\n    if (units.length === 0 || reduceMotion) return;\n    let t = 0;\n    const totalTicks = Math.ceil((units.length * staggerDelay) / SCRAMBLE_TICK_MS) + 1;\n    const id = setInterval(() => {\n      t += 1;\n      setTick(t);\n      if (t >= totalTicks) clearInterval(id);\n    }, SCRAMBLE_TICK_MS);\n    return () => clearInterval(id);\n  }, [units, staggerDelay, reduceMotion]);\n\n  const settledCount = Math.min(units.length, Math.floor((tick * SCRAMBLE_TICK_MS) / staggerDelay));\n\n  return (\n    <>\n      {units.map((unitText, index) => {\n        const isSettled = reduceMotion || index < settledCount;\n        return (\n          <Fragment key={index}>\n            <span className={cx(styles.animatedTextScrambleLetter, classNames?.letter)} style={slotStyles?.letter}>\n              {unitText === ' ' ? ' ' : isSettled ? unitText : randomScrambleText(unitText.length)}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n\nfunction AnimatedText({\n  text,\n  variant = AnimatedTextVariant.RiseUp,\n  unit = AnimatedTextUnit.Letter,\n  staggerDelay = 40,\n  duration,\n  triggerOnView = true,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AnimatedTextProps): ReactElement {\n  const units = useMemo(() => splitUnits(text, unit), [text, unit]);\n  const rootRef = useRef<HTMLSpanElement>(null);\n\n  // When `triggerOnView` is on, the animated subtree stays unmounted (see `isVisible` below)\n  // until the root first scrolls into the viewport, so the entrance/loop only plays once someone\n  // can actually see it instead of burning its one-shot animation off-screen on mount. Falls back\n  // to immediately visible when IntersectionObserver isn't available (SSR, old browsers, jsdom).\n  const [isVisible, setIsVisible] = useState(() => !triggerOnView || typeof IntersectionObserver === 'undefined');\n\n  useEffect(() => {\n    if (isVisible) return;\n    const node = rootRef.current;\n    if (!node) return;\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry?.isIntersecting) {\n        setIsVisible(true);\n        observer.disconnect();\n      }\n    });\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [isVisible]);\n\n  // Forces the animated subtree (not the whole component) to remount whenever anything that\n  // affects the animation changes, most commonly `text`. Without this, CSS entrance variants\n  // rely on `animation-fill-mode: forwards`, which just holds the prior end state instead of\n  // replaying when the letters underneath it change; keying on these values makes every variant\n  // (CSS-driven and JS-driven alike) replay consistently, matching what a component named\n  // AnimatedText should do when the text it's animating actually changes.\n  const replayKey = `${variant} ${text} ${unit} ${staggerDelay} ${duration ?? ''}`;\n\n  let content: ReactElement;\n\n  if (!isVisible) {\n    // Reserves the same layout space as the real content without playing anything yet.\n    content = (\n      <span aria-hidden='true' style={{ opacity: 0 }}>\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Shine) {\n    content = (\n      <span\n        key={replayKey}\n        aria-hidden='true'\n        className={cx(styles.animatedTextShine, classNames?.letter)}\n        style={{ animationDuration: `${duration ?? 2000}ms`, ...slotStyles?.letter }}\n      >\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Highlight) {\n    content = (\n      <span\n        key={replayKey}\n        aria-hidden='true'\n        className={cx(styles.animatedTextHighlight, classNames?.letter)}\n        style={{ animationDuration: `${duration ?? 600}ms`, ...slotStyles?.letter }}\n      >\n        {text}\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Typewriter) {\n    content = (\n      <span key={replayKey} aria-hidden='true'>\n        <Typewriter\n          units={units}\n          unit={unit}\n          staggerDelay={staggerDelay}\n          classNames={classNames}\n          slotStyles={slotStyles}\n        />\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Scramble) {\n    content = (\n      <span key={replayKey} aria-hidden='true'>\n        <Scramble\n          units={units}\n          unit={unit}\n          staggerDelay={staggerDelay}\n          classNames={classNames}\n          slotStyles={slotStyles}\n        />\n      </span>\n    );\n  } else if (variant === AnimatedTextVariant.Wave) {\n    content = (\n      <span key={replayKey} aria-hidden='true'>\n        {units.map((unitText, index) => (\n          <Fragment key={index}>\n            <span\n              className={cx(styles.animatedTextLetter, styles.animatedTextVariantWave, classNames?.letter)}\n              style={{\n                // Negative delay starts the loop already mid-cycle, phase-shifted per unit.\n                // That's what makes it read as a travelling wave from the very first frame,\n                // instead of every unit bobbing in lockstep or staggering in once and then syncing.\n                animationDelay: `-${index * staggerDelay}ms`,\n                animationDuration: `${duration ?? 1200}ms`,\n                ...slotStyles?.letter,\n              }}\n            >\n              {unitText === ' ' ? ' ' : unitText}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        ))}\n      </span>\n    );\n  } else {\n    const entranceClass = ENTRANCE_VARIANT_CLASS[variant] ?? styles.animatedTextVariantRiseUp;\n    content = (\n      <span key={replayKey} aria-hidden='true'>\n        {units.map((unitText, index) => (\n          <Fragment key={index}>\n            <span\n              className={cx(styles.animatedTextLetter, entranceClass, classNames?.letter)}\n              style={{\n                animationDelay: `${index * staggerDelay}ms`,\n                animationDuration: `${duration ?? 500}ms`,\n                ...slotStyles?.letter,\n              }}\n            >\n              {unitText === ' ' ? ' ' : unitText}\n            </span>\n            {unit === AnimatedTextUnit.Word && index < units.length - 1 ? ' ' : null}\n          </Fragment>\n        ))}\n      </span>\n    );\n  }\n\n  return (\n    <span {...rest} ref={rootRef} className={cx(styles.animatedText, className)} style={style}>\n      <span className={styles.animatedTextVisuallyHidden}>{text}</span>\n      {content}\n    </span>\n  );\n}\n\nexport default AnimatedText;\n"],"mappings":"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"}

package/dist/esm/common/animatedText/animatedText.module.mjs

@@ -1,2 +1,2 @@
-var e={animatedText:`animatedText_xkLRE`,"animatedText-visually-hidden":`animatedText-visually-hidden_N-uxP`,animatedTextVisuallyHidden:`animatedText-visually-hidden_N-uxP`,"animatedText-letter":`animatedText-letter_HBpbr`,animatedTextLetter:`animatedText-letter_HBpbr`,"animatedText-variant-rise-up":`animatedText-variant-rise-up_iZl7w`,animatedTextVariantRiseUp:`animatedText-variant-rise-up_iZl7w`,animatedTextRiseUp:`animatedTextRiseUp_4tb02`,"animatedText-variant-blur-in":`animatedText-variant-blur-in_TaxXd`,animatedTextVariantBlurIn:`animatedText-variant-blur-in_TaxXd`,animatedTextBlurIn:`animatedTextBlurIn_OPXmX`,"animatedText-variant-bounce":`animatedText-variant-bounce_1EWqT`,animatedTextVariantBounce:`animatedText-variant-bounce_1EWqT`,animatedTextBounceIn:`animatedTextBounceIn_R8l6K`,"animatedText-variant-glitch":`animatedText-variant-glitch_A-F8k`,animatedTextVariantGlitch:`animatedText-variant-glitch_A-F8k`,animatedTextGlitch:`animatedTextGlitch_tM2K9`,"animatedText-variant-wave":`animatedText-variant-wave_Wiv27`,animatedTextVariantWave:`animatedText-variant-wave_Wiv27`,animatedTextWave:`animatedTextWave_ztd68`,"animatedText-typewriter-letter":`animatedText-typewriter-letter_gAdNb`,animatedTextTypewriterLetter:`animatedText-typewriter-letter_gAdNb`,"animatedText-scramble-letter":`animatedText-scramble-letter_18T2z`,animatedTextScrambleLetter:`animatedText-scramble-letter_18T2z`,"animatedText-cursor":`animatedText-cursor_ns0l7`,animatedTextCursor:`animatedText-cursor_ns0l7`,"animatedText-cursor-blinking":`animatedText-cursor-blinking_IdVo3`,animatedTextCursorBlinking:`animatedText-cursor-blinking_IdVo3`,animatedTextCursorBlink:`animatedTextCursorBlink_MTiee`,"animatedText-shine":`animatedText-shine_VmmS9`,animatedTextShine:`animatedText-shine_VmmS9`,animatedTextShineSweep:`animatedTextShineSweep_-A864`,"animatedText-highlight":`animatedText-highlight_Bu-rP`,animatedTextHighlight:`animatedText-highlight_Bu-rP`,animatedTextHighlightSweep:`animatedTextHighlightSweep_e4-hF`};export{e as default};
+var e=`animatedText_xkLRE`,t=`animatedText-visually-hidden_N-uxP`,n=`animatedText-letter_HBpbr`,r=`animatedText-variant-rise-up_iZl7w`,i=`animatedTextRiseUp_4tb02`,a=`animatedText-variant-blur-in_TaxXd`,o=`animatedTextBlurIn_OPXmX`,s=`animatedText-variant-bounce_1EWqT`,c=`animatedTextBounceIn_R8l6K`,l=`animatedText-variant-glitch_A-F8k`,u=`animatedTextGlitch_tM2K9`,d=`animatedText-variant-wave_Wiv27`,f=`animatedTextWave_ztd68`,p=`animatedText-typewriter-letter_gAdNb`,m=`animatedText-scramble-letter_18T2z`,h=`animatedText-cursor_ns0l7`,g=`animatedText-cursor-blinking_IdVo3`,_=`animatedTextCursorBlink_MTiee`,v=`animatedText-shine_VmmS9`,y=`animatedTextShineSweep_-A864`,b=`animatedText-highlight_Bu-rP`,x=`animatedTextHighlightSweep_e4-hF`,S={animatedText:e,"animatedText-visually-hidden":`animatedText-visually-hidden_N-uxP`,animatedTextVisuallyHidden:t,"animatedText-letter":`animatedText-letter_HBpbr`,animatedTextLetter:n,"animatedText-variant-rise-up":`animatedText-variant-rise-up_iZl7w`,animatedTextVariantRiseUp:r,animatedTextRiseUp:i,"animatedText-variant-blur-in":`animatedText-variant-blur-in_TaxXd`,animatedTextVariantBlurIn:a,animatedTextBlurIn:o,"animatedText-variant-bounce":`animatedText-variant-bounce_1EWqT`,animatedTextVariantBounce:s,animatedTextBounceIn:c,"animatedText-variant-glitch":`animatedText-variant-glitch_A-F8k`,animatedTextVariantGlitch:l,animatedTextGlitch:u,"animatedText-variant-wave":`animatedText-variant-wave_Wiv27`,animatedTextVariantWave:d,animatedTextWave:f,"animatedText-typewriter-letter":`animatedText-typewriter-letter_gAdNb`,animatedTextTypewriterLetter:p,"animatedText-scramble-letter":`animatedText-scramble-letter_18T2z`,animatedTextScrambleLetter:m,"animatedText-cursor":`animatedText-cursor_ns0l7`,animatedTextCursor:h,"animatedText-cursor-blinking":`animatedText-cursor-blinking_IdVo3`,animatedTextCursorBlinking:g,animatedTextCursorBlink:_,"animatedText-shine":`animatedText-shine_VmmS9`,animatedTextShine:v,animatedTextShineSweep:y,"animatedText-highlight":`animatedText-highlight_Bu-rP`,animatedTextHighlight:b,animatedTextHighlightSweep:x};export{e as animatedText,o as animatedTextBlurIn,c as animatedTextBounceIn,h as animatedTextCursor,_ as animatedTextCursorBlink,g as animatedTextCursorBlinking,u as animatedTextGlitch,b as animatedTextHighlight,x as animatedTextHighlightSweep,n as animatedTextLetter,i as animatedTextRiseUp,m as animatedTextScrambleLetter,v as animatedTextShine,y as animatedTextShineSweep,p as animatedTextTypewriterLetter,a as animatedTextVariantBlurIn,s as animatedTextVariantBounce,l as animatedTextVariantGlitch,r as animatedTextVariantRiseUp,d as animatedTextVariantWave,t as animatedTextVisuallyHidden,f as animatedTextWave,S as default};
 //# sourceMappingURL=animatedText.module.mjs.map

package/dist/esm/common/animatedText/animatedText.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animatedText.module.mjs","names":[],"sources":["../../../../package/common/animatedText/animatedText.module.pcss"],"sourcesContent":[".animatedText {\n  display: inline-block;\n  position: relative;\n\n  &-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  &-letter {\n    display: inline-block;\n    white-space: pre;\n    opacity: 0;\n    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);\n    animation-fill-mode: forwards;\n  }\n\n  &-variant {\n    &-rise-up {\n      animation-name: animatedTextRiseUp;\n    }\n\n    &-blur-in {\n      animation-name: animatedTextBlurIn;\n    }\n\n    &-bounce {\n      animation-name: animatedTextBounceIn;\n      animation-timing-function: ease-out;\n    }\n\n    &-glitch {\n      animation-name: animatedTextGlitch;\n      animation-timing-function: steps(5, jump-none);\n    }\n\n    &-wave {\n      /* Ambient/looping, not an entrance, so the letter stays visible throughout, overriding\n         `.animatedText-letter`'s opacity:0 base (meant for one-shot entrance variants). */\n      opacity: 1;\n      animation-name: animatedTextWave;\n      animation-iteration-count: infinite;\n      animation-timing-function: ease-in-out;\n    }\n  }\n\n  &-typewriter-letter {\n    display: inline-block;\n    white-space: pre;\n  }\n\n  &-scramble-letter {\n    display: inline-block;\n    white-space: pre;\n  }\n\n  &-cursor {\n    display: inline-block;\n    width: 0.08em;\n    min-width: 1px;\n    height: 0.85em;\n    margin-left: 0.05em;\n    background: var(--text-color);\n    vertical-align: baseline;\n\n    &-blinking {\n      animation: animatedTextCursorBlink 1s step-end infinite;\n    }\n  }\n\n  &-shine {\n    display: inline-block;\n    white-space: pre;\n    /* currentColor can't be used here: it would resolve against this same rule's\n       `color: transparent` below, making the whole gradient transparent. */\n    background-image: linear-gradient(90deg, var(--text-color) 25%, var(--primary-lighter) 50%, var(--text-color) 75%);\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    animation-name: animatedTextShineSweep;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n  }\n\n  &-highlight {\n    display: inline-block;\n    white-space: pre;\n    background-image: linear-gradient(var(--primary-lighter), var(--primary-lighter));\n    background-repeat: no-repeat;\n    background-position: left center;\n    background-size: 0% 100%;\n    animation-name: animatedTextHighlightSweep;\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    &-letter {\n      animation: none;\n      opacity: 1;\n    }\n\n    &-shine {\n      animation: none;\n      background-image: none;\n      color: currentColor;\n      -webkit-text-fill-color: currentColor;\n    }\n\n    &-highlight {\n      animation: none;\n      background-size: 100% 100%;\n    }\n\n    &-cursor-blinking {\n      animation: none;\n      opacity: 1;\n    }\n  }\n}\n\n@keyframes animatedTextRiseUp {\n  from {\n    opacity: 0;\n    transform: translateY(0.6em);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes animatedTextBlurIn {\n  from {\n    opacity: 0;\n    filter: blur(8px);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n@keyframes animatedTextBounceIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-0.8em);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translateY(0.15em);\n  }\n\n  80% {\n    transform: translateY(-0.05em);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes animatedTextGlitch {\n  0% {\n    opacity: 0;\n    transform: translate(0, 0);\n    text-shadow: none;\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-0.05em, 0.03em);\n    text-shadow: 0.06em 0 var(--error-color), -0.06em 0 var(--info-color);\n  }\n\n  30% {\n    transform: translate(0.05em, -0.03em);\n    text-shadow: -0.06em 0 var(--error-color), 0.06em 0 var(--info-color);\n  }\n\n  45% {\n    transform: translate(-0.03em, 0);\n    text-shadow: 0.03em 0 var(--error-color), -0.03em 0 var(--info-color);\n  }\n\n  60%,\n  100% {\n    opacity: 1;\n    transform: translate(0, 0);\n    text-shadow: none;\n  }\n}\n\n@keyframes animatedTextWave {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-0.25em);\n  }\n}\n\n@keyframes animatedTextShineSweep {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes animatedTextHighlightSweep {\n  from {\n    background-size: 0% 100%;\n  }\n\n  to {\n    background-size: 100% 100%;\n  }\n}\n\n@keyframes animatedTextCursorBlink {\n  0%,\n  50% {\n    opacity: 1;\n  }\n\n  50.01%,\n  100% {\n    opacity: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"animatedText.module.mjs","names":[],"sources":["../../../../package/common/animatedText/animatedText.module.pcss"],"sourcesContent":[".animatedText {\n  display: inline-block;\n  position: relative;\n\n  &-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  &-letter {\n    display: inline-block;\n    white-space: pre;\n    opacity: 0;\n    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);\n    animation-fill-mode: forwards;\n  }\n\n  &-variant {\n    &-rise-up {\n      animation-name: animatedTextRiseUp;\n    }\n\n    &-blur-in {\n      animation-name: animatedTextBlurIn;\n    }\n\n    &-bounce {\n      animation-name: animatedTextBounceIn;\n      animation-timing-function: ease-out;\n    }\n\n    &-glitch {\n      animation-name: animatedTextGlitch;\n      animation-timing-function: steps(5, jump-none);\n    }\n\n    &-wave {\n      /* Ambient/looping, not an entrance, so the letter stays visible throughout, overriding\n         `.animatedText-letter`'s opacity:0 base (meant for one-shot entrance variants). */\n      opacity: 1;\n      animation-name: animatedTextWave;\n      animation-iteration-count: infinite;\n      animation-timing-function: ease-in-out;\n    }\n  }\n\n  &-typewriter-letter {\n    display: inline-block;\n    white-space: pre;\n  }\n\n  &-scramble-letter {\n    display: inline-block;\n    white-space: pre;\n  }\n\n  &-cursor {\n    display: inline-block;\n    width: 0.08em;\n    min-width: 1px;\n    height: 0.85em;\n    margin-left: 0.05em;\n    background: var(--text-color);\n    vertical-align: baseline;\n\n    &-blinking {\n      animation: animatedTextCursorBlink 1s step-end infinite;\n    }\n  }\n\n  &-shine {\n    display: inline-block;\n    white-space: pre;\n\n    /* currentColor can't be used here: it would resolve against this same rule's\n       `color: transparent` below, making the whole gradient transparent. */\n    background-image: linear-gradient(90deg, var(--text-color) 25%, var(--primary-lighter) 50%, var(--text-color) 75%);\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    animation-name: animatedTextShineSweep;\n    animation-timing-function: linear;\n    animation-iteration-count: infinite;\n  }\n\n  &-highlight {\n    display: inline-block;\n    white-space: pre;\n    background-image: linear-gradient(var(--primary-lighter), var(--primary-lighter));\n    background-repeat: no-repeat;\n    background-position: left center;\n    background-size: 0% 100%;\n    animation-name: animatedTextHighlightSweep;\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    &-letter {\n      animation: none;\n      opacity: 1;\n    }\n\n    &-shine {\n      animation: none;\n      background-image: none;\n      color: currentcolor;\n      -webkit-text-fill-color: currentcolor;\n    }\n\n    &-highlight {\n      animation: none;\n      background-size: 100% 100%;\n    }\n\n    &-cursor-blinking {\n      animation: none;\n      opacity: 1;\n    }\n  }\n}\n\n@keyframes animatedTextRiseUp {\n  from {\n    opacity: 0;\n    transform: translateY(0.6em);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes animatedTextBlurIn {\n  from {\n    opacity: 0;\n    filter: blur(8px);\n  }\n\n  to {\n    opacity: 1;\n    filter: blur(0);\n  }\n}\n\n@keyframes animatedTextBounceIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-0.8em);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translateY(0.15em);\n  }\n\n  80% {\n    transform: translateY(-0.05em);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes animatedTextGlitch {\n  0% {\n    opacity: 0;\n    transform: translate(0, 0);\n    text-shadow: none;\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-0.05em, 0.03em);\n    text-shadow:\n      0.06em 0 var(--error-color),\n      -0.06em 0 var(--info-color);\n  }\n\n  30% {\n    transform: translate(0.05em, -0.03em);\n    text-shadow:\n      -0.06em 0 var(--error-color),\n      0.06em 0 var(--info-color);\n  }\n\n  45% {\n    transform: translate(-0.03em, 0);\n    text-shadow:\n      0.03em 0 var(--error-color),\n      -0.03em 0 var(--info-color);\n  }\n\n  60%,\n  100% {\n    opacity: 1;\n    transform: translate(0, 0);\n    text-shadow: none;\n  }\n}\n\n@keyframes animatedTextWave {\n  0%,\n  100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-0.25em);\n  }\n}\n\n@keyframes animatedTextShineSweep {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes animatedTextHighlightSweep {\n  from {\n    background-size: 0% 100%;\n  }\n\n  to {\n    background-size: 100% 100%;\n  }\n}\n\n@keyframes animatedTextCursorBlink {\n  0%,\n  50% {\n    opacity: 1;\n  }\n\n  50.01%,\n  100% {\n    opacity: 0;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/avatar/avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","names":[],"sources":["../../../../package/common/avatar/avatar.tsx"],"sourcesContent":["import { useState, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { faUser } from '@fortawesome/free-solid-svg-icons';\nimport Badge, { BadgeStyleType, BadgePosition } from '../badge';\n\nimport type { AvatarProps, AvatarStatus } from './avatar.types';\nimport styles from './avatar.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst STATUS_STYLE: Record<AvatarStatus, BadgeStyleType> = {\n  online: BadgeStyleType.Success,\n  away: BadgeStyleType.Warn,\n  busy: BadgeStyleType.Error,\n  offline: BadgeStyleType.Default,\n};\n\nfunction getInitials(name?: string): string {\n  if (!name) return '';\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '';\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\nfunction Avatar({\n  src,\n  alt,\n  name,\n  icon = faUser,\n  content,\n  status,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AvatarProps): ReactElement {\n  const [hasError, setHasError] = useState(false);\n  const [prevSrc, setPrevSrc] = useState(src);\n\n  if (src !== prevSrc) {\n    setPrevSrc(src);\n    setHasError(false);\n  }\n\n  const initials = getInitials(name);\n  const showImage = !!src && !hasError;\n\n  const rendered = showImage ? (\n    <img\n      className={cx(styles.avatarImage, classNames?.image)}\n      style={slotStyles?.image}\n      src={src}\n      alt={alt ?? name ?? ''}\n      onError={() => setHasError(true)}\n    />\n  ) : (\n    <span className={cx(styles.avatarFallback, classNames?.fallback)} style={slotStyles?.fallback}>\n      {content ?? (initials || renderIcon(icon))}\n    </span>\n  );\n\n  if (!status) {\n    return (\n      <span {...rest} className={cx(styles.avatar, className)} style={style}>\n        {rendered}\n      </span>\n    );\n  }\n\n  return (\n    <Badge\n      {...rest}\n      dot\n      position={BadgePosition.BottomRight}\n      styleType={STATUS_STYLE[status]}\n      className={className}\n      style={style}\n      classNames={{ badge: cx(styles.avatarStatusBadge, classNames?.status) }}\n      styles={{ badge: slotStyles?.status }}\n    >\n      <span className={styles.avatar}>{rendered}</span>\n    </Badge>\n  );\n}\n\nexport default Avatar;\n"],"mappings":"qWASA,IAAM,EAAqD,CACzD,OAAQ,EAAe,QACvB,KAAM,EAAe,KACrB,KAAM,EAAe,MACrB,QAAS,EAAe,OAC1B,EAEA,SAAS,EAAY,EAAuB,CAC1C,GAAI,CAAC,EAAM,MAAO,GAClB,IAAM,EAAQ,EAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,EAGrD,OAFI,EAAM,SAAW,EAAU,GAC3B,EAAM,SAAW,EAAU,EAAM,GAAG,MAAM,EAAG,CAAC,EAAE,YAAY,GACxD,EAAM,GAAG,GAAK,EAAM,EAAM,OAAS,GAAG,IAAI,YAAY,CAChE,CAEA,SAAS,EAAO,CACd,MACA,MACA,OACA,OAAO,EACP,UACA,SACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACyB,CAC5B,GAAM,CAAC,EAAU,GAAe,EAAS,EAAK,EACxC,CAAC,EAAS,GAAc,EAAS,CAAG,EAEtC,IAAQ,IACV,EAAW,CAAG,EACd,EAAY,EAAK,GAGnB,IAAM,EAAW,EAAY,CAAI,EAG3B,EAFc,GAAO,CAAC,EAG1B,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAY,KAAK,EACnD,MAAO,GAAY,MACd,MACL,IAAK,GAAO,GAAQ,GACpB,YAAe,EAAY,EAAI,CAChC,CAAA,EAED,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,eAAgB,GAAY,QAAQ,EAAG,MAAO,GAAY,kBAClF,IAAY,GAAY,EAAW,CAAI,EACpC,CAAA,EAWR,OARK,EASH,EAAC,EAAD,CACE,GAAI,EACJ,IAAA,GACA,SAAU,EAAc,YACxB,UAAW,EAAa,GACb,YACJ,QACP,WAAY,CAAE,MAAO,EAAG,EAAO,kBAAmB,GAAY,MAAM,CAAE,EACtE,OAAQ,CAAE,MAAO,GAAY,MAAO,WAEpC,EAAC,OAAD,CAAM,UAAW,EAAO,gBAAS,CAAe,CAAA,CAC3C,CAAA,EAlBL,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,OAAQ,CAAS,EAAU,iBAC7D,CACG,CAAA,CAkBZ"}
+{"version":3,"file":"avatar.mjs","names":[],"sources":["../../../../package/common/avatar/avatar.tsx"],"sourcesContent":["import { useState, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport { faUser } from '@fortawesome/free-solid-svg-icons';\nimport Badge, { BadgeStyleType, BadgePosition } from '../badge';\n\nimport type { AvatarProps, AvatarStatus } from './avatar.types';\nimport styles from './avatar.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst STATUS_STYLE: Record<AvatarStatus, BadgeStyleType> = {\n  online: BadgeStyleType.Success,\n  away: BadgeStyleType.Warn,\n  busy: BadgeStyleType.Error,\n  offline: BadgeStyleType.Default,\n};\n\nfunction getInitials(name?: string): string {\n  if (!name) return '';\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '';\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();\n}\n\nfunction Avatar({\n  src,\n  alt,\n  name,\n  icon = faUser,\n  content,\n  status,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AvatarProps): ReactElement {\n  const [hasError, setHasError] = useState(false);\n  const [prevSrc, setPrevSrc] = useState(src);\n\n  if (src !== prevSrc) {\n    setPrevSrc(src);\n    setHasError(false);\n  }\n\n  const initials = getInitials(name);\n  const showImage = !!src && !hasError;\n\n  const rendered = showImage ? (\n    <img\n      className={cx(styles.avatarImage, classNames?.image)}\n      style={slotStyles?.image}\n      src={src}\n      alt={alt ?? name ?? ''}\n      onError={() => setHasError(true)}\n    />\n  ) : (\n    <span className={cx(styles.avatarFallback, classNames?.fallback)} style={slotStyles?.fallback}>\n      {content ?? (initials || renderIcon(icon))}\n    </span>\n  );\n\n  if (!status) {\n    return (\n      <span {...rest} className={cx(styles.avatar, className)} style={style}>\n        {rendered}\n      </span>\n    );\n  }\n\n  return (\n    <Badge\n      {...rest}\n      dot\n      position={BadgePosition.BottomRight}\n      styleType={STATUS_STYLE[status]}\n      className={className}\n      style={style}\n      classNames={{ badge: cx(styles.avatarStatusBadge, classNames?.status) }}\n      styles={{ badge: slotStyles?.status }}\n    >\n      <span className={styles.avatar}>{rendered}</span>\n    </Badge>\n  );\n}\n\nexport default Avatar;\n"],"mappings":"qWASA,IAAM,EAAqD,CACzD,OAAQ,EAAe,QACvB,KAAM,EAAe,KACrB,KAAM,EAAe,MACrB,QAAS,EAAe,OAC1B,EAEA,SAAS,EAAY,EAAuB,CAC1C,GAAI,CAAC,EAAM,MAAO,GAClB,IAAM,EAAQ,EAAK,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,EAGrD,OAFI,EAAM,SAAW,EAAU,GAC3B,EAAM,SAAW,EAAU,EAAM,EAAE,CAAC,MAAM,EAAG,CAAC,CAAC,CAAC,YAAY,GACxD,EAAM,EAAE,CAAC,GAAK,EAAM,EAAM,OAAS,EAAE,CAAC,GAAA,CAAI,YAAY,CAChE,CAEA,SAAS,EAAO,CACd,MACA,MACA,OACA,OAAO,EACP,UACA,SACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACyB,CAC5B,GAAM,CAAC,EAAU,GAAe,EAAS,EAAK,EACxC,CAAC,EAAS,GAAc,EAAS,CAAG,EAEtC,IAAQ,IACV,EAAW,CAAG,EACd,EAAY,EAAK,GAGnB,IAAM,EAAW,EAAY,CAAI,EAG3B,EAFc,GAAO,CAAC,EAG1B,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAY,KAAK,EACnD,MAAO,GAAY,MACd,MACL,IAAK,GAAO,GAAQ,GACpB,YAAe,EAAY,EAAI,CAChC,CAAA,EAED,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,eAAgB,GAAY,QAAQ,EAAG,MAAO,GAAY,SAClF,SAAA,IAAY,GAAY,EAAW,CAAI,EACpC,CAAA,EAWR,OARK,EASH,EAAC,EAAD,CACE,GAAI,EACJ,IAAA,GACA,SAAU,EAAc,YACxB,UAAW,EAAa,GACb,YACJ,QACP,WAAY,CAAE,MAAO,EAAG,EAAO,kBAAmB,GAAY,MAAM,CAAE,EACtE,OAAQ,CAAE,MAAO,GAAY,MAAO,EAEpC,SAAA,EAAC,OAAD,CAAM,UAAW,EAAO,OAAS,SAAA,CAAe,CAAA,CAC3C,CAAA,EAlBL,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,OAAQ,CAAS,EAAU,QAC7D,SAAA,CACG,CAAA,CAkBZ"}

package/dist/esm/common/avatar/avatar.module.mjs

@@ -1,2 +1,2 @@
-var e={avatar:`avatar_lCAOD`,"avatar-image":`avatar-image_RMyzx`,avatarImage:`avatar-image_RMyzx`,"avatar-fallback":`avatar-fallback_RaZB6`,avatarFallback:`avatar-fallback_RaZB6`,"avatar-status-badge":`avatar-status-badge_eKMvH`,avatarStatusBadge:`avatar-status-badge_eKMvH`,avatarGroup:`avatarGroup_xkRyd`,"avatarGroup-item":`avatarGroup-item_8DIPO`,avatarGroupItem:`avatarGroup-item_8DIPO`};export{e as default};
+var e=`avatar_lCAOD`,t=`avatar-image_RMyzx`,n=`avatar-fallback_RaZB6`,r=`avatar-status-badge_eKMvH`,i=`avatarGroup_xkRyd`,a=`avatarGroup-item_8DIPO`,o={avatar:e,"avatar-image":`avatar-image_RMyzx`,avatarImage:t,"avatar-fallback":`avatar-fallback_RaZB6`,avatarFallback:n,"avatar-status-badge":`avatar-status-badge_eKMvH`,avatarStatusBadge:r,avatarGroup:i,"avatarGroup-item":`avatarGroup-item_8DIPO`,avatarGroupItem:a};export{e as avatar,n as avatarFallback,i as avatarGroup,a as avatarGroupItem,t as avatarImage,r as avatarStatusBadge,o as default};
 //# sourceMappingURL=avatar.module.mjs.map

package/dist/esm/common/avatar/avatar.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.module.mjs","names":[],"sources":["../../../../package/common/avatar/avatar.module.pcss"],"sourcesContent":[".avatar {\n  --avatar-size: 2.5em;\n  --custom-avatar-radius: var(--avatar-radius, var(--default-border-radius));\n  display: inline-flex;\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  vertical-align: middle;\n\n  &-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: var(--custom-avatar-radius);\n  }\n\n  &-fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--custom-avatar-radius);\n    background: var(--background-accent);\n    color: var(--text-dark);\n    font-size: calc(var(--avatar-size) * 0.4);\n    font-weight: 600;\n    user-select: none;\n    text-transform: uppercase;\n  }\n\n  &-status-badge {\n    border: 2px solid var(--background);\n    box-sizing: border-box;\n  }\n}\n\n.avatarGroup {\n  display: inline-flex;\n  align-items: center;\n\n  &-item {\n    display: inline-flex;\n    border-radius: calc(var(--avatar-radius, var(--default-border-radius)) + 3px);\n    border: 2px solid var(--background);\n    box-sizing: content-box;\n    margin-left: -0.5em;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"avatar.module.mjs","names":[],"sources":["../../../../package/common/avatar/avatar.module.pcss"],"sourcesContent":[".avatar {\n  --avatar-size: 2.5em;\n  --custom-avatar-radius: var(--avatar-radius, var(--default-border-radius));\n\n  display: inline-flex;\n  width: var(--avatar-size);\n  height: var(--avatar-size);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  vertical-align: middle;\n\n  &-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: var(--custom-avatar-radius);\n  }\n\n  &-fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    border-radius: var(--custom-avatar-radius);\n    background: var(--background-accent);\n    color: var(--text-dark);\n    font-size: calc(var(--avatar-size) * 0.4);\n    font-weight: 600;\n    user-select: none;\n    text-transform: uppercase;\n  }\n\n  &-status-badge {\n    border: 2px solid var(--background);\n    box-sizing: border-box;\n  }\n}\n\n.avatarGroup {\n  display: inline-flex;\n  align-items: center;\n\n  &-item {\n    display: inline-flex;\n    border-radius: calc(var(--avatar-radius, var(--default-border-radius)) + 3px);\n    border: 2px solid var(--background);\n    box-sizing: content-box;\n    margin-left: -0.5em;\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/common/avatar/avatarGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.mjs","names":[],"sources":["../../../../package/common/avatar/avatarGroup.tsx"],"sourcesContent":["import { Children, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport Avatar from './avatar';\nimport type { AvatarGroupProps } from './avatar.types';\nimport styles from './avatar.module.pcss';\n\nfunction AvatarGroup({\n  children,\n  max,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AvatarGroupProps): ReactElement {\n  const items = Children.toArray(children);\n  const visible = max != null ? items.slice(0, max) : items;\n  const overflow = max != null ? items.length - max : 0;\n\n  return (\n    <span {...rest} className={cx(styles.avatarGroup, className)} style={style}>\n      {visible.map((child, index) => (\n        <span\n          key={index}\n          className={cx(styles.avatarGroupItem, classNames?.item)}\n          style={slotStyles?.item}\n        >\n          {child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span\n          className={cx(styles.avatarGroupItem, classNames?.overflow)}\n          style={slotStyles?.overflow}\n        >\n          <Avatar content={`+${overflow}`} />\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport default AvatarGroup;\n"],"mappings":"4KAOA,SAAS,EAAY,CACnB,WACA,MACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GAC8B,CACjC,IAAM,EAAQ,EAAS,QAAQ,CAAQ,EACjC,EAAU,GAAO,KAA6B,EAAtB,EAAM,MAAM,EAAG,CAAG,EAC1C,EAAW,GAAO,KAA4B,EAArB,EAAM,OAAS,EAE9C,OACE,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,YAAa,CAAS,EAAU,iBAArE,CACG,EAAQ,KAAK,EAAO,IACnB,EAAC,OAAD,CAEE,UAAW,EAAG,EAAO,gBAAiB,GAAY,IAAI,EACtD,MAAO,GAAY,cAElB,CACG,EALC,CAKD,CACP,EACA,EAAW,GACV,EAAC,OAAD,CACE,UAAW,EAAG,EAAO,gBAAiB,GAAY,QAAQ,EAC1D,MAAO,GAAY,kBAEnB,EAAC,EAAD,CAAQ,QAAS,IAAI,GAAa,CAAA,CAC9B,CAAA,CAEJ,GAEV"}
+{"version":3,"file":"avatarGroup.mjs","names":[],"sources":["../../../../package/common/avatar/avatarGroup.tsx"],"sourcesContent":["import { Children, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport Avatar from './avatar';\nimport type { AvatarGroupProps } from './avatar.types';\nimport styles from './avatar.module.pcss';\n\nfunction AvatarGroup({\n  children,\n  max,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: AvatarGroupProps): ReactElement {\n  const items = Children.toArray(children);\n  const visible = max != null ? items.slice(0, max) : items;\n  const overflow = max != null ? items.length - max : 0;\n\n  return (\n    <span {...rest} className={cx(styles.avatarGroup, className)} style={style}>\n      {visible.map((child, index) => (\n        <span key={index} className={cx(styles.avatarGroupItem, classNames?.item)} style={slotStyles?.item}>\n          {child}\n        </span>\n      ))}\n      {overflow > 0 && (\n        <span className={cx(styles.avatarGroupItem, classNames?.overflow)} style={slotStyles?.overflow}>\n          <Avatar content={`+${overflow}`} />\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport default AvatarGroup;\n"],"mappings":"4KAOA,SAAS,EAAY,CACnB,WACA,MACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GAC8B,CACjC,IAAM,EAAQ,EAAS,QAAQ,CAAQ,EACjC,EAAU,GAAO,KAA6B,EAAtB,EAAM,MAAM,EAAG,CAAG,EAC1C,EAAW,GAAO,KAA4B,EAArB,EAAM,OAAS,EAE9C,OACE,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,YAAa,CAAS,EAAU,QAArE,SAAA,CACG,EAAQ,KAAK,EAAO,IACnB,EAAC,OAAD,CAAkB,UAAW,EAAG,EAAO,gBAAiB,GAAY,IAAI,EAAG,MAAO,GAAY,KAC3F,SAAA,CACG,EAFK,CAEL,CACP,EACA,EAAW,GACV,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,gBAAiB,GAAY,QAAQ,EAAG,MAAO,GAAY,SACpF,SAAA,EAAC,EAAD,CAAQ,QAAS,IAAI,GAAa,CAAA,CAC9B,CAAA,CAEJ,GAEV"}

package/dist/esm/common/badge/badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../package/common/badge/badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { BadgeStyleType, BadgePosition } from './badge.types';\nimport type { BadgeProps } from './badge.types';\nimport styles from './badge.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_STYLE: Record<BadgeStyleType, string> = {\n  [BadgeStyleType.Default]: styles.badgeStyleDefault,\n  [BadgeStyleType.Primary]: styles.badgeStylePrimary,\n  [BadgeStyleType.Success]: styles.badgeStyleSuccess,\n  [BadgeStyleType.Info]: styles.badgeStyleInfo,\n  [BadgeStyleType.Warn]: styles.badgeStyleWarn,\n  [BadgeStyleType.Error]: styles.badgeStyleError,\n};\n\nconst CLASS_BY_POSITION: Record<BadgePosition, string> = {\n  [BadgePosition.TopRight]: styles.badgePositionTopRight,\n  [BadgePosition.TopLeft]: styles.badgePositionTopLeft,\n  [BadgePosition.BottomRight]: styles.badgePositionBottomRight,\n  [BadgePosition.BottomLeft]: styles.badgePositionBottomLeft,\n};\n\nfunction Badge(props: BadgeProps): ReactElement {\n  const {\n  count,\n  max = 99,\n  content,\n  dot = false,\n  showZero = false,\n  styleType = BadgeStyleType.Primary,\n  position = BadgePosition.TopRight,\n  children = null,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('Badge', props);\n  const hasCount = typeof count === 'number';\n  const hasContent = content != null;\n  const isHiddenByZero = !dot && !hasContent && hasCount && count === 0 && !showZero;\n  const showBadge = (dot || hasContent || hasCount) && !isHiddenByZero;\n\n  const displayValue = hasContent ? content : hasCount ? (count > max ? `${max}+` : count) : null;\n  const isOverlay = children != null;\n\n  return (\n    <span\n      {...rest}\n      className={cx(styles.wrapper, className)}\n      style={style}\n    >\n      {children}\n      {showBadge && (\n        <span\n          className={cx(\n            styles.badge,\n            CLASS_BY_STYLE[styleType],\n            dot && styles.badgeDot,\n            isOverlay && styles.badgeOverlay,\n            isOverlay && CLASS_BY_POSITION[position],\n            classNames?.badge\n          )}\n          style={slotStyles?.badge}\n        >\n          {!dot && displayValue}\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport default Badge;\n"],"mappings":"sQAQA,IAAM,EAAiD,EACpD,EAAe,SAAU,EAAO,mBAChC,EAAe,SAAU,EAAO,mBAChC,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,MAAO,EAAO,gBAC7B,EAAe,OAAQ,EAAO,eACjC,EAEM,EAAmD,EACtD,EAAc,UAAW,EAAO,uBAChC,EAAc,SAAU,EAAO,sBAC/B,EAAc,aAAc,EAAO,0BACnC,EAAc,YAAa,EAAO,uBACrC,EAEA,SAAS,EAAM,EAAiC,CAC9C,GAAM,CACN,QACA,MAAM,GACN,UACA,MAAM,GACN,WAAW,GACX,YAAY,EAAe,QAC3B,WAAW,EAAc,SACzB,WAAW,KACX,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,QAAS,CAAK,EACjC,EAAW,OAAO,GAAU,SAC5B,EAAa,GAAW,KAExB,GAAa,GAAO,GAAc,IAAa,EAD9B,CAAC,GAAO,CAAC,GAAc,GAAY,IAAU,GAAK,CAAC,GAGpE,EAAe,EAAa,EAAU,EAAY,EAAQ,EAAM,GAAG,EAAI,GAAK,EAAS,KACrF,EAAY,GAAY,KAE9B,OACE,EAAC,OAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,QAAS,CAAS,EAChC,iBAHT,CAKG,EACA,GACC,EAAC,OAAD,CACE,UAAW,EACT,EAAO,MACP,EAAe,GACf,GAAO,EAAO,SACd,GAAa,EAAO,aACpB,GAAa,EAAkB,GAC/B,GAAY,KACd,EACA,MAAO,GAAY,eAElB,CAAC,GAAO,CACL,CAAA,CAEJ,GAEV"}
+{"version":3,"file":"badge.mjs","names":[],"sources":["../../../../package/common/badge/badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { BadgeStyleType, BadgePosition } from './badge.types';\nimport type { BadgeProps } from './badge.types';\nimport styles from './badge.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_STYLE: Record<BadgeStyleType, string> = {\n  [BadgeStyleType.Default]: styles.badgeStyleDefault,\n  [BadgeStyleType.Primary]: styles.badgeStylePrimary,\n  [BadgeStyleType.Success]: styles.badgeStyleSuccess,\n  [BadgeStyleType.Info]: styles.badgeStyleInfo,\n  [BadgeStyleType.Warn]: styles.badgeStyleWarn,\n  [BadgeStyleType.Error]: styles.badgeStyleError,\n};\n\nconst CLASS_BY_POSITION: Record<BadgePosition, string> = {\n  [BadgePosition.TopRight]: styles.badgePositionTopRight,\n  [BadgePosition.TopLeft]: styles.badgePositionTopLeft,\n  [BadgePosition.BottomRight]: styles.badgePositionBottomRight,\n  [BadgePosition.BottomLeft]: styles.badgePositionBottomLeft,\n};\n\nfunction Badge(props: BadgeProps): ReactElement {\n  const {\n    count,\n    max = 99,\n    content,\n    dot = false,\n    showZero = false,\n    styleType = BadgeStyleType.Primary,\n    position = BadgePosition.TopRight,\n    children = null,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Badge', props);\n  const hasCount = typeof count === 'number';\n  const hasContent = content != null;\n  const isHiddenByZero = !dot && !hasContent && hasCount && count === 0 && !showZero;\n  const showBadge = (dot || hasContent || hasCount) && !isHiddenByZero;\n\n  const displayValue = hasContent ? content : hasCount ? (count > max ? `${max}+` : count) : null;\n  const isOverlay = children != null;\n\n  return (\n    <span {...rest} className={cx(styles.wrapper, className)} style={style}>\n      {children}\n      {showBadge && (\n        <span\n          className={cx(\n            styles.badge,\n            CLASS_BY_STYLE[styleType],\n            dot && styles.badgeDot,\n            isOverlay && styles.badgeOverlay,\n            isOverlay && CLASS_BY_POSITION[position],\n            classNames?.badge,\n          )}\n          style={slotStyles?.badge}\n        >\n          {!dot && displayValue}\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport default Badge;\n"],"mappings":"sQAQA,IAAM,EAAiD,EACpD,EAAe,SAAU,EAAO,mBAChC,EAAe,SAAU,EAAO,mBAChC,EAAe,SAAU,EAAO,mBAChC,EAAe,MAAO,EAAO,gBAC7B,EAAe,MAAO,EAAO,gBAC7B,EAAe,OAAQ,EAAO,eACjC,EAEM,EAAmD,EACtD,EAAc,UAAW,EAAO,uBAChC,EAAc,SAAU,EAAO,sBAC/B,EAAc,aAAc,EAAO,0BACnC,EAAc,YAAa,EAAO,uBACrC,EAEA,SAAS,EAAM,EAAiC,CAC9C,GAAM,CACJ,QACA,MAAM,GACN,UACA,MAAM,GACN,WAAW,GACX,YAAY,EAAe,QAC3B,WAAW,EAAc,SACzB,WAAW,KACX,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,QAAS,CAAK,EACjC,EAAW,OAAO,GAAU,SAC5B,EAAa,GAAW,KAExB,GAAa,GAAO,GAAc,IAAa,EAD9B,CAAC,GAAO,CAAC,GAAc,GAAY,IAAU,GAAK,CAAC,GAGpE,EAAe,EAAa,EAAU,EAAY,EAAQ,EAAM,GAAG,EAAI,GAAK,EAAS,KACrF,EAAY,GAAY,KAE9B,OACE,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,QAAS,CAAS,EAAU,QAAjE,SAAA,CACG,EACA,GACC,EAAC,OAAD,CACE,UAAW,EACT,EAAO,MACP,EAAe,GACf,GAAO,EAAO,SACd,GAAa,EAAO,aACpB,GAAa,EAAkB,GAC/B,GAAY,KACd,EACA,MAAO,GAAY,MAElB,SAAA,CAAC,GAAO,CACL,CAAA,CAEJ,GAEV"}

package/dist/esm/common/badge/badge.module.mjs

@@ -1,2 +1,2 @@
-var e={wrapper:`wrapper_bcGTc`,badge:`badge_mj0fB`,"badge-dot":`badge-dot_TFLNc`,badgeDot:`badge-dot_TFLNc`,"badge-position-top-right":`badge-position-top-right_ZqWIX`,badgePositionTopRight:`badge-position-top-right_ZqWIX`,"badge-position-top-left":`badge-position-top-left_c-tJc`,badgePositionTopLeft:`badge-position-top-left_c-tJc`,"badge-position-bottom-right":`badge-position-bottom-right_7JuZ-`,badgePositionBottomRight:`badge-position-bottom-right_7JuZ-`,"badge-position-bottom-left":`badge-position-bottom-left_nsuJP`,badgePositionBottomLeft:`badge-position-bottom-left_nsuJP`,"badge-overlay":`badge-overlay_Xs19S`,badgeOverlay:`badge-overlay_Xs19S`,"badge-style-default":`badge-style-default_E32XE`,badgeStyleDefault:`badge-style-default_E32XE`,"badge-style-primary":`badge-style-primary_x1J3r`,badgeStylePrimary:`badge-style-primary_x1J3r`,"badge-style-success":`badge-style-success_LK3u0`,badgeStyleSuccess:`badge-style-success_LK3u0`,"badge-style-info":`badge-style-info_48nNP`,badgeStyleInfo:`badge-style-info_48nNP`,"badge-style-warn":`badge-style-warn_0PIRu`,badgeStyleWarn:`badge-style-warn_0PIRu`,"badge-style-error":`badge-style-error_5RoOd`,badgeStyleError:`badge-style-error_5RoOd`};export{e as default};
+var e=`wrapper_bcGTc`,t=`badge_mj0fB`,n=`badge-dot_TFLNc`,r=`badge-position-top-right_ZqWIX`,i=`badge-position-top-left_c-tJc`,a=`badge-position-bottom-right_7JuZ-`,o=`badge-position-bottom-left_nsuJP`,s=`badge-overlay_Xs19S`,c=`badge-style-default_E32XE`,l=`badge-style-primary_x1J3r`,u=`badge-style-success_LK3u0`,d=`badge-style-info_48nNP`,f=`badge-style-warn_0PIRu`,p=`badge-style-error_5RoOd`,m={wrapper:e,badge:t,"badge-dot":`badge-dot_TFLNc`,badgeDot:n,"badge-position-top-right":`badge-position-top-right_ZqWIX`,badgePositionTopRight:r,"badge-position-top-left":`badge-position-top-left_c-tJc`,badgePositionTopLeft:i,"badge-position-bottom-right":`badge-position-bottom-right_7JuZ-`,badgePositionBottomRight:a,"badge-position-bottom-left":`badge-position-bottom-left_nsuJP`,badgePositionBottomLeft:o,"badge-overlay":`badge-overlay_Xs19S`,badgeOverlay:s,"badge-style-default":`badge-style-default_E32XE`,badgeStyleDefault:c,"badge-style-primary":`badge-style-primary_x1J3r`,badgeStylePrimary:l,"badge-style-success":`badge-style-success_LK3u0`,badgeStyleSuccess:u,"badge-style-info":`badge-style-info_48nNP`,badgeStyleInfo:d,"badge-style-warn":`badge-style-warn_0PIRu`,badgeStyleWarn:f,"badge-style-error":`badge-style-error_5RoOd`,badgeStyleError:p};export{t as badge,n as badgeDot,s as badgeOverlay,o as badgePositionBottomLeft,a as badgePositionBottomRight,i as badgePositionTopLeft,r as badgePositionTopRight,c as badgeStyleDefault,p as badgeStyleError,d as badgeStyleInfo,l as badgeStylePrimary,u as badgeStyleSuccess,f as badgeStyleWarn,m as default,e as wrapper};
 //# sourceMappingURL=badge.module.mjs.map

package/dist/esm/common/badge/badge.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.module.mjs","names":[],"sources":["../../../../package/common/badge/badge.module.pcss"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  isolation: isolate;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  min-width: 1.5em;\n  height: 1.5em;\n  padding: 0 0.375em;\n  border-radius: var(--default-border-radius);\n  font-size: 0.75em;\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  background: var(--badge-bg);\n  color: var(--badge-fg);\n\n  &-dot {\n    min-width: 0.8em;\n    width: 0.8em;\n    height: 0.8em;\n    padding: 0;\n    border-radius: 100%;\n    background: var(--badge-solid);\n\n    &.badge-position-top-right {\n      transform: translate(20%, -20%);\n    }\n\n    &.badge-position-top-left {\n      transform: translate(-20%, -20%);\n    }\n\n    &.badge-position-bottom-right {\n      transform: translate(20%, 20%);\n    }\n\n    &.badge-position-bottom-left {\n      transform: translate(-20%, 20%);\n    }\n  }\n\n  &-overlay {\n    position: absolute;\n    z-index: 1;\n  }\n\n  &-position {\n    &-top-right {\n      top: 0;\n      right: 0;\n      transform: translate(50%, -50%);\n    }\n\n    &-top-left {\n      top: 0;\n      left: 0;\n      transform: translate(-50%, -50%);\n    }\n\n    &-bottom-right {\n      bottom: 0;\n      right: 0;\n      transform: translate(50%, 50%);\n    }\n\n    &-bottom-left {\n      bottom: 0;\n      left: 0;\n      transform: translate(-50%, 50%);\n    }\n  }\n\n  &-style {\n    &-default {\n      --badge-bg: rgba(0, 0, 0, 0.08);\n      --badge-fg: var(--text-color);\n      --badge-solid: var(--text-dark);\n    }\n\n    &-primary {\n      --badge-bg: var(--primary-color);\n      --badge-fg: var(--text-on-primary);\n      --badge-solid: var(--primary-color);\n    }\n\n    &-success {\n      --badge-bg: var(--success-lighter);\n      --badge-fg: var(--success-color);\n      --badge-solid: var(--success-color);\n    }\n\n    &-info {\n      --badge-bg: var(--info-lighter);\n      --badge-fg: var(--info-color);\n      --badge-solid: var(--info-color);\n    }\n\n    &-warn {\n      --badge-bg: var(--warn-lighter);\n      --badge-fg: var(--warn-color);\n      --badge-solid: var(--warn-color);\n    }\n\n    &-error {\n      --badge-bg: var(--error-lighter);\n      --badge-fg: var(--error-color);\n      --badge-solid: var(--error-color);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"badge.module.mjs","names":[],"sources":["../../../../package/common/badge/badge.module.pcss"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  isolation: isolate;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  min-width: 1.5em;\n  height: 1.5em;\n  padding: 0 0.375em;\n  border-radius: var(--default-border-radius);\n  font-size: 0.75em;\n  font-weight: 600;\n  line-height: 1;\n  white-space: nowrap;\n  background: var(--badge-bg);\n  color: var(--badge-fg);\n\n  &-dot {\n    min-width: 0.8em;\n    width: 0.8em;\n    height: 0.8em;\n    padding: 0;\n    border-radius: 100%;\n    background: var(--badge-solid);\n\n    &.badge-position-top-right {\n      transform: translate(20%, -20%);\n    }\n\n    &.badge-position-top-left {\n      transform: translate(-20%, -20%);\n    }\n\n    &.badge-position-bottom-right {\n      transform: translate(20%, 20%);\n    }\n\n    &.badge-position-bottom-left {\n      transform: translate(-20%, 20%);\n    }\n  }\n\n  &-overlay {\n    position: absolute;\n    z-index: 1;\n  }\n\n  &-position {\n    &-top-right {\n      top: 0;\n      right: 0;\n      transform: translate(50%, -50%);\n    }\n\n    &-top-left {\n      top: 0;\n      left: 0;\n      transform: translate(-50%, -50%);\n    }\n\n    &-bottom-right {\n      bottom: 0;\n      right: 0;\n      transform: translate(50%, 50%);\n    }\n\n    &-bottom-left {\n      bottom: 0;\n      left: 0;\n      transform: translate(-50%, 50%);\n    }\n  }\n\n  &-style {\n    &-default {\n      --badge-bg: rgb(0 0 0 / 8%);\n      --badge-fg: var(--text-color);\n      --badge-solid: var(--text-dark);\n    }\n\n    &-primary {\n      --badge-bg: var(--primary-color);\n      --badge-fg: var(--text-on-primary);\n      --badge-solid: var(--primary-color);\n    }\n\n    &-success {\n      --badge-bg: var(--success-lighter);\n      --badge-fg: var(--success-color);\n      --badge-solid: var(--success-color);\n    }\n\n    &-info {\n      --badge-bg: var(--info-lighter);\n      --badge-fg: var(--info-color);\n      --badge-solid: var(--info-color);\n    }\n\n    &-warn {\n      --badge-bg: var(--warn-lighter);\n      --badge-fg: var(--warn-color);\n      --badge-solid: var(--warn-color);\n    }\n\n    &-error {\n      --badge-bg: var(--error-lighter);\n      --badge-fg: var(--error-color);\n      --badge-solid: var(--error-color);\n    }\n  }\n}\n"],"mappings":""}