@sats-group/ui-lib 89.0.2 → 89.1.0

package/react/context-menu/context-menu.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/context-menu/context-menu.tsx"],
+  "sources": ["../../../library/react/context-menu/context-menu.tsx"],
   "sourcesContent": ["'use client';\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport Close from '../icons/18/close';\nimport HiddenInput from '../hidden-input';\nimport focusPreviousElement from '../hooks/focus-previous-element';\nimport TabTrapper from '../modal/tab-trapper';\nimport useClickOutside from '../hooks/use-click-outside';\nimport useEscape from '../hooks/use-escape';\nimport Button from '../button';\nimport Text from '../text';\nimport debounce from '../ts/debounce';\n\nimport {\n  ContextMenu as Props,\n  Types,\n  itemThemes,\n  positions,\n} from './context-menu.types';\n\nconst ContextMenu: React.FunctionComponent<Props> & {\n  position: typeof positions;\n  itemTheme: typeof itemThemes;\n} = ({\n  list,\n  isOpen,\n  onClose = () => {},\n  position = positions.right,\n  title,\n  close,\n  descriptions,\n  smallDescription,\n}) => {\n  const modal = useRef<HTMLDivElement>(null);\n  const [windowSize, setWindowSize] = useState<number>();\n  useClickOutside(modal, onClose);\n  useEscape(onClose);\n\n  focusPreviousElement(modal, isOpen);\n\n  useEffect(() => {\n    if (!windowSize) setWindowSize(window.innerWidth);\n    const handleWindowResize = () => {\n      setWindowSize(window.innerWidth);\n    };\n    window.addEventListener('resize', debounce(handleWindowResize, 2000));\n\n    return () => window.addEventListener('resize', handleWindowResize);\n  });\n\n  const component = (\n    <div\n      className={classNames('context-menu', {\n        [`context-menu--${position}`]: position,\n      })}\n      ref={modal}\n      tabIndex={-1}\n    >\n      <div\n        className={classNames('context-menu__texts-wrapper', {\n          'context-menu__texts-wrapper--center': !descriptions?.length,\n        })}\n      >\n        <div className=\"context-menu__texts\">\n          <Text theme={Text.themes.emphasis} size={Text.sizes.small}>\n            {title}\n          </Text>\n\n          {descriptions\n            ? descriptions.map(description => (\n                <Text\n                  size={Text.sizes.small}\n                  className=\"context-menu__texts-description\"\n                  key={description}\n                >\n                  {description}\n                </Text>\n              ))\n            : null}\n          {smallDescription ? (\n            <Text\n              size={Text.sizes.interface}\n              className=\"context-menu__texts-description\"\n              key={smallDescription}\n            >\n              {smallDescription}\n            </Text>\n          ) : null}\n        </div>\n        <div>\n          <Button\n            {...close}\n            iconOnly\n            leadingIcon={<Close />}\n            onClick={onClose}\n            size={Button.sizes.small}\n            variant={Button.variants.tertiary}\n          />\n        </div>\n      </div>\n      <div className=\"context-menu__list-items\">\n        {list.map(({ icon, item }, index) => (\n          <div key={item.props.text + index}>\n            {item.type === Types.Link ? (\n              <a\n                href={item.props.href}\n                className={classNames('context-menu__list-item-link', {\n                  [`context-menu__list-item-link--theme-${item.props.theme}`]:\n                    item.props.theme,\n                })}\n                data-testid={item.props.testId}\n              >\n                {icon ? (\n                  <div\n                    className={classNames('context-menu__list-icon', {\n                      [`context-menu__list-icon--theme-${item.props.theme}`]:\n                        item.props.theme,\n                    })}\n                  >\n                    {icon}\n                  </div>\n                ) : null}\n                <Text>{item.props.text}</Text>\n              </a>\n            ) : item.type === Types.Form ? (\n              <form\n                onSubmit={item.props.handleSubmit}\n                action={item.props.action}\n                method=\"POST\"\n                className={classNames('context-menu__list-item-form', {\n                  [`context-menu__list-item-form--theme-${item.props.theme}`]:\n                    item.props.theme,\n                })}\n              >\n                <button\n                  type=\"submit\"\n                  className={classNames('context-menu__list-item-form-button', {\n                    [`context-menu__list-item-form-button--theme-${item.props.theme}`]:\n                      item.props.theme,\n                  })}\n                  data-testid={item.props.testId}\n                >\n                  {icon ? (\n                    <div\n                      className={classNames('context-menu__list-icon', {\n                        [`context-menu__list-icon--theme-${item.props.theme}`]:\n                          item.props.theme,\n                      })}\n                    >\n                      {icon}\n                    </div>\n                  ) : null}\n                  <Text>{item.props.text}</Text>\n                </button>\n                {item.props.hiddenInputs\n                  ? item.props.hiddenInputs.map((input, index) => (\n                      <HiddenInput key={input.name + index} {...input} />\n                    ))\n                  : null}\n              </form>\n            ) : item.type === Types.Button ? (\n              <button\n                className={classNames('context-menu__list-item-button', {\n                  [`context-menu__list-item-button--theme-${item.props.theme}`]:\n                    item.props.theme,\n                })}\n                {...item.props}\n              >\n                {icon ? (\n                  <div\n                    className={classNames('context-menu__list-icon', {\n                      [`context-menu__list-icon--theme-${item.props.theme}`]:\n                        item.props.theme,\n                    })}\n                  >\n                    {icon}\n                  </div>\n                ) : null}\n                <Text>{item.props.text}</Text>\n              </button>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n  return isOpen ? (\n    <>\n      <div className=\"context-menu__background-overlay\"></div>\n      {windowSize && windowSize < 600 ? ( // 600 is the breakpoint for the component.\n        <TabTrapper isActive={isOpen}>{component}</TabTrapper>\n      ) : (\n        <div>{component}</div>\n      )}\n    </>\n  ) : null;\n};\n\nContextMenu.position = positions;\nContextMenu.itemTheme = itemThemes;\nexport default ContextMenu;\n"],
   "mappings": "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",
   "names": ["React", "useEffect", "useRef", "useState", "classNames", "Close", "HiddenInput", "focusPreviousElement", "TabTrapper", "useClickOutside", "useEscape", "Button", "Text", "debounce", "Types", "itemThemes", "positions", "ContextMenu", "list", "isOpen", "onClose", "position", "title", "close", "descriptions", "smallDescription", "modal", "windowSize", "setWindowSize", "handleWindowResize", "component", "description", "__spreadProps", "__spreadValues", "icon", "item", "index", "input", "context_menu_default"]

package/react/context-menu/context-menu.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/context-menu/context-menu.types.ts"],
+  "sources": ["../../../library/react/context-menu/context-menu.types.ts"],
   "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Button } from '../button/button.types';\nimport type { HiddenInput } from '../hidden-input/hidden-input.types';\nimport type { ButtonHtmlProps, ObjectValues } from '../types';\n\nexport const positions = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\n  left: 'left',\n  topLeft: 'top-left',\n  topRight: 'top-right',\n  bottomRight: 'bottom-right',\n  bottomLeft: 'bottom-left',\n} as const;\n\nexport enum Types {\n  Button = 'Button',\n  Form = 'Form',\n  Link = 'Link',\n}\n\nexport const itemThemes = {\n  destructive: 'destructive',\n} as const;\n\ntype CommonProps = {\n  theme?: ObjectValues<typeof itemThemes>;\n};\n\ntype LinkMenuItem = {\n  type: Types.Link;\n  props: {\n    href: string;\n    text: string;\n    testId?: string;\n  } & CommonProps;\n};\n\ntype FormMenuItem = {\n  type: Types.Form;\n  props: {\n    text: string;\n    action: string;\n    handleSubmit?: () => void;\n    hiddenInputs?: HiddenInput[];\n    testId?: string;\n  } & CommonProps;\n};\n\ntype ButtonMenuitem = {\n  type: Types.Button;\n  props: { text: string } & ButtonHtmlProps & CommonProps;\n};\n\ntype MenuItem = {\n  icon?: ReactNode;\n  item: LinkMenuItem | FormMenuItem | ButtonMenuitem;\n};\n\nexport type ContextMenu = {\n  isOpen?: boolean;\n  onClose?: () => void;\n  list: MenuItem[];\n  position?: ObjectValues<typeof positions>;\n  close: Button;\n  title: string;\n  descriptions?: string[];\n  smallDescription?: string;\n};\n"],
   "mappings": "AAMO,MAAMA,EAAY,CACvB,IAAK,MACL,MAAO,QACP,OAAQ,SACR,KAAM,OACN,QAAS,WACT,SAAU,YACV,YAAa,eACb,WAAY,aACd,EAEO,IAAKC,OACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,KAAO,OAHGA,OAAA,IAML,MAAMC,EAAa,CACxB,YAAa,aACf",
   "names": ["positions", "Types", "itemThemes"]

package/react/context-menu/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/context-menu/index.ts"],
+  "sources": ["../../../library/react/context-menu/index.ts"],
   "sourcesContent": ["import ContextMenu from './context-menu';\nexport default ContextMenu;\n"],
   "mappings": "AAAA,OAAOA,MAAiB,iBACxB,IAAOC,EAAQD",
   "names": ["ContextMenu", "context_menu_default"]

package/react/cropped-image/cropped-image.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/cropped-image/cropped-image.tsx"],
+  "sources": ["../../../library/react/cropped-image/cropped-image.tsx"],
   "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport {\n  aspectRatios,\n  loadings,\n  CroppedImage as Props,\n} from './cropped-image.types';\n\nconst CroppedImage: React.FunctionComponent<Props> & {\n  aspectRatios: typeof aspectRatios;\n  loadings: typeof loadings;\n} = ({\n  alt,\n  aspectRatio = aspectRatios.sixteenNine,\n  className,\n  loading = loadings.lazy,\n  src,\n  srcQuery = '',\n  ...rest\n}) => (\n  <div className={cn('cropped-image', aspectRatio, className)}>\n    <img\n      className=\"cropped-image__element\"\n      alt={alt}\n      loading={loading}\n      src={`${src}${srcQuery}`}\n      {...rest}\n    />\n  </div>\n);\n\nCroppedImage.aspectRatios = aspectRatios;\nCroppedImage.loadings = loadings;\n\nexport default CroppedImage;\n"],
   "mappings": "2fAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OACE,gBAAAC,EACA,YAAAC,MAEK,wBAEP,MAAMC,EAGDC,GAQF,CARE,IAAAC,EAAAD,EACH,KAAAE,EACA,YAAAC,EAAcN,EAAa,YAC3B,UAAAO,EACA,QAAAC,EAAUP,EAAS,KACnB,IAAAQ,EACA,SAAAC,EAAW,EAlBb,EAYKN,EAOAO,EAAAC,EAPAR,EAOA,CANH,MACA,cACA,YACA,UACA,MACA,aAGA,OAAAL,EAAA,cAAC,OAAI,UAAWD,EAAG,gBAAiBQ,EAAaC,CAAS,GACxDR,EAAA,cAAC,MAAAc,EAAA,CACC,UAAU,yBACV,IAAKR,EACL,QAASG,EACT,IAAK,GAAGC,CAAG,GAAGC,CAAQ,IAClBC,EACN,CACF,GAGFT,EAAa,aAAeF,EAC5BE,EAAa,SAAWD,EAExB,IAAOa,EAAQZ",
   "names": ["cn", "React", "aspectRatios", "loadings", "CroppedImage", "_a", "_b", "alt", "aspectRatio", "className", "loading", "src", "srcQuery", "rest", "__objRest", "__spreadValues", "cropped_image_default"]

package/react/cropped-image/cropped-image.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/cropped-image/cropped-image.types.ts"],
+  "sources": ["../../../library/react/cropped-image/cropped-image.types.ts"],
   "sourcesContent": ["import { ImageHtmlProps, ObjectValues } from '../types';\n\nexport const aspectRatios = {\n  square: 'cropped-image--square',\n  twoThree: 'cropped-image--2-3',\n  fourThree: 'cropped-image--4-3',\n  threeTwo: 'cropped-image--3-2',\n  threeFour: 'cropped-image--3-4',\n  nineSixteen: 'cropped-image--9-16',\n  nineEighteen: 'cropped-image--9-18',\n  sixteenNine: 'cropped-image--16-9',\n} as const;\n\nexport const loadings = {\n  eager: 'eager',\n  lazy: 'lazy',\n} as const;\n\nexport type CroppedImage = ImageHtmlProps & {\n  alt: string;\n  aspectRatio?: ObjectValues<typeof aspectRatios>;\n  className?: string;\n  loading?: ObjectValues<typeof loadings>;\n  src: string;\n  srcQuery?: string;\n};\n"],
   "mappings": "AAEO,MAAMA,EAAe,CAC1B,OAAQ,wBACR,SAAU,qBACV,UAAW,qBACX,SAAU,qBACV,UAAW,qBACX,YAAa,sBACb,aAAc,sBACd,YAAa,qBACf,EAEaC,EAAW,CACtB,MAAO,QACP,KAAM,MACR",
   "names": ["aspectRatios", "loadings"]

package/react/cropped-image/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/cropped-image/index.ts"],
+  "sources": ["../../../library/react/cropped-image/index.ts"],
   "sourcesContent": ["import CroppedImage from './cropped-image';\nexport default CroppedImage;\n"],
   "mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
   "names": ["CroppedImage", "cropped_image_default"]

package/react/div-button/div-button.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/div-button/div-button.tsx"],
+  "sources": ["../../../library/react/div-button/div-button.tsx"],
   "sourcesContent": ["import * as React from 'react';\n\nimport VisuallyButton from '../visually-button/visually-button';\n\nimport { DivButton as Props } from './div-button.types';\n\nconst DivButton: React.FunctionComponent<Props> & {\n  sizes: typeof VisuallyButton.sizes;\n  variants: typeof VisuallyButton.variants;\n} = props => <VisuallyButton elementName=\"div\" {...props} />;\n\nDivButton.sizes = VisuallyButton.sizes;\nDivButton.variants = VisuallyButton.variants;\n\nexport default DivButton;\n"],
   "mappings": "yVAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAoB,qCAI3B,MAAMC,EAGFC,GAASH,EAAA,cAACC,EAAAG,EAAA,CAAe,YAAY,OAAUD,EAAO,EAE1DD,EAAU,MAAQD,EAAe,MACjCC,EAAU,SAAWD,EAAe,SAEpC,IAAOI,EAAQH",
   "names": ["React", "VisuallyButton", "DivButton", "props", "__spreadValues", "div_button_default"]

package/react/div-button/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/div-button/index.ts"],
+  "sources": ["../../../library/react/div-button/index.ts"],
   "sourcesContent": ["import DivButton from './div-button';\nexport default DivButton;\n"],
   "mappings": "AAAA,OAAOA,MAAe,eACtB,IAAOC,EAAQD",
   "names": ["DivButton", "div_button_default"]

package/react/dropdown-list/dropdown-list.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/dropdown-list/dropdown-list.tsx"],
+  "sources": ["../../../library/react/dropdown-list/dropdown-list.tsx"],
   "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport FormContent from '../form-content';\n\nimport Text from '../text';\n\nimport { DropdownList as Props, themes } from './dropdown-list.types';\nimport ChevronUp from '../icons/24/arrow-up';\nimport ChevronDown from '../icons/24/arrow-down';\nimport useToggle from '../hooks/use-toggle';\nimport useClickOutside from '../hooks/use-click-outside';\nimport useEscape from '../hooks/use-escape';\nimport classNames from 'classnames';\n\nconst DropdownList: React.FC<React.PropsWithChildren<Props>> & {\n  themes: typeof themes;\n} = ({\n  description,\n  disabled,\n  formContentOptions,\n  label,\n  selectedOptions,\n  header,\n  theme = themes.light,\n}) => {\n  const modal = React.useRef(null);\n  const [isOpen, toggle, , close] = useToggle(false);\n\n  useClickOutside(modal, close);\n  useEscape(close);\n\n  return (\n    <div className=\"dropdown-list\">\n      <Text\n        theme={Text.themes.emphasis}\n        className={classNames(\n          'dropdown-list__label',\n          `dropdown-list__label--theme-${theme}`,\n          {\n            [`dropdown-list__label--theme-${theme}-disabled`]: disabled,\n          },\n        )}\n      >\n        {label}\n      </Text>\n      <div\n        className={classNames(\n          'dropdown-list__wrapper',\n          `dropdown-list__wrapper--theme-${theme}`,\n          {\n            [`dropdown-list__wrapper--theme-${theme}-disabled`]: disabled,\n            [`dropdown-list__wrapper--theme-${theme}-clicked`]: isOpen,\n          },\n        )}\n        ref={modal}\n      >\n        <div className=\"dropdown-list__buttons\">\n          <button\n            type=\"button\"\n            className={classNames(\n              'dropdown-list__button',\n              `dropdown-list__button--theme-${theme}`,\n              {\n                [`dropdown-list__button--theme-${theme}-disabled`]: disabled,\n                [`dropdown-list__button--theme-${theme}-clicked`]: isOpen,\n              },\n            )}\n            onClick={toggle}\n            disabled={disabled}\n            data-test-dropdown-button\n          >\n            <div className=\"dropdown-list__text-wrap\">\n              <Text theme={Text.themes.normal} size={Text.sizes.basic}>\n                {header}\n              </Text>\n\n              <Text size={Text.sizes.small}>\n                {selectedOptions ? (\n                  selectedOptions\n                ) : (\n                  <Text\n                    elementName=\"span\"\n                    size={Text.sizes.small}\n                    className={classNames(\n                      'dropdown-list__information',\n                      `dropdown-list__information--theme-${theme}`,\n                      {\n                        [`dropdown-list__information--theme-${theme}-disabled`]:\n                          disabled,\n                      },\n                    )}\n                  >\n                    {description}\n                  </Text>\n                )}\n              </Text>\n            </div>\n\n            <div className=\"dropdown-list__icon\">\n              {isOpen ? <ChevronUp /> : <ChevronDown />}\n            </div>\n          </button>\n        </div>\n        <FormContent\n          {...formContentOptions}\n          isOpen={isOpen}\n          close={close}\n          onSubmit={toggle}\n        />\n      </div>\n    </div>\n  );\n};\n\nDropdownList.themes = themes;\n\nexport default DropdownList;\n"],
   "mappings": "0bAEA,UAAYA,MAAW,QACvB,OAAOC,MAAiB,kBAExB,OAAOC,MAAU,UAEjB,OAAgC,UAAAC,MAAc,wBAC9C,OAAOC,MAAe,uBACtB,OAAOC,MAAiB,yBACxB,OAAOC,MAAe,sBACtB,OAAOC,MAAqB,6BAC5B,OAAOC,MAAe,sBACtB,OAAOC,MAAgB,aAEvB,MAAMC,EAEF,CAAC,CACH,YAAAC,EACA,SAAAC,EACA,mBAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,MAAAC,EAAQd,EAAO,KACjB,IAAM,CACJ,MAAMe,EAAQlB,EAAM,OAAO,IAAI,EACzB,CAACmB,EAAQC,EAAQ,CAAEC,CAAK,EAAIf,EAAU,EAAK,EAEjD,OAAAC,EAAgBW,EAAOG,CAAK,EAC5Bb,EAAUa,CAAK,EAGbrB,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACE,EAAA,CACC,MAAOA,EAAK,OAAO,SACnB,UAAWO,EACT,uBACA,+BAA+BQ,CAAK,GACpC,CACE,CAAC,+BAA+BA,CAAK,WAAW,EAAGL,CACrD,CACF,GAECE,CACH,EACAd,EAAA,cAAC,OACC,UAAWS,EACT,yBACA,iCAAiCQ,CAAK,GACtC,CACE,CAAC,iCAAiCA,CAAK,WAAW,EAAGL,EACrD,CAAC,iCAAiCK,CAAK,UAAU,EAAGE,CACtD,CACF,EACA,IAAKD,GAELlB,EAAA,cAAC,OAAI,UAAU,0BACbA,EAAA,cAAC,UACC,KAAK,SACL,UAAWS,EACT,wBACA,gCAAgCQ,CAAK,GACrC,CACE,CAAC,gCAAgCA,CAAK,WAAW,EAAGL,EACpD,CAAC,gCAAgCK,CAAK,UAAU,EAAGE,CACrD,CACF,EACA,QAASC,EACT,SAAUR,EACV,4BAAyB,IAEzBZ,EAAA,cAAC,OAAI,UAAU,4BACbA,EAAA,cAACE,EAAA,CAAK,MAAOA,EAAK,OAAO,OAAQ,KAAMA,EAAK,MAAM,OAC/Cc,CACH,EAEAhB,EAAA,cAACE,EAAA,CAAK,KAAMA,EAAK,MAAM,OACpBa,GAGCf,EAAA,cAACE,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,UAAWO,EACT,6BACA,qCAAqCQ,CAAK,GAC1C,CACE,CAAC,qCAAqCA,CAAK,WAAW,EACpDL,CACJ,CACF,GAECD,CACH,CAEJ,CACF,EAEAX,EAAA,cAAC,OAAI,UAAU,uBACHA,EAAA,cAATmB,EAAUf,EAAgBC,EAAhB,IAAU,CACvB,CACF,CACF,EACAL,EAAA,cAACC,EAAAqB,EAAAC,EAAA,GACKV,GADL,CAEC,OAAQM,EACR,MAAOE,EACP,SAAUD,GACZ,CACF,CACF,CAEJ,EAEAV,EAAa,OAASP,EAEtB,IAAOqB,EAAQd",
   "names": ["React", "FormContent", "Text", "themes", "ChevronUp", "ChevronDown", "useToggle", "useClickOutside", "useEscape", "classNames", "DropdownList", "description", "disabled", "formContentOptions", "label", "selectedOptions", "header", "theme", "modal", "isOpen", "toggle", "close", "__spreadProps", "__spreadValues", "dropdown_list_default"]

package/react/dropdown-list/dropdown-list.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/dropdown-list/dropdown-list.types.ts"],
+  "sources": ["../../../library/react/dropdown-list/dropdown-list.types.ts"],
   "sourcesContent": ["import type { FormContentDropdownList } from '../form-content/form-content.types';\nimport type { ObjectValues } from '../types';\n\nexport const themes = {\n  dark: 'dark',\n  light: 'light',\n} as const;\n\nexport type DropdownList = {\n  label?: string;\n  header: string;\n  description: string;\n  formContentOptions: FormContentDropdownList;\n  selectedOptions?: string;\n  disabled?: boolean;\n  theme?: ObjectValues<typeof themes>;\n};\n"],
   "mappings": "AAGO,MAAMA,EAAS,CACpB,KAAM,OACN,MAAO,OACT",
   "names": ["themes"]

package/react/dropdown-list/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/dropdown-list/index.ts"],
+  "sources": ["../../../library/react/dropdown-list/index.ts"],
   "sourcesContent": ["import DropdownList from './dropdown-list';\nexport default DropdownList;\n"],
   "mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
   "names": ["DropdownList", "dropdown_list_default"]

package/react/expander/expander.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/expander/expander.tsx"],
+  "sources": ["../../../library/react/expander/expander.tsx"],
   "sourcesContent": ["'use client';\n\nimport cn from 'classnames';\nimport React, { useState } from 'react';\n\nimport ArrowDown from '../icons/24/arrow-down';\nimport LinkButton from '../link-button';\nimport Text from '../text';\n\nimport { type Expander as Props } from './expander.types';\nimport Badge from '../badge';\nimport { Types } from '../badge/badge.types';\nimport Link from '../link';\nimport Collapse from '../collapse';\nimport Tag from '../tag';\n\nconst ExpanderListItem: React.FC<\n  React.PropsWithChildren<Props<unknown>['items'][number]['listItemProps']>\n> = ({\n  actions,\n  contentType = 'article',\n  defaultOpen = false,\n  faq,\n  icon,\n  id,\n  links,\n  children,\n  metadata,\n  tag,\n  title,\n  value,\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n\n  const toggle = () => setIsOpen(!isOpen);\n\n  return (\n    <div\n      className=\"expander__list-item\"\n      key={id}\n      itemScope={faq ? faq : undefined}\n      itemProp={faq ? 'mainEntity' : undefined}\n      itemType={faq ? 'https://schema.org/Question' : undefined}\n    >\n      <button\n        aria-controls={id}\n        aria-expanded={isOpen}\n        className={cn('expander__trigger', {\n          'expander__trigger--triggered': isOpen,\n          'expander__trigger--w-value': value,\n        })}\n        onClick={toggle}\n      >\n        {icon ? <div className=\"expander__icon\">{icon}</div> : null}\n        <div className=\"expander__trigger-title\">\n          <Text elementName=\"h3\" itemProp={faq ? 'name' : undefined} tight>\n            {title}\n          </Text>\n          {tag ? (\n            <Tag size={Tag.sizes.s} variant={Tag.variants.positive} {...tag} />\n          ) : null}\n        </div>\n        {value ? (\n          <Badge\n            content={{ content: value, type: Types.Numerical }}\n            variant={Badge.variants.secondary}\n          />\n        ) : null}\n        <div\n          className={cn('expander__icon', {\n            'expander__icon--flipped': isOpen,\n          })}\n        >\n          <ArrowDown />\n        </div>\n      </button>\n      <div\n        className={cn('expander__drawer', {\n          'expander__drawer--open': isOpen,\n        })}\n        id={id}\n      >\n        <Collapse isOpen={isOpen}>\n          <div\n            className={cn('expander__content', {\n              [`expander__content--${contentType}`]: contentType,\n            })}\n            itemScope={faq ? faq : undefined}\n            itemProp={faq ? 'acceptedAnswer' : undefined}\n            itemType={faq ? 'https://schema.org/Answer' : undefined}\n          >\n            <div\n              className=\"expander__children\"\n              itemProp={faq ? 'text' : undefined}\n            >\n              {children}\n            </div>\n            {actions.length ? (\n              <div className=\"expander__actions\">\n                {actions.map(action => (\n                  <div className=\"expander__action\" key={action.href}>\n                    <LinkButton {...action} />\n                  </div>\n                ))}\n              </div>\n            ) : null}\n            {metadata || (links && links.length) ? (\n              <div className=\"expander__metadata\">\n                <hr className=\"expander__divider\" />\n                <div className=\"expander__meta-content\">\n                  {metadata ? (\n                    <div className=\"expander__meta-text\">\n                      <Text elementName=\"span\" size={Text.sizes.small}>\n                        {metadata}\n                      </Text>\n                    </div>\n                  ) : null}\n                  {links && links.length ? (\n                    <div className=\"expander__links\">\n                      {links.map(link => (\n                        <div className=\"expander__link\" key={link.href}>\n                          <Link {...link} size={Link.sizes.small} />\n                        </div>\n                      ))}\n                    </div>\n                  ) : null}\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </Collapse>\n      </div>\n    </div>\n  );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nconst Expander = <T extends {}>({\n  description,\n  faq,\n  itemRenderer,\n  items,\n  title,\n}: Props<T> & { itemRenderer: React.FC<T> }) => (\n  <div className=\"expander\">\n    {title || description ? (\n      <div className=\"expander__header\">\n        {title ? (\n          <Text\n            elementName=\"h2\"\n            size={Text.sizes.headline2}\n            theme={Text.themes.emphasis}\n            tight\n          >\n            {title}\n          </Text>\n        ) : null}\n        {description ? (\n          <Text size={Text.sizes.basic}>{description}</Text>\n        ) : null}\n      </div>\n    ) : null}\n    <div>\n      {items.map(item => (\n        <ExpanderListItem\n          key={item.listItemProps.id}\n          {...item.listItemProps}\n          faq={faq}\n        >\n          {React.createElement(itemRenderer, item.props)}\n        </ExpanderListItem>\n      ))}\n    </div>\n  </div>\n);\n\nexport default Expander;\n"],
   "mappings": "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",
   "names": ["cn", "React", "useState", "ArrowDown", "LinkButton", "Text", "Badge", "Types", "Link", "Collapse", "Tag", "ExpanderListItem", "actions", "contentType", "defaultOpen", "faq", "icon", "id", "links", "children", "metadata", "tag", "title", "value", "isOpen", "setIsOpen", "toggle", "__spreadValues", "action", "link", "__spreadProps", "Expander", "description", "itemRenderer", "items", "item", "expander_default"]

package/react/expander/expander.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/expander/expander.types.ts"],
+  "sources": ["../../../library/react/expander/expander.types.ts"],
   "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Link } from '../link/link.types';\nimport type { LinkButton } from '../link-button/link-button.types';\nimport { ObjectValues } from '../types';\nimport { Tag } from '../tag/tag.types';\n\nexport const contentTypes = {\n  article: 'article',\n  list: 'list',\n} as const;\n\ntype ExpanderListItem = {\n  actions: LinkButton[];\n  contentType?: ObjectValues<typeof contentTypes>;\n  defaultOpen?: boolean;\n  faq?: boolean;\n  icon?: ReactNode;\n  id: string;\n  links?: Pick<Link, 'href' | 'testId' | 'text'>[];\n  metadata?: string;\n  tag?: Tag;\n  title: string;\n  value?: number;\n};\n\nexport type Expander<T> = {\n  description?: string;\n  faq?: boolean;\n  items: {\n    listItemProps: ExpanderListItem;\n    props: T;\n  }[];\n  title?: string;\n};\n"],
   "mappings": "AAOO,MAAMA,EAAe,CAC1B,QAAS,UACT,KAAM,MACR",
   "names": ["contentTypes"]

package/react/expander/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/expander/index.ts"],
+  "sources": ["../../../library/react/expander/index.ts"],
   "sourcesContent": ["import Expander from './expander';\nexport default Expander;\n"],
   "mappings": "AAAA,OAAOA,MAAc,aACrB,IAAOC,EAAQD",
   "names": ["Expander", "expander_default"]

package/react/filter/filter.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
-import { Filter as Props } from './filter.types';
-declare const Filter: React.FunctionComponent<Props>;
+import { labelVariants, Filter as Props } from './filter.types';
+declare const Filter: React.FunctionComponent<Props> & {
+    labelVariants: typeof labelVariants;
+};
 export default Filter;

package/react/filter/filter.js

@@ -1,2 +1,2 @@
-"use client";var h=Object.defineProperty,c=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var p=(i,s,e)=>s in i?h(i,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[s]=e,m=(i,s)=>{for(var e in s||(s={}))b.call(s,e)&&p(i,e,s[e]);if(f)for(var e of f(s))C.call(s,e)&&p(i,e,s[e]);return i},a=(i,s)=>c(i,g(s));import*as o from"react";import N from"classnames";import w from"../hooks/use-toggle";import x from"../hooks/use-click-outside";import z from"../hooks/use-escape";import{useIsMounted as F}from"../hooks/use-is-mounted";import T from"../form-content";import k from"../icons/24/arrow-up";import u from"../icons/24/arrow-down";import t from"../text";const D=({formContentOptions:i,selectedOptionsCount:s,testTags:e,title:v})=>{const _=F(),n=o.useRef(null),[l,d,,r]=w(!1);return x(n,r),z(r),o.createElement("div",m({className:N("filter",{"filter--clicked":l}),ref:n},e),_?o.createElement("div",{className:"filter__buttons"},o.createElement("button",{type:"button",className:"filter__button",onClick:d,"data-test-dropdown-button":!0},o.createElement(t,{size:t.sizes.basic,theme:t.themes.emphasis,className:"filter__button-text"},v),o.createElement("div",{className:"filter__button-inner-right"},s?o.createElement(t,{className:"filter__selected-options",theme:t.themes.emphasis,size:t.sizes.small},s):null,o.createElement(l?k:u,null)))):o.createElement("div",{className:"filter__loading-button"},o.createElement("div",{className:"filter__loading-placeholder"},o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"112",height:"22",viewBox:"0 0 112 22",fill:"none"},o.createElement("path",{d:"M0 4.5C0 2.29086 1.79086 0.5 4 0.5H108C110.209 0.5 112 2.29086 112 4.5V17.5C112 19.7091 110.209 21.5 108 21.5H4C1.79086 21.5 0 19.7091 0 17.5V4.5Z",fill:"#DCDEE0"}))),o.createElement("div",{className:"filter__loading-icon"},o.createElement(u,null))),o.createElement(T,a(m({},i),{isOpen:l,close:r,onSubmit:d})))};var j=D;export{j as default};
+"use client";var g=Object.defineProperty,C=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var f=(o,s,t)=>s in o?g(o,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[s]=t,m=(o,s)=>{for(var t in s||(s={}))w.call(s,t)&&f(o,t,s[t]);if(d)for(var t of d(s))x.call(s,t)&&f(o,t,s[t]);return o},p=(o,s)=>C(o,N(s));import*as e from"react";import V from"classnames";import z from"../hooks/use-toggle";import F from"../hooks/use-click-outside";import T from"../hooks/use-escape";import{useIsMounted as k}from"../hooks/use-is-mounted";import D from"../form-content";import E from"../icons/24/arrow-up";import u from"../icons/24/arrow-down";import i from"../text";import{labelVariants as v}from"./filter.types";const b=({formContentOptions:o,selectedOptionsCount:s,testTags:t,title:h,labelVariant:_})=>{const c=k(),n=e.useRef(null),[l,a,,r]=z(!1);return F(n,r),T(r),e.createElement("div",m({className:V("filter",{"filter--clicked":l}),ref:n},t),c?e.createElement("div",{className:"filter__buttons"},e.createElement("button",{type:"button",className:"filter__button",onClick:a,"data-test-dropdown-button":!0},e.createElement(i,{size:i.sizes.basic,theme:_===v.bold?i.themes.emphasis:i.themes.normal,className:"filter__button-text"},h),e.createElement("div",{className:"filter__button-inner-right"},s?e.createElement(i,{className:"filter__selected-options",theme:i.themes.emphasis,size:i.sizes.small},s):null,e.createElement(l?E:u,null)))):e.createElement("div",{className:"filter__loading-button"},e.createElement("div",{className:"filter__loading-placeholder"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"112",height:"22",viewBox:"0 0 112 22",fill:"none"},e.createElement("path",{d:"M0 4.5C0 2.29086 1.79086 0.5 4 0.5H108C110.209 0.5 112 2.29086 112 4.5V17.5C112 19.7091 110.209 21.5 108 21.5H4C1.79086 21.5 0 19.7091 0 17.5V4.5Z",fill:"#DCDEE0"}))),e.createElement("div",{className:"filter__loading-icon"},e.createElement(u,null))),e.createElement(D,p(m({},o),{isOpen:l,close:r,onSubmit:a})))};b.labelVariants=v;var A=b;export{A as default};
 //# sourceMappingURL=filter.js.map

package/react/filter/filter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../react/filter/filter.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport useToggle from '../hooks/use-toggle';\nimport useClickOutside from '../hooks/use-click-outside';\nimport useEscape from '../hooks/use-escape';\nimport { useIsMounted } from '../hooks/use-is-mounted';\nimport FormContent from '../form-content';\nimport ChevronUp from '../icons/24/arrow-up';\nimport ChevronDown from '../icons/24/arrow-down';\nimport Text from '../text';\n\nimport { Filter as Props } from './filter.types';\n\nconst Filter: React.FunctionComponent<Props> = ({\n  formContentOptions,\n  selectedOptionsCount,\n  testTags,\n  title,\n}) => {\n  const isMounted = useIsMounted();\n  const modal = React.useRef(null);\n  const [isOpen, toggle, , close] = useToggle(false);\n\n  useClickOutside(modal, close);\n  useEscape(close);\n\n  return (\n    <div\n      className={classNames('filter', {\n        'filter--clicked': isOpen,\n      })}\n      ref={modal}\n      {...testTags}\n    >\n      {isMounted ? (\n        <div className=\"filter__buttons\">\n          <button\n            type=\"button\"\n            className=\"filter__button\"\n            onClick={toggle}\n            data-test-dropdown-button\n          >\n            <Text\n              size={Text.sizes.basic}\n              theme={Text.themes.emphasis}\n              className=\"filter__button-text\"\n            >\n              {title}\n            </Text>\n\n            <div className=\"filter__button-inner-right\">\n              {selectedOptionsCount ? (\n                <Text\n                  className=\"filter__selected-options\"\n                  theme={Text.themes.emphasis}\n                  size={Text.sizes.small}\n                >\n                  {selectedOptionsCount}\n                </Text>\n              ) : null}\n\n              {isOpen ? <ChevronUp /> : <ChevronDown />}\n            </div>\n          </button>\n        </div>\n      ) : (\n        <div className=\"filter__loading-button\">\n          <div className=\"filter__loading-placeholder\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"112\"\n              height=\"22\"\n              viewBox=\"0 0 112 22\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M0 4.5C0 2.29086 1.79086 0.5 4 0.5H108C110.209 0.5 112 2.29086 112 4.5V17.5C112 19.7091 110.209 21.5 108 21.5H4C1.79086 21.5 0 19.7091 0 17.5V4.5Z\"\n                fill=\"#DCDEE0\"\n              />\n            </svg>\n          </div>\n          <div className=\"filter__loading-icon\">\n            <ChevronDown />\n          </div>\n        </div>\n      )}\n\n      <FormContent\n        {...formContentOptions}\n        isOpen={isOpen}\n        close={close}\n        onSubmit={toggle}\n      />\n    </div>\n  );\n};\n\nexport default Filter;\n"],
-  "mappings": "0bAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAOC,MAAe,sBACtB,OAAOC,MAAqB,6BAC5B,OAAOC,MAAe,sBACtB,OAAS,gBAAAC,MAAoB,0BAC7B,OAAOC,MAAiB,kBACxB,OAAOC,MAAe,uBACtB,OAAOC,MAAiB,yBACxB,OAAOC,MAAU,UAIjB,MAAMC,EAAyC,CAAC,CAC9C,mBAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,MAAAC,CACF,IAAM,CACJ,MAAMC,EAAYV,EAAa,EACzBW,EAAQhB,EAAM,OAAO,IAAI,EACzB,CAACiB,EAAQC,EAAQ,CAAEC,CAAK,EAAIjB,EAAU,EAAK,EAEjD,OAAAC,EAAgBa,EAAOG,CAAK,EAC5Bf,EAAUe,CAAK,EAGbnB,EAAA,cAAC,MAAAoB,EAAA,CACC,UAAWnB,EAAW,SAAU,CAC9B,kBAAmBgB,CACrB,CAAC,EACD,IAAKD,GACDH,GAEHE,EACCf,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAAC,UACC,KAAK,SACL,UAAU,iBACV,QAASkB,EACT,4BAAyB,IAEzBlB,EAAA,cAACS,EAAA,CACC,KAAMA,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,SACnB,UAAU,uBAETK,CACH,EAEAd,EAAA,cAAC,OAAI,UAAU,8BACZY,EACCZ,EAAA,cAACS,EAAA,CACC,UAAU,2BACV,MAAOA,EAAK,OAAO,SACnB,KAAMA,EAAK,MAAM,OAEhBG,CACH,EACE,KAEMZ,EAAA,cAATiB,EAAUV,EAAgBC,EAAhB,IAAU,CACvB,CACF,CACF,EAEAR,EAAA,cAAC,OAAI,UAAU,0BACbA,EAAA,cAAC,OAAI,UAAU,+BACbA,EAAA,cAAC,OACC,MAAM,6BACN,MAAM,MACN,OAAO,KACP,QAAQ,aACR,KAAK,QAELA,EAAA,cAAC,QACC,EAAE,qJACF,KAAK,UACP,CACF,CACF,EACAA,EAAA,cAAC,OAAI,UAAU,wBACbA,EAAA,cAACQ,EAAA,IAAY,CACf,CACF,EAGFR,EAAA,cAACM,EAAAe,EAAAD,EAAA,GACKT,GADL,CAEC,OAAQM,EACR,MAAOE,EACP,SAAUD,GACZ,CACF,CAEJ,EAEA,IAAOI,EAAQZ",
-  "names": ["React", "classNames", "useToggle", "useClickOutside", "useEscape", "useIsMounted", "FormContent", "ChevronUp", "ChevronDown", "Text", "Filter", "formContentOptions", "selectedOptionsCount", "testTags", "title", "isMounted", "modal", "isOpen", "toggle", "close", "__spreadValues", "__spreadProps", "filter_default"]
+  "sources": ["../../../library/react/filter/filter.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport useToggle from '../hooks/use-toggle';\nimport useClickOutside from '../hooks/use-click-outside';\nimport useEscape from '../hooks/use-escape';\nimport { useIsMounted } from '../hooks/use-is-mounted';\nimport FormContent from '../form-content';\nimport ChevronUp from '../icons/24/arrow-up';\nimport ChevronDown from '../icons/24/arrow-down';\nimport Text from '../text';\n\nimport { labelVariants, Filter as Props } from './filter.types';\n\nconst Filter: React.FunctionComponent<Props> & {\n  labelVariants: typeof labelVariants;\n} = ({\n  formContentOptions,\n  selectedOptionsCount,\n  testTags,\n  title,\n  labelVariant,\n}) => {\n  const isMounted = useIsMounted();\n  const modal = React.useRef(null);\n  const [isOpen, toggle, , close] = useToggle(false);\n\n  useClickOutside(modal, close);\n  useEscape(close);\n\n  return (\n    <div\n      className={classNames('filter', {\n        'filter--clicked': isOpen,\n      })}\n      ref={modal}\n      {...testTags}\n    >\n      {isMounted ? (\n        <div className=\"filter__buttons\">\n          <button\n            type=\"button\"\n            className=\"filter__button\"\n            onClick={toggle}\n            data-test-dropdown-button\n          >\n            <Text\n              size={Text.sizes.basic}\n              theme={\n                labelVariant === labelVariants.bold\n                  ? Text.themes.emphasis\n                  : Text.themes.normal\n              }\n              className=\"filter__button-text\"\n            >\n              {title}\n            </Text>\n\n            <div className=\"filter__button-inner-right\">\n              {selectedOptionsCount ? (\n                <Text\n                  className=\"filter__selected-options\"\n                  theme={Text.themes.emphasis}\n                  size={Text.sizes.small}\n                >\n                  {selectedOptionsCount}\n                </Text>\n              ) : null}\n\n              {isOpen ? <ChevronUp /> : <ChevronDown />}\n            </div>\n          </button>\n        </div>\n      ) : (\n        <div className=\"filter__loading-button\">\n          <div className=\"filter__loading-placeholder\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"112\"\n              height=\"22\"\n              viewBox=\"0 0 112 22\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M0 4.5C0 2.29086 1.79086 0.5 4 0.5H108C110.209 0.5 112 2.29086 112 4.5V17.5C112 19.7091 110.209 21.5 108 21.5H4C1.79086 21.5 0 19.7091 0 17.5V4.5Z\"\n                fill=\"#DCDEE0\"\n              />\n            </svg>\n          </div>\n          <div className=\"filter__loading-icon\">\n            <ChevronDown />\n          </div>\n        </div>\n      )}\n\n      <FormContent\n        {...formContentOptions}\n        isOpen={isOpen}\n        close={close}\n        onSubmit={toggle}\n      />\n    </div>\n  );\n};\n\nFilter.labelVariants = labelVariants;\n\nexport default Filter;\n"],
+  "mappings": "0bAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAOC,MAAe,sBACtB,OAAOC,MAAqB,6BAC5B,OAAOC,MAAe,sBACtB,OAAS,gBAAAC,MAAoB,0BAC7B,OAAOC,MAAiB,kBACxB,OAAOC,MAAe,uBACtB,OAAOC,MAAiB,yBACxB,OAAOC,MAAU,UAEjB,OAAS,iBAAAC,MAAsC,iBAE/C,MAAMC,EAEF,CAAC,CACH,mBAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,CACF,IAAM,CACJ,MAAMC,EAAYZ,EAAa,EACzBa,EAAQlB,EAAM,OAAO,IAAI,EACzB,CAACmB,EAAQC,EAAQ,CAAEC,CAAK,EAAInB,EAAU,EAAK,EAEjD,OAAAC,EAAgBe,EAAOG,CAAK,EAC5BjB,EAAUiB,CAAK,EAGbrB,EAAA,cAAC,MAAAsB,EAAA,CACC,UAAWrB,EAAW,SAAU,CAC9B,kBAAmBkB,CACrB,CAAC,EACD,IAAKD,GACDJ,GAEHG,EACCjB,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAAC,UACC,KAAK,SACL,UAAU,iBACV,QAASoB,EACT,4BAAyB,IAEzBpB,EAAA,cAACS,EAAA,CACC,KAAMA,EAAK,MAAM,MACjB,MACEO,IAAiBN,EAAc,KAC3BD,EAAK,OAAO,SACZA,EAAK,OAAO,OAElB,UAAU,uBAETM,CACH,EAEAf,EAAA,cAAC,OAAI,UAAU,8BACZa,EACCb,EAAA,cAACS,EAAA,CACC,UAAU,2BACV,MAAOA,EAAK,OAAO,SACnB,KAAMA,EAAK,MAAM,OAEhBI,CACH,EACE,KAEMb,EAAA,cAATmB,EAAUZ,EAAgBC,EAAhB,IAAU,CACvB,CACF,CACF,EAEAR,EAAA,cAAC,OAAI,UAAU,0BACbA,EAAA,cAAC,OAAI,UAAU,+BACbA,EAAA,cAAC,OACC,MAAM,6BACN,MAAM,MACN,OAAO,KACP,QAAQ,aACR,KAAK,QAELA,EAAA,cAAC,QACC,EAAE,qJACF,KAAK,UACP,CACF,CACF,EACAA,EAAA,cAAC,OAAI,UAAU,wBACbA,EAAA,cAACQ,EAAA,IAAY,CACf,CACF,EAGFR,EAAA,cAACM,EAAAiB,EAAAD,EAAA,GACKV,GADL,CAEC,OAAQO,EACR,MAAOE,EACP,SAAUD,GACZ,CACF,CAEJ,EAEAT,EAAO,cAAgBD,EAEvB,IAAOc,EAAQb",
+  "names": ["React", "classNames", "useToggle", "useClickOutside", "useEscape", "useIsMounted", "FormContent", "ChevronUp", "ChevronDown", "Text", "labelVariants", "Filter", "formContentOptions", "selectedOptionsCount", "testTags", "title", "labelVariant", "isMounted", "modal", "isOpen", "toggle", "close", "__spreadValues", "__spreadProps", "filter_default"]
 }

package/react/filter/filter.types.d.ts

@@ -1,4 +1,9 @@
 import type { FormContentFilter } from '../form-content/form-content.types';
+import { ObjectValues } from '../types';
+export declare const labelVariants: {
+    readonly bold: "bold";
+    readonly basic: "basic";
+};
 export type Filter = {
     title: string;
     formContentOptions: FormContentFilter;
@@ -6,4 +11,5 @@ export type Filter = {
     testTags?: {
         [key: string]: boolean;
     };
+    labelVariant?: ObjectValues<typeof labelVariants>;
 };

package/react/filter/filter.types.js

@@ -1 +1,2 @@
+const o={bold:"bold",basic:"basic"};export{o as labelVariants};
 //# sourceMappingURL=filter.types.js.map

package/react/filter/filter.types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../library/react/filter/filter.types.ts"],
+  "sourcesContent": ["import type { FormContentFilter } from '../form-content/form-content.types';\nimport { ObjectValues } from '../types';\n\nexport const labelVariants = {\n  bold: 'bold',\n  basic: 'basic',\n} as const;\n\nexport type Filter = {\n  title: string;\n  formContentOptions: FormContentFilter;\n  selectedOptionsCount?: number;\n  testTags?: { [key: string]: boolean };\n  labelVariant?: ObjectValues<typeof labelVariants>;\n};\n"],
+  "mappings": "AAGO,MAAMA,EAAgB,CAC3B,KAAM,OACN,MAAO,OACT",
+  "names": ["labelVariants"]
 }

package/react/filter/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/filter/index.ts"],
+  "sources": ["../../../library/react/filter/index.ts"],
   "sourcesContent": ["import Filter from './filter';\nexport default Filter;\n"],
   "mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
   "names": ["Filter", "filter_default"]

package/react/filter-wrapper/filter-wrapper.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/filter-wrapper/filter-wrapper.tsx"],
+  "sources": ["../../../library/react/filter-wrapper/filter-wrapper.tsx"],
   "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\nimport Filter from '../filter/filter';\n\nimport {\n  FilterWrapper as Props,\n  BreakAtElements,\n} from './filter-wrapper.types';\n\nconst FilterWrapper: React.FunctionComponent<Props> = ({ filters }) => (\n  <div\n    className={classNames('filter-wrapper', {\n      [`filter-wrapper--medium`]: filters.length <= BreakAtElements.medium,\n      [`filter-wrapper--wide`]: filters.length >= BreakAtElements.wide,\n    })}\n  >\n    {filters.map((filter, i) => (\n      <Filter {...filter} key={i} />\n    ))}\n  </div>\n);\n\nexport default FilterWrapper;\n"],
   "mappings": "6aAAA,OAAOA,MAAgB,aACvB,OAAOC,MAAW,QAClB,OAAOC,MAAY,mBAEnB,OAEE,mBAAAC,MACK,yBAEP,MAAMC,EAAgD,CAAC,CAAE,QAAAC,CAAQ,IAC/DJ,EAAA,cAAC,OACC,UAAWD,EAAW,iBAAkB,CACrC,yBAA2BK,EAAQ,QAAUF,EAAgB,OAC7D,uBAAyBE,EAAQ,QAAUF,EAAgB,IAC9D,CAAC,GAEAE,EAAQ,IAAI,CAACC,EAAQC,IACpBN,EAAA,cAACC,EAAAM,EAAAC,EAAA,GAAWH,GAAX,CAAmB,IAAKC,GAAG,CAC7B,CACH,EAGF,IAAOG,EAAQN",
   "names": ["classNames", "React", "Filter", "BreakAtElements", "FilterWrapper", "filters", "filter", "i", "__spreadProps", "__spreadValues", "filter_wrapper_default"]

package/react/filter-wrapper/filter-wrapper.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/filter-wrapper/filter-wrapper.types.ts"],
+  "sources": ["../../../library/react/filter-wrapper/filter-wrapper.types.ts"],
   "sourcesContent": ["import { Filter } from '../filter/filter.types';\n\nexport enum BreakAtElements {\n  'wide' = 3,\n  'medium' = 4,\n}\n\nexport type FilterWrapper = {\n  filters: Filter[];\n};\n"],
   "mappings": "AAEO,IAAKA,OACVA,IAAA,KAAS,GAAT,OACAA,IAAA,OAAW,GAAX,SAFUA,OAAA",
   "names": ["BreakAtElements"]

package/react/filter-wrapper/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/filter-wrapper/index.ts"],
+  "sources": ["../../../library/react/filter-wrapper/index.ts"],
   "sourcesContent": ["import FilterWrapper from './filter-wrapper';\nexport default FilterWrapper;\n"],
   "mappings": "AAAA,OAAOA,MAAmB,mBAC1B,IAAOC,EAAQD",
   "names": ["FilterWrapper", "filter_wrapper_default"]

package/react/flag/flag.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/flag/flag.tsx"],
+  "sources": ["../../../library/react/flag/flag.tsx"],
   "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\n\nimport { Flag as Props, themes, variants } from './flag.types';\n\nconst Flag: React.FunctionComponent<Props> & {\n  themes: typeof themes;\n  variants: typeof variants;\n} = ({ text, theme = themes['inline-block'], variant = variants.featured }) => (\n  <div\n    className={cn('flag', {\n      [`flag--theme-${theme}`]: theme,\n      [`flag--variant-${variant}`]: variant,\n    })}\n  >\n    <Text size={Text.sizes.interface} theme={Text.themes.emphasis}>\n      {text}\n    </Text>\n  </div>\n);\n\nFlag.themes = themes;\nFlag.variants = variants;\n\nexport default Flag;\n"],
   "mappings": "AAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UAEjB,OAAwB,UAAAC,EAAQ,YAAAC,MAAgB,eAEhD,MAAMC,EAGF,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAQJ,EAAO,cAAc,EAAG,QAAAK,EAAUJ,EAAS,QAAS,IACvEH,EAAA,cAAC,OACC,UAAWD,EAAG,OAAQ,CACpB,CAAC,eAAeO,CAAK,EAAE,EAAGA,EAC1B,CAAC,iBAAiBC,CAAO,EAAE,EAAGA,CAChC,CAAC,GAEDP,EAAA,cAACC,EAAA,CAAK,KAAMA,EAAK,MAAM,UAAW,MAAOA,EAAK,OAAO,UAClDI,CACH,CACF,EAGFD,EAAK,OAASF,EACdE,EAAK,SAAWD,EAEhB,IAAOK,EAAQJ",
   "names": ["cn", "React", "Text", "themes", "variants", "Flag", "text", "theme", "variant", "flag_default"]

package/react/flag/flag.types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/flag/flag.types.ts"],
+  "sources": ["../../../library/react/flag/flag.types.ts"],
   "sourcesContent": ["import { ObjectValues } from '../types';\n\nexport const themes = {\n  block: 'block',\n  'inline-block': 'inline-block',\n} as const;\n\nexport const variants = {\n  featured: 'featured',\n  primary: 'primary',\n} as const;\n\nexport type Flag = {\n  text: string;\n  theme?: ObjectValues<typeof themes>;\n  variant?: ObjectValues<typeof variants>;\n};\n"],
   "mappings": "AAEO,MAAMA,EAAS,CACpB,MAAO,QACP,eAAgB,cAClB,EAEaC,EAAW,CACtB,SAAU,WACV,QAAS,SACX",
   "names": ["themes", "variants"]

package/react/flag/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/flag/index.ts"],
+  "sources": ["../../../library/react/flag/index.ts"],
   "sourcesContent": ["import Flag from './flag';\nexport default Flag;\n"],
   "mappings": "AAAA,OAAOA,MAAU,SACjB,IAAOC,EAAQD",
   "names": ["Flag", "flag_default"]

package/react/form-content/checkbox-category.js

@@ -1,2 +1,2 @@
-"use client";var I=Object.defineProperty,L=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var N=(n,o,t)=>o in n?I(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,p=(n,o)=>{for(var t in o||(o={}))M.call(o,t)&&N(n,t,o[t]);if(g)for(var t of g(o))U.call(o,t)&&N(n,t,o[t]);return n},k=(n,o)=>L(n,F(o));import*as e from"react";import m from"../text";import y from"../checkbox";import V from"../icons/24/arrow-right";import W from"../icons/24/arrow-up";import j from"../visually-hidden";import{mod as v}from"../add-bem-modifiers";import q from"../collapse";import{labelVariants as B}from"../checkbox/checkbox.types";const D=({currentlySelectedValues:n=[],id:o,isSearching:t,options:f,searchResults:h=[],selectAll:r,selectAllLabel:x,setMultipleSelectedValues:w=()=>{},setSelectedValue:z=()=>{},shouldShowItems:O=!0,removeAllValues:P=()=>{}})=>{const a=e.useMemo(()=>!!r,[r]),[l]=e.useState(f.filter(s=>!s.disabled)),[b,i]=e.useState(!!a),T=s=>{z(o,s)},E=()=>{n.length!==l.length?w(o,l.map(s=>s.value)):P(o)};e.useEffect(()=>i(t?!0:!a),[a,t,h]);const _=f.every(s=>s.disabled),H=n.length>0;return e.createElement("fieldset",{className:"form-content__fieldset"},a&&e.createElement("div",{className:v("form-content__chevron-button-wrapper",{hidden:t})},r?e.createElement("div",{className:"form-content__select-all"},e.createElement(y,k(p({},r),{labelVariant:B.hidden,checked:l.length>0&&n.length===l.length,onChange:E,"data-test-select-all":!0,disabled:_}))):null,e.createElement("button",{className:"form-content__chevron-button",onClick:()=>i(s=>!s),type:"button"},e.createElement(m,{elementName:"span",className:v("form-content__select-all-label",{disabled:_}),size:m.sizes.basic},x),e.createElement("div",{className:"form-content__checkbox-category-info-wrapper"},H?e.createElement(m,{className:"form-content__checkbox-category-number",size:m.sizes.interface},n.length):void 0,b?e.createElement("div",{className:"form-content__checkbox-category-icon"},e.createElement(W,null)):e.createElement("div",{className:"form-content__checkbox-category-icon"},e.createElement(V,null))))),e.createElement(q,{duration:300,animateChildren:!!a,isOpen:b},e.createElement("fieldset",{className:"form-content__fieldset"},f.map(s=>{const c=t?h.find(u=>u.key.toLowerCase()===s.value.toLowerCase()):void 0,d=n.includes(s.value),C=e.createElement("div",{key:s.value,className:v("form-content__checkbox-button",{nested:!t&&a})},e.createElement(y,p({onChange:u=>T(u.target.value),checked:d},s)));if(!(!d&&!c&&!O)){if(d&&t&&!c)return e.createElement(j,{key:s.value},C);if(!(!d&&t&&!c))return C}}))))};var ee=D;export{ee as default};
+"use client";var I=Object.defineProperty,L=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var N=(n,o,t)=>o in n?I(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,p=(n,o)=>{for(var t in o||(o={}))M.call(o,t)&&N(n,t,o[t]);if(g)for(var t of g(o))U.call(o,t)&&N(n,t,o[t]);return n},k=(n,o)=>L(n,F(o));import*as e from"react";import r from"../text";import y from"../checkbox";import V from"../icons/24/arrow-right";import W from"../icons/24/arrow-up";import j from"../visually-hidden";import{mod as h}from"../add-bem-modifiers";import q from"../collapse";import{labelVariants as B}from"../checkbox/checkbox.types";const D=({currentlySelectedValues:n=[],id:o,isSearching:t,options:f,searchResults:v=[],selectAll:l,selectAllLabel:x,setMultipleSelectedValues:w=()=>{},setSelectedValue:z=()=>{},shouldShowItems:O=!0,removeAllValues:H=()=>{}})=>{const a=e.useMemo(()=>!!l,[l]),[i]=e.useState(f.filter(s=>!s.disabled)),[b,m]=e.useState(!!a),P=s=>{z(o,s)},T=()=>{n.length!==i.length?w(o,i.map(s=>s.value)):H(o)};e.useEffect(()=>m(t?!0:!a),[a,t,v]);const _=f.every(s=>s.disabled),E=n.length>0;return e.createElement("fieldset",{className:"form-content__fieldset"},a&&e.createElement("div",{className:h("form-content__chevron-button-wrapper",{hidden:t})},l?e.createElement("div",{className:"form-content__select-all"},e.createElement(y,k(p({},l),{labelVariant:B.hidden,checked:i.length>0&&n.length===i.length,onChange:T,"data-test-select-all":!0,disabled:_}))):null,e.createElement("button",{className:"form-content__chevron-button",onClick:()=>m(s=>!s),type:"button"},e.createElement(r,{elementName:"span",className:h("form-content__select-all-label",{disabled:_}),size:r.sizes.basic,theme:r.themes.emphasis},x),e.createElement("div",{className:"form-content__checkbox-category-info-wrapper"},E?e.createElement(r,{className:"form-content__checkbox-category-number",size:r.sizes.interface},n.length):void 0,b?e.createElement("div",{className:"form-content__checkbox-category-icon"},e.createElement(W,null)):e.createElement("div",{className:"form-content__checkbox-category-icon"},e.createElement(V,null))))),e.createElement(q,{duration:300,animateChildren:!!a,isOpen:b},e.createElement("fieldset",{className:"form-content__fieldset"},f.map(s=>{const c=t?v.find(u=>u.key.toLowerCase()===s.value.toLowerCase()):void 0,d=n.includes(s.value),C=e.createElement("div",{key:s.value,className:h("form-content__checkbox-button",{nested:!t&&a})},e.createElement(y,p({onChange:u=>P(u.target.value),checked:d,hasHover:!0},s)));if(!(!d&&!c&&!O)){if(d&&t&&!c)return e.createElement(j,{key:s.value},C);if(!(!d&&t&&!c))return C}}))))};var ee=D;export{ee as default};
 //# sourceMappingURL=checkbox-category.js.map

package/react/form-content/checkbox-category.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../react/form-content/checkbox-category.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport Text from '../text';\nimport Checkbox from '../checkbox';\n\nimport ChevronRight from '../icons/24/arrow-right';\nimport ChevronUp from '../icons/24/arrow-up';\n\nimport { CheckboxCategory as Props } from './form-content.checkbox-list.types';\nimport VisuallyHidden from '../visually-hidden';\nimport { mod } from '../add-bem-modifiers';\nimport Collapse from '../collapse';\nimport { labelVariants } from '../checkbox/checkbox.types';\n\nconst CheckboxCategory: React.FC<React.PropsWithChildren<Props>> = ({\n  currentlySelectedValues = [],\n  id,\n  isSearching,\n  options,\n  searchResults = [],\n  selectAll,\n  selectAllLabel,\n  setMultipleSelectedValues = () => {},\n  setSelectedValue = () => {},\n  shouldShowItems = true,\n  removeAllValues = () => {},\n}) => {\n  const isExpandable = React.useMemo(\n    () => (selectAll ? true : false),\n    [selectAll],\n  );\n  const [availableOptions] = React.useState(\n    options.filter(button => !button.disabled),\n  );\n\n  const [isOpen, setIsOpen] = React.useState(isExpandable ? true : false);\n\n  const handleChange = (value: string) => {\n    setSelectedValue(id, value);\n  };\n\n  const handleSelectAll = () => {\n    if (currentlySelectedValues.length !== availableOptions.length) {\n      setMultipleSelectedValues(\n        id,\n        availableOptions.map(button => button.value),\n      );\n    } else {\n      removeAllValues(id);\n    }\n  };\n\n  React.useEffect(\n    () =>\n      isSearching\n        ? setIsOpen(true)\n        : isExpandable\n          ? setIsOpen(false)\n          : setIsOpen(true),\n    [isExpandable, isSearching, searchResults],\n  );\n\n  const disableCategory = options.every(checkbox => checkbox.disabled);\n\n  const hasSelectedValues = currentlySelectedValues.length > 0;\n\n  return (\n    <fieldset className=\"form-content__fieldset\">\n      {isExpandable && (\n        <div\n          className={mod('form-content__chevron-button-wrapper', {\n            hidden: isSearching,\n          })}\n        >\n          {selectAll ? (\n            <div className=\"form-content__select-all\">\n              <Checkbox\n                {...selectAll}\n                labelVariant={labelVariants.hidden}\n                checked={\n                  availableOptions.length > 0 &&\n                  currentlySelectedValues.length === availableOptions.length\n                }\n                onChange={handleSelectAll}\n                data-test-select-all\n                disabled={disableCategory}\n              />\n            </div>\n          ) : null}\n          <button\n            className=\"form-content__chevron-button\"\n            onClick={() => setIsOpen(currentState => !currentState)}\n            type=\"button\"\n          >\n            <Text\n              elementName=\"span\"\n              className={mod('form-content__select-all-label', {\n                disabled: disableCategory,\n              })}\n              size={Text.sizes.basic}\n            >\n              {selectAllLabel}\n            </Text>\n            <div className=\"form-content__checkbox-category-info-wrapper\">\n              {hasSelectedValues ? (\n                <Text\n                  className=\"form-content__checkbox-category-number\"\n                  size={Text.sizes.interface}\n                >\n                  {currentlySelectedValues.length}\n                </Text>\n              ) : undefined}\n              {isOpen ? (\n                <div className=\"form-content__checkbox-category-icon\">\n                  <ChevronUp />\n                </div>\n              ) : (\n                <div className=\"form-content__checkbox-category-icon\">\n                  <ChevronRight />\n                </div>\n              )}\n            </div>\n          </button>\n        </div>\n      )}\n\n      <Collapse\n        duration={300}\n        animateChildren={isExpandable ? true : false}\n        isOpen={isOpen}\n      >\n        {\n          <fieldset className=\"form-content__fieldset\">\n            {options.map(checkbox => {\n              const isInSearchResults = isSearching\n                ? searchResults.find(\n                    item =>\n                      item.key.toLowerCase() === checkbox.value.toLowerCase(),\n                  )\n                : undefined;\n\n              const isSelected = currentlySelectedValues.includes(\n                checkbox.value,\n              );\n\n              const node = (\n                <div\n                  key={checkbox.value}\n                  className={mod('form-content__checkbox-button', {\n                    nested: !isSearching && isExpandable,\n                  })}\n                >\n                  <Checkbox\n                    onChange={e => handleChange(e.target.value)}\n                    checked={isSelected}\n                    {...checkbox}\n                  />\n                </div>\n              );\n\n              if (!isSelected && !isInSearchResults && !shouldShowItems) {\n                return;\n              }\n\n              if (isSelected && isSearching && !isInSearchResults) {\n                return (\n                  <VisuallyHidden key={checkbox.value}>{node}</VisuallyHidden>\n                );\n              }\n\n              if (!isSelected && isSearching && !isInSearchResults) {\n                return;\n              }\n\n              return node;\n            })}\n          </fieldset>\n        }\n      </Collapse>\n    </fieldset>\n  );\n};\n\nexport default CheckboxCategory;\n"],
-  "mappings": "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",
+  "sources": ["../../../library/react/form-content/checkbox-category.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport Text from '../text';\nimport Checkbox from '../checkbox';\n\nimport ChevronRight from '../icons/24/arrow-right';\nimport ChevronUp from '../icons/24/arrow-up';\n\nimport { CheckboxCategory as Props } from './form-content.checkbox-list.types';\nimport VisuallyHidden from '../visually-hidden';\nimport { mod } from '../add-bem-modifiers';\nimport Collapse from '../collapse';\nimport { labelVariants } from '../checkbox/checkbox.types';\n\nconst CheckboxCategory: React.FC<React.PropsWithChildren<Props>> = ({\n  currentlySelectedValues = [],\n  id,\n  isSearching,\n  options,\n  searchResults = [],\n  selectAll,\n  selectAllLabel,\n  setMultipleSelectedValues = () => {},\n  setSelectedValue = () => {},\n  shouldShowItems = true,\n  removeAllValues = () => {},\n}) => {\n  const isExpandable = React.useMemo(\n    () => (selectAll ? true : false),\n    [selectAll],\n  );\n  const [availableOptions] = React.useState(\n    options.filter(button => !button.disabled),\n  );\n\n  const [isOpen, setIsOpen] = React.useState(isExpandable ? true : false);\n\n  const handleChange = (value: string) => {\n    setSelectedValue(id, value);\n  };\n\n  const handleSelectAll = () => {\n    if (currentlySelectedValues.length !== availableOptions.length) {\n      setMultipleSelectedValues(\n        id,\n        availableOptions.map(button => button.value),\n      );\n    } else {\n      removeAllValues(id);\n    }\n  };\n\n  React.useEffect(\n    () =>\n      isSearching\n        ? setIsOpen(true)\n        : isExpandable\n          ? setIsOpen(false)\n          : setIsOpen(true),\n    [isExpandable, isSearching, searchResults],\n  );\n\n  const disableCategory = options.every(checkbox => checkbox.disabled);\n\n  const hasSelectedValues = currentlySelectedValues.length > 0;\n\n  return (\n    <fieldset className=\"form-content__fieldset\">\n      {isExpandable && (\n        <div\n          className={mod('form-content__chevron-button-wrapper', {\n            hidden: isSearching,\n          })}\n        >\n          {selectAll ? (\n            <div className=\"form-content__select-all\">\n              <Checkbox\n                {...selectAll}\n                labelVariant={labelVariants.hidden}\n                checked={\n                  availableOptions.length > 0 &&\n                  currentlySelectedValues.length === availableOptions.length\n                }\n                onChange={handleSelectAll}\n                data-test-select-all\n                disabled={disableCategory}\n              />\n            </div>\n          ) : null}\n          <button\n            className=\"form-content__chevron-button\"\n            onClick={() => setIsOpen(currentState => !currentState)}\n            type=\"button\"\n          >\n            <Text\n              elementName=\"span\"\n              className={mod('form-content__select-all-label', {\n                disabled: disableCategory,\n              })}\n              size={Text.sizes.basic}\n              theme={Text.themes.emphasis}\n            >\n              {selectAllLabel}\n            </Text>\n            <div className=\"form-content__checkbox-category-info-wrapper\">\n              {hasSelectedValues ? (\n                <Text\n                  className=\"form-content__checkbox-category-number\"\n                  size={Text.sizes.interface}\n                >\n                  {currentlySelectedValues.length}\n                </Text>\n              ) : undefined}\n              {isOpen ? (\n                <div className=\"form-content__checkbox-category-icon\">\n                  <ChevronUp />\n                </div>\n              ) : (\n                <div className=\"form-content__checkbox-category-icon\">\n                  <ChevronRight />\n                </div>\n              )}\n            </div>\n          </button>\n        </div>\n      )}\n\n      <Collapse\n        duration={300}\n        animateChildren={isExpandable ? true : false}\n        isOpen={isOpen}\n      >\n        {\n          <fieldset className=\"form-content__fieldset\">\n            {options.map(checkbox => {\n              const isInSearchResults = isSearching\n                ? searchResults.find(\n                    item =>\n                      item.key.toLowerCase() === checkbox.value.toLowerCase(),\n                  )\n                : undefined;\n\n              const isSelected = currentlySelectedValues.includes(\n                checkbox.value,\n              );\n\n              const node = (\n                <div\n                  key={checkbox.value}\n                  className={mod('form-content__checkbox-button', {\n                    nested: !isSearching && isExpandable,\n                  })}\n                >\n                  <Checkbox\n                    onChange={e => handleChange(e.target.value)}\n                    checked={isSelected}\n                    hasHover\n                    {...checkbox}\n                  />\n                </div>\n              );\n\n              if (!isSelected && !isInSearchResults && !shouldShowItems) {\n                return;\n              }\n\n              if (isSelected && isSearching && !isInSearchResults) {\n                return (\n                  <VisuallyHidden key={checkbox.value}>{node}</VisuallyHidden>\n                );\n              }\n\n              if (!isSelected && isSearching && !isInSearchResults) {\n                return;\n              }\n\n              return node;\n            })}\n          </fieldset>\n        }\n      </Collapse>\n    </fieldset>\n  );\n};\n\nexport default CheckboxCategory;\n"],
+  "mappings": "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",
   "names": ["React", "Text", "Checkbox", "ChevronRight", "ChevronUp", "VisuallyHidden", "mod", "Collapse", "labelVariants", "CheckboxCategory", "currentlySelectedValues", "id", "isSearching", "options", "searchResults", "selectAll", "selectAllLabel", "setMultipleSelectedValues", "setSelectedValue", "shouldShowItems", "removeAllValues", "isExpandable", "availableOptions", "button", "isOpen", "setIsOpen", "handleChange", "value", "handleSelectAll", "disableCategory", "checkbox", "hasSelectedValues", "__spreadProps", "__spreadValues", "currentState", "isInSearchResults", "item", "isSelected", "node", "e", "checkbox_category_default"]
 }

package/react/form-content/form-content.checkbox-list.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/form-content/form-content.checkbox-list.tsx"],
+  "sources": ["../../../library/react/form-content/form-content.checkbox-list.tsx"],
   "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport Text from '../text';\n\nimport CheckboxCategory from './checkbox-category';\n\nimport { CheckboxList as Props } from './form-content.checkbox-list.types';\nimport { SearchItem } from './form-content.types';\nimport { mod } from '../add-bem-modifiers';\nimport FormContentSearch from './form-content.search';\n\nconst CheckboxList: React.FC<React.PropsWithChildren<Props>> = props => {\n  const [currentlySelectedValues, setCurrentlySelectedValues] = React.useState<\n    Record<string, string[]>\n  >({});\n  const { content, emptySearchResultDescription, emptySearchResultText } =\n    props;\n\n  const [searchTerm, setSearchTerm] = React.useState('');\n  const [searchResult, setSearchResult] = React.useState<SearchItem[]>();\n\n  const updateCurrentlySelectedValues = (id: string, value: string) => {\n    if (currentlySelectedValues[id]?.includes(value)) {\n      setCurrentlySelectedValues(prevState => {\n        const updatedValues = Object.entries(prevState).map(([id, values]) => [\n          id,\n          values.filter(option => option !== value),\n        ]);\n        return Object.fromEntries(updatedValues);\n      });\n    } else {\n      setCurrentlySelectedValues(prevState => {\n        const updatedValues = Object.entries(prevState).map(\n          ([filterGroupId, values = []]) => {\n            if (id === filterGroupId) {\n              return [filterGroupId, [...values, value]];\n            }\n\n            return [filterGroupId, values];\n          },\n        );\n        return Object.fromEntries(updatedValues);\n      });\n    }\n  };\n\n  const updateMultipleSelectedValues = (id: string, values: string[]) => {\n    setCurrentlySelectedValues(prevState => ({\n      ...prevState,\n      [id]: values,\n    }));\n  };\n\n  const removeAllValuesById = (id: string) => {\n    setCurrentlySelectedValues(prevState => {\n      const selectedValues = prevState[id] || [];\n      const updatedValues = Object.entries(prevState).map(([id, values]) => [\n        id,\n        values.filter(option => !selectedValues.includes(option)),\n      ]);\n      return Object.fromEntries(updatedValues);\n    });\n  };\n\n  React.useEffect(() => {\n    const selectedValues = content\n      .flatMap(({ categories }) => categories)\n      .filter(category => category?.id)\n      .map(category => [category?.id, category?.selectedValues]);\n    setCurrentlySelectedValues(Object.fromEntries(selectedValues));\n  }, [content]);\n\n  return (\n    <div>\n      {'searchProps' in props ? (\n        <FormContentSearch\n          {...props.searchProps}\n          searchResult={setSearchResult}\n          searchTerm={setSearchTerm}\n        />\n      ) : undefined}\n\n      {searchTerm.length > 0 && searchResult?.length === 0 && (\n        <div className=\"form-content__search-no-results\">\n          <Text\n            className=\"form-content__search-no-results-text\"\n            elementName=\"span\"\n            theme={Text.themes.emphasis}\n          >\n            {emptySearchResultText}\n          </Text>\n          <span>{emptySearchResultDescription}</span>\n        </div>\n      )}\n\n      {content.map(({ categories = [], key, header }) => (\n        <React.Fragment key={key}>\n          {header && searchTerm.length === 0 ? (\n            <Text\n              className={mod('form-content__content-title', {\n                hidden: searchTerm.length > 0,\n              })}\n              theme={Text.themes.emphasis}\n            >\n              {header}\n            </Text>\n          ) : undefined}\n\n          {categories.map(category => (\n            <CheckboxCategory\n              key={category.id}\n              searchResults={searchResult}\n              isSearching={searchTerm.length > 0}\n              currentlySelectedValues={currentlySelectedValues[category.id]}\n              setSelectedValue={updateCurrentlySelectedValues}\n              setMultipleSelectedValues={updateMultipleSelectedValues}\n              removeAllValues={removeAllValuesById}\n              {...category}\n            />\n          ))}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport default CheckboxList;\n"],
   "mappings": "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",
   "names": ["React", "Text", "CheckboxCategory", "mod", "FormContentSearch", "CheckboxList", "props", "currentlySelectedValues", "setCurrentlySelectedValues", "content", "emptySearchResultDescription", "emptySearchResultText", "searchTerm", "setSearchTerm", "searchResult", "setSearchResult", "updateCurrentlySelectedValues", "id", "value", "_a", "prevState", "updatedValues", "values", "option", "filterGroupId", "updateMultipleSelectedValues", "__spreadProps", "__spreadValues", "removeAllValuesById", "selectedValues", "categories", "category", "key", "header", "form_content_checkbox_list_default"]

package/react/form-content/form-content.js

@@ -1,2 +1,2 @@
-var v=Object.defineProperty;var n=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var l=(m,s,r)=>s in m?v(m,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):m[s]=r,e=(m,s)=>{for(var r in s||(s={}))_.call(s,r)&&l(m,r,s[r]);if(n)for(var r of n(s))N.call(s,r)&&l(m,r,s[r]);return m};import*as o from"react";import C from"classnames";import t from"../button";import u from"../icons/24/close";import a from"../text";import b from"./form-content.checkbox-list";import h from"./form-content.radio-list";import x from"./form-content.range";import{ContentKeys as i}from"../form-content/form-content.types";import y from"../modal/tab-trapper";const k=m=>{switch(m.key){case i.Checkbox:return o.createElement(b,e({},m));case i.Range:return o.createElement(x,e({},m));case i.Radio:return o.createElement(h,e({},m))}},z=({content:m,closeLabel:s,isOpen:r=!1,close:d,onSubmit:c,submitLabel:f,title:p})=>o.createElement("div",{className:"form-content"},r?o.createElement("div",{className:"form-content__background-overlay"}):null,o.createElement(y,{isActive:r},o.createElement("div",{className:C("form-content__modal",{"form-content__modal--open":r}),"data-test-modal":!0},o.createElement("div",{className:"form-content__modal-header"},o.createElement(a,{elementName:"span",theme:a.themes.emphasis,size:a.sizes.large,className:"form-content__modal-title"},p),o.createElement("div",{className:"form-content__modal-close-small"},o.createElement(t,{iconOnly:!0,leadingIcon:o.createElement(u,null),onClick:d,size:t.sizes.small,text:s,variant:t.variants.secondary}))),o.createElement("div",{className:"form-content__modal-content"},k(m)),o.createElement("div",{className:"form-content__modal-action-wrapper"},o.createElement("div",{className:"form-content__modal-actions"},o.createElement(t,{className:"form-content__submit",variant:t.variants.primary,size:t.sizes.basic,type:"submit",text:f,onClick:c}))))));var D=z;export{D as default};
+var y=Object.defineProperty,N=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var f=(o,s,e)=>s in o?y(o,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[s]=e,i=(o,s)=>{for(var e in s||(s={}))u.call(s,e)&&f(o,e,s[e]);if(d)for(var e of d(s))C.call(s,e)&&f(o,e,s[e]);return o},t=(o,s)=>N(o,k(s));import*as m from"react";import b from"classnames";import r from"../button";import h from"../icons/24/close";import a from"../text";import x from"./form-content.checkbox-list";import z from"./form-content.radio-list";import T from"./form-content.range";import{ContentKeys as n}from"../form-content/form-content.types";import g from"../modal/tab-trapper";const F=o=>{switch(o.key){case n.Checkbox:return m.createElement(x,t(i({},o),{key:o.key}));case n.Range:return m.createElement(T,t(i({},o),{key:o.key}));case n.Radio:return m.createElement(z,t(i({},o),{key:o.key}))}},P=({content:o,closeLabel:s,isOpen:e=!1,close:p,onSubmit:v,submitLabel:c,title:_,description:l})=>m.createElement("div",{className:"form-content"},e?m.createElement("div",{className:"form-content__background-overlay"}):null,m.createElement(g,{isActive:e},m.createElement("div",{className:b("form-content__modal",{"form-content__modal--open":e}),"data-test-modal":!0},m.createElement("div",{className:"form-content__modal-header"},m.createElement("div",null,m.createElement(a,{elementName:"span",theme:a.themes.emphasis,size:a.sizes.large,className:"form-content__modal-title"},_),l?m.createElement(a,{size:a.sizes.small,className:"form-content__modal-header-description"},l):null),m.createElement("div",{className:"form-content__modal-close-small"},m.createElement(r,{iconOnly:!0,leadingIcon:m.createElement(h,null),onClick:p,size:r.sizes.small,text:s,variant:r.variants.secondary}))),m.createElement("div",{className:"form-content__modal-content"},F(o)),m.createElement("div",{className:"form-content__modal-action-wrapper"},m.createElement("div",{className:"form-content__modal-actions"},m.createElement(r,{className:"form-content__submit",variant:r.variants.primary,size:r.sizes.basic,type:"submit",text:c,onClick:v}))))));var J=P;export{J as default};
 //# sourceMappingURL=form-content.js.map

package/react/form-content/form-content.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../react/form-content/form-content.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport Button from '../button';\nimport Close from '../icons/24/close';\nimport Text from '../text';\n\nimport CheckboxList from './form-content.checkbox-list';\nimport RadioList from './form-content.radio-list';\nimport Range from './form-content.range';\n\nimport { FormContent as Props } from './form-content.types';\n\nimport { ContentKeys } from '../form-content/form-content.types';\nimport TabTrapper from '../modal/tab-trapper';\n\nconst Content = (content: Props['content']) => {\n  switch (content.key) {\n    case ContentKeys.Checkbox: {\n      return <CheckboxList {...content} />;\n    }\n    case ContentKeys.Range: {\n      return <Range {...content} />;\n    }\n    case ContentKeys.Radio: {\n      return <RadioList {...content} />;\n    }\n  }\n};\n\nconst FormContent: React.FC<Props> = ({\n  content,\n  closeLabel,\n  isOpen = false,\n  close,\n  onSubmit,\n  submitLabel,\n  title,\n}) => (\n  <div className=\"form-content\">\n    {isOpen ? <div className=\"form-content__background-overlay\"></div> : null}\n    <TabTrapper isActive={isOpen}>\n      <div\n        className={classNames('form-content__modal', {\n          'form-content__modal--open': isOpen,\n        })}\n        data-test-modal\n      >\n        <div className=\"form-content__modal-header\">\n          <Text\n            elementName=\"span\"\n            theme={Text.themes.emphasis}\n            size={Text.sizes.large}\n            className=\"form-content__modal-title\"\n          >\n            {title}\n          </Text>\n          <div className=\"form-content__modal-close-small\">\n            <Button\n              iconOnly\n              leadingIcon={<Close />}\n              onClick={close}\n              size={Button.sizes.small}\n              text={closeLabel}\n              variant={Button.variants.secondary}\n            />\n          </div>\n        </div>\n        <div className=\"form-content__modal-content\">{Content(content)}</div>\n        <div className=\"form-content__modal-action-wrapper\">\n          <div className=\"form-content__modal-actions\">\n            <Button\n              className=\"form-content__submit\"\n              variant={Button.variants.primary}\n              size={Button.sizes.basic}\n              type=\"submit\"\n              text={submitLabel}\n              onClick={onSubmit}\n            />\n          </div>\n        </div>\n      </div>\n    </TabTrapper>\n  </div>\n);\n\nexport default FormContent;\n"],
-  "mappings": "yVAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAOC,MAAY,YACnB,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAEjB,OAAOC,MAAkB,+BACzB,OAAOC,MAAe,4BACtB,OAAOC,MAAW,uBAIlB,OAAS,eAAAC,MAAmB,qCAC5B,OAAOC,MAAgB,uBAEvB,MAAMC,EAAWC,GAA8B,CAC7C,OAAQA,EAAQ,IAAK,CACnB,KAAKH,EAAY,SACf,OAAOR,EAAA,cAACK,EAAAO,EAAA,GAAiBD,EAAS,EAEpC,KAAKH,EAAY,MACf,OAAOR,EAAA,cAACO,EAAAK,EAAA,GAAUD,EAAS,EAE7B,KAAKH,EAAY,MACf,OAAOR,EAAA,cAACM,EAAAM,EAAA,GAAcD,EAAS,CAEnC,CACF,EAEME,EAA+B,CAAC,CACpC,QAAAF,EACA,WAAAG,EACA,OAAAC,EAAS,GACT,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,CACF,IACEnB,EAAA,cAAC,OAAI,UAAU,gBACZe,EAASf,EAAA,cAAC,OAAI,UAAU,mCAAmC,EAAS,KACrEA,EAAA,cAACS,EAAA,CAAW,SAAUM,GACpBf,EAAA,cAAC,OACC,UAAWC,EAAW,sBAAuB,CAC3C,4BAA6Bc,CAC/B,CAAC,EACD,kBAAe,IAEff,EAAA,cAAC,OAAI,UAAU,8BACbA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,MAAOA,EAAK,OAAO,SACnB,KAAMA,EAAK,MAAM,MACjB,UAAU,6BAETe,CACH,EACAnB,EAAA,cAAC,OAAI,UAAU,mCACbA,EAAA,cAACE,EAAA,CACC,SAAQ,GACR,YAAaF,EAAA,cAACG,EAAA,IAAM,EACpB,QAASa,EACT,KAAMd,EAAO,MAAM,MACnB,KAAMY,EACN,QAASZ,EAAO,SAAS,UAC3B,CACF,CACF,EACAF,EAAA,cAAC,OAAI,UAAU,+BAA+BU,EAAQC,CAAO,CAAE,EAC/DX,EAAA,cAAC,OAAI,UAAU,sCACbA,EAAA,cAAC,OAAI,UAAU,+BACbA,EAAA,cAACE,EAAA,CACC,UAAU,uBACV,QAASA,EAAO,SAAS,QACzB,KAAMA,EAAO,MAAM,MACnB,KAAK,SACL,KAAMgB,EACN,QAASD,EACX,CACF,CACF,CACF,CACF,CACF,EAGF,IAAOG,EAAQP",
-  "names": ["React", "classNames", "Button", "Close", "Text", "CheckboxList", "RadioList", "Range", "ContentKeys", "TabTrapper", "Content", "content", "__spreadValues", "FormContent", "closeLabel", "isOpen", "close", "onSubmit", "submitLabel", "title", "form_content_default"]
+  "sources": ["../../../library/react/form-content/form-content.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport Button from '../button';\nimport Close from '../icons/24/close';\nimport Text from '../text';\n\nimport CheckboxList from './form-content.checkbox-list';\nimport RadioList from './form-content.radio-list';\nimport Range from './form-content.range';\n\nimport { FormContent as Props } from './form-content.types';\n\nimport { ContentKeys } from '../form-content/form-content.types';\nimport TabTrapper from '../modal/tab-trapper';\n\nconst Content = (content: Props['content']) => {\n  switch (content.key) {\n    case ContentKeys.Checkbox: {\n      return <CheckboxList {...content} key={content.key} />;\n    }\n    case ContentKeys.Range: {\n      return <Range {...content} key={content.key} />;\n    }\n    case ContentKeys.Radio: {\n      return <RadioList {...content} key={content.key} />;\n    }\n  }\n};\n\nconst FormContent: React.FC<Props> = ({\n  content,\n  closeLabel,\n  isOpen = false,\n  close,\n  onSubmit,\n  submitLabel,\n  title,\n  description,\n}) => (\n  <div className=\"form-content\">\n    {isOpen ? <div className=\"form-content__background-overlay\"></div> : null}\n    <TabTrapper isActive={isOpen}>\n      <div\n        className={classNames('form-content__modal', {\n          'form-content__modal--open': isOpen,\n        })}\n        data-test-modal\n      >\n        <div className=\"form-content__modal-header\">\n          <div>\n            <Text\n              elementName=\"span\"\n              theme={Text.themes.emphasis}\n              size={Text.sizes.large}\n              className=\"form-content__modal-title\"\n            >\n              {title}\n            </Text>\n            {description ? (\n              <Text\n                size={Text.sizes.small}\n                className=\"form-content__modal-header-description\"\n              >\n                {description}\n              </Text>\n            ) : null}\n          </div>\n          <div className=\"form-content__modal-close-small\">\n            <Button\n              iconOnly\n              leadingIcon={<Close />}\n              onClick={close}\n              size={Button.sizes.small}\n              text={closeLabel}\n              variant={Button.variants.secondary}\n            />\n          </div>\n        </div>\n        <div className=\"form-content__modal-content\">{Content(content)}</div>\n        <div className=\"form-content__modal-action-wrapper\">\n          <div className=\"form-content__modal-actions\">\n            <Button\n              className=\"form-content__submit\"\n              variant={Button.variants.primary}\n              size={Button.sizes.basic}\n              type=\"submit\"\n              text={submitLabel}\n              onClick={onSubmit}\n            />\n          </div>\n        </div>\n      </div>\n    </TabTrapper>\n  </div>\n);\n\nexport default FormContent;\n"],
+  "mappings": "6aAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAOC,MAAY,YACnB,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAEjB,OAAOC,MAAkB,+BACzB,OAAOC,MAAe,4BACtB,OAAOC,MAAW,uBAIlB,OAAS,eAAAC,MAAmB,qCAC5B,OAAOC,MAAgB,uBAEvB,MAAMC,EAAWC,GAA8B,CAC7C,OAAQA,EAAQ,IAAK,CACnB,KAAKH,EAAY,SACf,OAAOR,EAAA,cAACK,EAAAO,EAAAC,EAAA,GAAiBF,GAAjB,CAA0B,IAAKA,EAAQ,KAAK,EAEtD,KAAKH,EAAY,MACf,OAAOR,EAAA,cAACO,EAAAK,EAAAC,EAAA,GAAUF,GAAV,CAAmB,IAAKA,EAAQ,KAAK,EAE/C,KAAKH,EAAY,MACf,OAAOR,EAAA,cAACM,EAAAM,EAAAC,EAAA,GAAcF,GAAd,CAAuB,IAAKA,EAAQ,KAAK,CAErD,CACF,EAEMG,EAA+B,CAAC,CACpC,QAAAH,EACA,WAAAI,EACA,OAAAC,EAAS,GACT,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,CACF,IACErB,EAAA,cAAC,OAAI,UAAU,gBACZgB,EAAShB,EAAA,cAAC,OAAI,UAAU,mCAAmC,EAAS,KACrEA,EAAA,cAACS,EAAA,CAAW,SAAUO,GACpBhB,EAAA,cAAC,OACC,UAAWC,EAAW,sBAAuB,CAC3C,4BAA6Be,CAC/B,CAAC,EACD,kBAAe,IAEfhB,EAAA,cAAC,OAAI,UAAU,8BACbA,EAAA,cAAC,WACCA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,MAAOA,EAAK,OAAO,SACnB,KAAMA,EAAK,MAAM,MACjB,UAAU,6BAETgB,CACH,EACCC,EACCrB,EAAA,cAACI,EAAA,CACC,KAAMA,EAAK,MAAM,MACjB,UAAU,0CAETiB,CACH,EACE,IACN,EACArB,EAAA,cAAC,OAAI,UAAU,mCACbA,EAAA,cAACE,EAAA,CACC,SAAQ,GACR,YAAaF,EAAA,cAACG,EAAA,IAAM,EACpB,QAASc,EACT,KAAMf,EAAO,MAAM,MACnB,KAAMa,EACN,QAASb,EAAO,SAAS,UAC3B,CACF,CACF,EACAF,EAAA,cAAC,OAAI,UAAU,+BAA+BU,EAAQC,CAAO,CAAE,EAC/DX,EAAA,cAAC,OAAI,UAAU,sCACbA,EAAA,cAAC,OAAI,UAAU,+BACbA,EAAA,cAACE,EAAA,CACC,UAAU,uBACV,QAASA,EAAO,SAAS,QACzB,KAAMA,EAAO,MAAM,MACnB,KAAK,SACL,KAAMiB,EACN,QAASD,EACX,CACF,CACF,CACF,CACF,CACF,EAGF,IAAOI,EAAQR",
+  "names": ["React", "classNames", "Button", "Close", "Text", "CheckboxList", "RadioList", "Range", "ContentKeys", "TabTrapper", "Content", "content", "__spreadProps", "__spreadValues", "FormContent", "closeLabel", "isOpen", "close", "onSubmit", "submitLabel", "title", "description", "form_content_default"]
 }

package/react/form-content/form-content.radio-list.js

@@ -1,2 +1,2 @@
-"use client";var v=Object.defineProperty,T=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var d=(t,e,r)=>e in t?v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,i=(t,e)=>{for(var r in e||(e={}))C.call(e,r)&&d(t,r,e[r]);if(a)for(var r of a(e))L.call(e,r)&&d(t,r,e[r]);return t},h=(t,e)=>T(t,g(e));import*as s from"react";import P from"../radio";import u from"../text";import _ from"./form-content.search";import k from"classnames";const x=t=>{const[e,r]=s.useState(""),[n,c]=s.useState();return s.createElement("div",null,"searchProps"in t?s.createElement(_,h(i({},t.searchProps),{searchResult:c,searchTerm:r})):void 0,t.categories.map((o,f)=>s.createElement("div",{key:f},o.header&&o.options.length>0&&e.length===0?s.createElement(u,{className:k("form-content__group-title",{hidden:e.length>0}),theme:u.themes.emphasis},o.header):void 0,o.options.map((m,l)=>{const p=e.length>0?n==null?void 0:n.find(S=>S.key.toLowerCase()===m.value.toLowerCase()):void 0;if(!(e.length>0&&!p))return s.createElement("div",{key:l,className:"form-content__radio-button"},s.createElement(P,i({},m)))}))))};var y=x;export{y as default};
+"use client";var S=Object.defineProperty,T=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var d=(t,e,r)=>e in t?S(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,m=(t,e)=>{for(var r in e||(e={}))L.call(e,r)&&d(t,r,e[r]);if(h)for(var r of h(e))P.call(e,r)&&d(t,r,e[r]);return t},a=(t,e)=>T(t,C(e));import*as s from"react";import _ from"../radio";import l from"../text";import $ from"./form-content.search";import g from"classnames";const k=t=>{const[e,r]=s.useState(""),[n,u]=s.useState();return s.createElement("div",null,"searchProps"in t?s.createElement($,a(m({},t.searchProps),{searchResult:u,searchTerm:r})):void 0,t.categories.map((o,f)=>s.createElement("div",{key:`${o.header}:${f}`},o.header&&o.options.length>0&&e.length===0?s.createElement(l,{className:g("form-content__group-title",{hidden:e.length>0}),theme:l.themes.emphasis},o.header):void 0,o.options.map((i,c)=>{const p=e.length>0?n==null?void 0:n.find(v=>v.key.toLowerCase()===i.value.toLowerCase()):void 0;if(!(e.length>0&&!p))return s.createElement("div",{key:`${i.label}:${c}`,className:"form-content__radio-button"},s.createElement(_,a(m({},i),{hasHover:!0})))}))))};var j=k;export{j as default};
 //# sourceMappingURL=form-content.radio-list.js.map

package/react/form-content/form-content.radio-list.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../react/form-content/form-content.radio-list.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport Radio from '../radio';\nimport Text from '../text';\nimport FormContentSearch from './form-content.search';\n\nimport { RadioList as Props, SearchItem } from './form-content.types';\nimport classNames from 'classnames';\n\nconst RadioList: React.FC<Props> = props => {\n  const [searchTerm, setSearchTerm] = React.useState('');\n  const [searchResult, setSearchResult] = React.useState<SearchItem[]>();\n  return (\n    <div>\n      {'searchProps' in props ? (\n        <FormContentSearch\n          {...props.searchProps}\n          searchResult={setSearchResult}\n          searchTerm={setSearchTerm}\n        />\n      ) : undefined}\n      {props.categories.map((category, categoryIndex) => (\n        <div key={categoryIndex}>\n          {category.header &&\n          category.options.length > 0 &&\n          searchTerm.length === 0 ? (\n            <Text\n              className={classNames('form-content__group-title', {\n                hidden: searchTerm.length > 0,\n              })}\n              theme={Text.themes.emphasis}\n            >\n              {category.header}\n            </Text>\n          ) : undefined}\n          {category.options.map((radio, i) => {\n            const isInSearchResults =\n              searchTerm.length > 0\n                ? searchResult?.find(\n                    item =>\n                      item.key.toLowerCase() === radio.value.toLowerCase(),\n                  )\n                : undefined;\n\n            if (searchTerm.length > 0 && !isInSearchResults) return;\n\n            return (\n              <div key={i} className=\"form-content__radio-button\">\n                <Radio {...radio} />\n              </div>\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default RadioList;\n"],
-  "mappings": "0bAEA,UAAYA,MAAW,QACvB,OAAOC,MAAW,WAClB,OAAOC,MAAU,UACjB,OAAOC,MAAuB,wBAG9B,OAAOC,MAAgB,aAEvB,MAAMC,EAA6BC,GAAS,CAC1C,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAE,EAC/C,CAACS,EAAcC,CAAe,EAAIV,EAAM,SAAuB,EACrE,OACEA,EAAA,cAAC,WACE,gBAAiBM,EAChBN,EAAA,cAACG,EAAAQ,EAAAC,EAAA,GACKN,EAAM,aADX,CAEC,aAAcI,EACd,WAAYF,GACd,EACE,OACHF,EAAM,WAAW,IAAI,CAACO,EAAUC,IAC/Bd,EAAA,cAAC,OAAI,IAAKc,GACPD,EAAS,QACVA,EAAS,QAAQ,OAAS,GAC1BN,EAAW,SAAW,EACpBP,EAAA,cAACE,EAAA,CACC,UAAWE,EAAW,4BAA6B,CACjD,OAAQG,EAAW,OAAS,CAC9B,CAAC,EACD,MAAOL,EAAK,OAAO,UAElBW,EAAS,MACZ,EACE,OACHA,EAAS,QAAQ,IAAI,CAACE,EAAOC,IAAM,CAClC,MAAMC,EACJV,EAAW,OAAS,EAChBE,GAAA,YAAAA,EAAc,KACZS,GACEA,EAAK,IAAI,YAAY,IAAMH,EAAM,MAAM,YAAY,GAEvD,OAEN,GAAI,EAAAR,EAAW,OAAS,GAAK,CAACU,GAE9B,OACEjB,EAAA,cAAC,OAAI,IAAKgB,EAAG,UAAU,8BACrBhB,EAAA,cAACC,EAAAW,EAAA,GAAUG,EAAO,CACpB,CAEJ,CAAC,CACH,CACD,CACH,CAEJ,EAEA,IAAOI,EAAQd",
+  "sources": ["../../../library/react/form-content/form-content.radio-list.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport Radio from '../radio';\nimport Text from '../text';\nimport FormContentSearch from './form-content.search';\n\nimport { RadioList as Props, SearchItem } from './form-content.types';\nimport classNames from 'classnames';\n\nconst RadioList: React.FC<Props> = props => {\n  const [searchTerm, setSearchTerm] = React.useState('');\n  const [searchResult, setSearchResult] = React.useState<SearchItem[]>();\n  return (\n    <div>\n      {'searchProps' in props ? (\n        <FormContentSearch\n          {...props.searchProps}\n          searchResult={setSearchResult}\n          searchTerm={setSearchTerm}\n        />\n      ) : undefined}\n      {props.categories.map((category, categoryIndex) => (\n        <div key={`${category.header}:${categoryIndex}`}>\n          {category.header &&\n          category.options.length > 0 &&\n          searchTerm.length === 0 ? (\n            <Text\n              className={classNames('form-content__group-title', {\n                hidden: searchTerm.length > 0,\n              })}\n              theme={Text.themes.emphasis}\n            >\n              {category.header}\n            </Text>\n          ) : undefined}\n          {category.options.map((radio, i) => {\n            const isInSearchResults =\n              searchTerm.length > 0\n                ? searchResult?.find(\n                    item =>\n                      item.key.toLowerCase() === radio.value.toLowerCase(),\n                  )\n                : undefined;\n\n            if (searchTerm.length > 0 && !isInSearchResults) return;\n\n            return (\n              <div\n                key={`${radio.label}:${i}`}\n                className=\"form-content__radio-button\"\n              >\n                <Radio {...radio} hasHover />\n              </div>\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default RadioList;\n"],
+  "mappings": "0bAEA,UAAYA,MAAW,QACvB,OAAOC,MAAW,WAClB,OAAOC,MAAU,UACjB,OAAOC,MAAuB,wBAG9B,OAAOC,MAAgB,aAEvB,MAAMC,EAA6BC,GAAS,CAC1C,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAE,EAC/C,CAACS,EAAcC,CAAe,EAAIV,EAAM,SAAuB,EACrE,OACEA,EAAA,cAAC,WACE,gBAAiBM,EAChBN,EAAA,cAACG,EAAAQ,EAAAC,EAAA,GACKN,EAAM,aADX,CAEC,aAAcI,EACd,WAAYF,GACd,EACE,OACHF,EAAM,WAAW,IAAI,CAACO,EAAUC,IAC/Bd,EAAA,cAAC,OAAI,IAAK,GAAGa,EAAS,MAAM,IAAIC,CAAa,IAC1CD,EAAS,QACVA,EAAS,QAAQ,OAAS,GAC1BN,EAAW,SAAW,EACpBP,EAAA,cAACE,EAAA,CACC,UAAWE,EAAW,4BAA6B,CACjD,OAAQG,EAAW,OAAS,CAC9B,CAAC,EACD,MAAOL,EAAK,OAAO,UAElBW,EAAS,MACZ,EACE,OACHA,EAAS,QAAQ,IAAI,CAACE,EAAOC,IAAM,CAClC,MAAMC,EACJV,EAAW,OAAS,EAChBE,GAAA,YAAAA,EAAc,KACZS,GACEA,EAAK,IAAI,YAAY,IAAMH,EAAM,MAAM,YAAY,GAEvD,OAEN,GAAI,EAAAR,EAAW,OAAS,GAAK,CAACU,GAE9B,OACEjB,EAAA,cAAC,OACC,IAAK,GAAGe,EAAM,KAAK,IAAIC,CAAC,GACxB,UAAU,8BAEVhB,EAAA,cAACC,EAAAU,EAAAC,EAAA,GAAUG,GAAV,CAAiB,SAAQ,IAAC,CAC7B,CAEJ,CAAC,CACH,CACD,CACH,CAEJ,EAEA,IAAOI,EAAQd",
   "names": ["React", "Radio", "Text", "FormContentSearch", "classNames", "RadioList", "props", "searchTerm", "setSearchTerm", "searchResult", "setSearchResult", "__spreadProps", "__spreadValues", "category", "categoryIndex", "radio", "i", "isInSearchResults", "item", "form_content_radio_list_default"]
 }

package/react/form-content/form-content.range.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../react/form-content/form-content.range.tsx"],
+  "sources": ["../../../library/react/form-content/form-content.range.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport TextInput from '../text-input';\n\nimport { Range as Props } from './form-content.range.types';\n\nconst Range: React.FC<React.PropsWithChildren<Props>> = ({ max, min }) => {\n  return (\n    <div className=\"form-content__range\">\n      <div className=\"form-content__range-input\">\n        <TextInput {...min} type=\"number\" />\n      </div>\n      <div className=\"form-content__range-line\"></div>\n      <div className=\"form-content__range-input\">\n        <TextInput {...max} type=\"number\" />\n      </div>\n    </div>\n  );\n};\n\nexport default Range;\n"],
   "mappings": "6aAAA,UAAYA,MAAW,QACvB,OAAOC,MAAe,gBAItB,MAAMC,EAAkD,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAAI,IAEhEJ,EAAA,cAAC,OAAI,UAAU,uBACbA,EAAA,cAAC,OAAI,UAAU,6BACbA,EAAA,cAACC,EAAAI,EAAAC,EAAA,GAAcF,GAAd,CAAmB,KAAK,UAAS,CACpC,EACAJ,EAAA,cAAC,OAAI,UAAU,2BAA2B,EAC1CA,EAAA,cAAC,OAAI,UAAU,6BACbA,EAAA,cAACC,EAAAI,EAAAC,EAAA,GAAcH,GAAd,CAAmB,KAAK,UAAS,CACpC,CACF,EAIJ,IAAOI,EAAQL",
   "names": ["React", "TextInput", "Range", "max", "min", "__spreadProps", "__spreadValues", "form_content_range_default"]