@helsenorge/designsystem-react 14.7.3 → 15.0.0-beta.0

package/lib/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["Textarea: React.FC<TextareaProps>","mergedResources: HNDesignsystemTextArea"],"sources":["../src/resources/HN.Designsystem.TextArea.en-GB.json","../src/resources/HN.Designsystem.TextArea.nb-NO.json","../src/resources/HN.Designsystem.TextArea.nn-NO.json","../src/components/Textarea/resourceHelper.ts","../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.ts"],"sourcesContent":["{\n  \"characters\": \"characters\"\n}\n","{\n  \"characters\": \"tegn\"\n}\n","{\n  \"characters\": \"teikn\"\n}\n","import type { HNDesignsystemTextArea } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.TextArea.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.TextArea.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.TextArea.nn-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemTextArea => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN_NYNORSK:\n      return nnNO;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import { useState, useRef, useLayoutEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport type { HNDesignsystemTextArea } from '../../resources/Resources';\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, LanguageLocales } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper from '../ErrorWrapper';\nimport { renderLabel } from '../Label/utils';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n  extends\n    ErrorWrapperClassNameProps,\n    Pick<\n      React.InputHTMLAttributes<HTMLTextAreaElement>,\n      | 'aria-describedby'\n      | 'autoFocus'\n      | 'disabled'\n      | 'name'\n      | 'autoComplete'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'defaultValue'\n      | 'onChange'\n      | 'value'\n    > {\n  /** max character limit in textarea  */\n  maxCharacters?: number;\n  /** Width of textarea in characters (approximate) */\n  width?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** If true, the component will have a bottom margin. */\n  marginBottom?: boolean;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Changes the visuals of the textarea */\n  onColor?: keyof typeof FormOnColor;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** id of the textarea */\n  textareaId?: string;\n  /** max rows */\n  maxRows?: number;\n  /** min rows */\n  minRows?: number;\n  /** auto-grows until maxRows */\n  grow?: boolean;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemTextArea>;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLTextAreaElement | null>;\n}\n\nconst getTextareaMaxWidth = (characters: number): string => {\n  const paddingWidth = '2rem';\n  const scrollbarWidth = '16px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${scrollbarWidth} + ${borderWidth})`;\n};\n\nconst Textarea: React.FC<TextareaProps> = props => {\n  const {\n    maxCharacters,\n    width,\n    testId,\n    defaultValue,\n    marginBottom: gutterBottom,\n    transparent,\n    onColor = FormOnColor.onwhite,\n    label,\n    textareaId = uuid(),\n    minRows = 3,\n    maxRows = 10,\n    grow,\n    error,\n    errorText,\n    errorTextId: errorTextIdProp,\n    errorWrapperClassName,\n    autoFocus,\n    disabled,\n    name,\n    autoComplete = 'off',\n    placeholder,\n    readOnly,\n    required,\n    onChange,\n    value,\n    resources,\n    ref,\n    ...rest\n  } = props;\n\n  const [textareaInput, setTextareaInput] = useState(value || defaultValue || '');\n  const [prevDefaultValue, setPrevDefaultValue] = useState(defaultValue);\n  const [prevValue, setPrevValue] = useState(value);\n  const referanse = useRef<HTMLDivElement>(null);\n  const errorTextUuid = useIdWithFallback(errorTextIdProp);\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemTextArea = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  if (defaultValue !== prevDefaultValue) {\n    setPrevDefaultValue(defaultValue);\n    setTextareaInput(defaultValue || '');\n  }\n\n  if (value !== prevValue) {\n    setPrevValue(value);\n\n    if (value) {\n      setTextareaInput(value);\n    }\n  }\n\n  const resizeHeight = (target: HTMLTextAreaElement): void => {\n    const textareaLineHeight = 28;\n\n    target.rows = minRows; // reset number of rows in textarea\n\n    const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight); // scrollHeight - 16px of padding to calculate the rows\n\n    if (currentRows >= maxRows) {\n      target.rows = maxRows;\n      target.scrollTop = target.scrollHeight;\n    } else {\n      target.rows = currentRows;\n    }\n  };\n\n  const onDark = onColor === FormOnColor.ondark;\n  const onBlueberry = onColor === FormOnColor.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;\n  const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n\n  const textareaWrapperClass = cn(styles.textarea, {\n    [styles['textarea--gutterBottom']]: gutterBottom,\n  });\n\n  const contentWrapperClass = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: transparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--disabled']]: props.disabled,\n  });\n\n  const textareaClass = cn(styles['input-container__input'], {\n    [styles[`input-container__input--disabled`]]: props.disabled,\n  });\n\n  useLayoutEffect(() => {\n    if (grow && referanse.current?.children && referanse.current?.children[0]) {\n      const textarea = referanse.current?.children[0] as HTMLTextAreaElement;\n      resizeHeight(textarea);\n    }\n  }, [value]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\n    setTextareaInput(e.target.value);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (grow) {\n      resizeHeight(e.target);\n    }\n  };\n\n  const maxWidth = width ? getTextareaMaxWidth(width) : undefined;\n\n  return (\n    <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Textarea} className={textareaWrapperClass}>\n        {renderLabel({ label: label, inputId: textareaId, onColor: onColor as FormOnColor })}\n        <div className={contentWrapperClass} ref={referanse} style={{ maxWidth }}>\n          <textarea\n            {...rest}\n            rows={minRows}\n            defaultValue={defaultValue}\n            id={textareaId}\n            className={textareaClass}\n            ref={ref}\n            aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n            aria-invalid={!!onError}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus}\n            disabled={disabled}\n            name={name}\n            autoComplete={autoComplete ? autoComplete : undefined}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            required={required}\n            onChange={onChangeHandler}\n            value={value}\n          />\n        </div>\n        {maxCharacters && (\n          <MaxCharacters\n            maxCharacters={maxCharacters}\n            length={textareaInput.toString().length}\n            maxText={mergedResources.characters}\n            onColor={onColor}\n            maxWidth={maxWidth}\n          />\n        )}\n      </div>\n    </ErrorWrapper>\n  );\n};\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n","import Textarea from './Textarea';\nexport * from './Textarea';\nexport default Textarea;\n"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","names":[],"sources":["../src/resources/HN.Designsystem.TextArea.en-GB.json","../src/resources/HN.Designsystem.TextArea.nb-NO.json","../src/resources/HN.Designsystem.TextArea.nn-NO.json","../src/components/Textarea/resourceHelper.ts","../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.ts"],"sourcesContent":["{\n  \"characters\": \"characters\"\n}\n","{\n  \"characters\": \"tegn\"\n}\n","{\n  \"characters\": \"teikn\"\n}\n","import type { HNDesignsystemTextArea } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.TextArea.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.TextArea.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.TextArea.nn-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemTextArea => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN_NYNORSK:\n      return nnNO;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import { useState, useRef, useLayoutEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport type { HNDesignsystemTextArea } from '../../resources/Resources';\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, LanguageLocales } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper from '../ErrorWrapper';\nimport { renderLabel } from '../Label/utils';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n  extends\n    ErrorWrapperClassNameProps,\n    Pick<\n      React.InputHTMLAttributes<HTMLTextAreaElement>,\n      | 'aria-describedby'\n      | 'autoFocus'\n      | 'disabled'\n      | 'name'\n      | 'autoComplete'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'defaultValue'\n      | 'onChange'\n      | 'value'\n    > {\n  /** max character limit in textarea  */\n  maxCharacters?: number;\n  /** Width of textarea in characters (approximate) */\n  width?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** If true, the component will have a bottom margin. */\n  marginBottom?: boolean;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Changes the visuals of the textarea */\n  onColor?: keyof typeof FormOnColor;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** id of the textarea */\n  textareaId?: string;\n  /** max rows */\n  maxRows?: number;\n  /** min rows */\n  minRows?: number;\n  /** auto-grows until maxRows */\n  grow?: boolean;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemTextArea>;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLTextAreaElement | null>;\n}\n\nconst getTextareaMaxWidth = (characters: number): string => {\n  const paddingWidth = '2rem';\n  const scrollbarWidth = '16px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${scrollbarWidth} + ${borderWidth})`;\n};\n\nconst Textarea: React.FC<TextareaProps> = props => {\n  const {\n    maxCharacters,\n    width,\n    testId,\n    defaultValue,\n    marginBottom: gutterBottom,\n    transparent,\n    onColor = FormOnColor.onwhite,\n    label,\n    textareaId = uuid(),\n    minRows = 3,\n    maxRows = 10,\n    grow,\n    error,\n    errorText,\n    errorTextId: errorTextIdProp,\n    errorWrapperClassName,\n    autoFocus,\n    disabled,\n    name,\n    autoComplete = 'off',\n    placeholder,\n    readOnly,\n    required,\n    onChange,\n    value,\n    resources,\n    ref,\n    ...rest\n  } = props;\n\n  const [textareaInput, setTextareaInput] = useState(value || defaultValue || '');\n  const [prevDefaultValue, setPrevDefaultValue] = useState(defaultValue);\n  const [prevValue, setPrevValue] = useState(value);\n  const referanse = useRef<HTMLDivElement>(null);\n  const errorTextUuid = useIdWithFallback(errorTextIdProp);\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemTextArea = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  if (defaultValue !== prevDefaultValue) {\n    setPrevDefaultValue(defaultValue);\n    setTextareaInput(defaultValue || '');\n  }\n\n  if (value !== prevValue) {\n    setPrevValue(value);\n\n    if (value) {\n      setTextareaInput(value);\n    }\n  }\n\n  const resizeHeight = (target: HTMLTextAreaElement): void => {\n    const textareaLineHeight = 28;\n\n    target.rows = minRows; // reset number of rows in textarea\n\n    const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight); // scrollHeight - 16px of padding to calculate the rows\n\n    if (currentRows >= maxRows) {\n      target.rows = maxRows;\n      target.scrollTop = target.scrollHeight;\n    } else {\n      target.rows = currentRows;\n    }\n  };\n\n  const onDark = onColor === FormOnColor.ondark;\n  const onBlueberry = onColor === FormOnColor.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;\n  const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n\n  const textareaWrapperClass = cn(styles.textarea, {\n    [styles['textarea--gutterBottom']]: gutterBottom,\n  });\n\n  const contentWrapperClass = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: transparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--disabled']]: props.disabled,\n  });\n\n  const textareaClass = cn(styles['input-container__input'], {\n    [styles[`input-container__input--disabled`]]: props.disabled,\n  });\n\n  useLayoutEffect(() => {\n    if (grow && referanse.current?.children && referanse.current?.children[0]) {\n      const textarea = referanse.current?.children[0] as HTMLTextAreaElement;\n      resizeHeight(textarea);\n    }\n  }, [value]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\n    setTextareaInput(e.target.value);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (grow) {\n      resizeHeight(e.target);\n    }\n  };\n\n  const maxWidth = width ? getTextareaMaxWidth(width) : undefined;\n\n  return (\n    <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Textarea} className={textareaWrapperClass}>\n        {renderLabel({ label: label, inputId: textareaId, onColor: onColor as FormOnColor })}\n        <div className={contentWrapperClass} ref={referanse} style={{ maxWidth }}>\n          <textarea\n            {...rest}\n            rows={minRows}\n            defaultValue={defaultValue}\n            id={textareaId}\n            className={textareaClass}\n            ref={ref}\n            aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n            aria-invalid={!!onError}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus}\n            disabled={disabled}\n            name={name}\n            autoComplete={autoComplete ? autoComplete : undefined}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            required={required}\n            onChange={onChangeHandler}\n            value={value}\n          />\n        </div>\n        {maxCharacters && (\n          <MaxCharacters\n            maxCharacters={maxCharacters}\n            length={textareaInput.toString().length}\n            maxText={mergedResources.characters}\n            onColor={onColor}\n            maxWidth={maxWidth}\n          />\n        )}\n      </div>\n    </ErrorWrapper>\n  );\n};\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n","import Textarea from './Textarea';\nexport * from './Textarea';\nexport default Textarea;\n"],"mappings":"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"}

package/lib/Title.js

@@ -1,11 +1,14 @@
-import { n as AnalyticsId } from "./constants2.js";
+import { AnalyticsId } from "./constants.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 import titleStyles from "./components/Title/styles.module.scss";
-const instanceOfTitleMargin = (margin) => {
+//#region src/components/Title/utils.ts
+var instanceOfTitleMargin = (margin) => {
 	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
 };
-const Title = (props) => {
+//#endregion
+//#region src/components/Title/Title.tsx
+var Title = (props) => {
 	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, tabIndex, testId, ref } = props;
 	return /* @__PURE__ */ jsx(htmlMarkup, {
 		id,
@@ -32,7 +35,7 @@ const Title = (props) => {
 		children
 	});
 };
-var Title_default = Title;
-export { Title_default as n, instanceOfTitleMargin as r, Title as t };
+//#endregion
+export { instanceOfTitleMargin as n, Title as t };
 
 //# sourceMappingURL=Title.js.map

package/lib/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["Title: React.FC<TitleProps>"],"sources":["../src/components/Title/utils.ts","../src/components/Title/Title.tsx"],"sourcesContent":["import type { TitleMargin } from './Title';\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n","import classNames from 'classnames';\n\nimport { instanceOfTitleMargin } from './utils';\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the tabIndex. Use this with caution. */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the heading element */\n  ref?: React.Ref<HTMLHeadingElement | null>;\n}\n\nexport const Title: React.FC<TitleProps> = (props: TitleProps) => {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, tabIndex, testId, ref } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n      [titleStyles['title--title6']]: appearance === 'title6',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag\n      id={id}\n      className={titleClasses}\n      style={inlineStyle}\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Title}\n      tabIndex={tabIndex}\n    >\n      {children}\n    </CustomTag>\n  );\n};\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport default Title;\n"],"mappings":";;;;AAEA,MAAa,yBAAyB,WAA2C;AAC/E,QAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,IAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,eAAe;;AC2BlI,MAAaA,SAA+B,UAAsB;CAChE,MAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,UAAU,QAAQ,QAAQ;AAoBjH,QACE,oBAPgB,YAOf;EACK;EACJ,WAtBiB,WACnB,YAAY,OACZ;IACG,YAAY,oBAAoB,eAAe;IAC/C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;GAChD,EACD,UACD;EAWG,OARgB,sBAAsB,OAAO,GAC7C;GAAE,WAAW,GAAG,OAAO,UAAU;GAAM,cAAc,GAAG,OAAO,aAAa;GAAM,GAClF;GAAE,WAAW,GAAG,OAAO;GAAM,cAAc,GAAG,OAAO;GAAM;EAOtD;EACL,eAAa;EACb,oBAAkB,YAAY;EACpB;EAET;GACS;;AAShB,IAAA,gBAAe"}
+{"version":3,"file":"Title.js","names":[],"sources":["../src/components/Title/utils.ts","../src/components/Title/Title.tsx"],"sourcesContent":["import type { TitleMargin } from './Title';\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n","import classNames from 'classnames';\n\nimport { instanceOfTitleMargin } from './utils';\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the tabIndex. Use this with caution. */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the heading element */\n  ref?: React.Ref<HTMLHeadingElement | null>;\n}\n\nexport const Title: React.FC<TitleProps> = (props: TitleProps) => {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, tabIndex, testId, ref } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n      [titleStyles['title--title6']]: appearance === 'title6',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag\n      id={id}\n      className={titleClasses}\n      style={inlineStyle}\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Title}\n      tabIndex={tabIndex}\n    >\n      {children}\n    </CustomTag>\n  );\n};\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport default Title;\n"],"mappings":";;;;;AAEA,IAAa,yBAAyB,WAA2C;CAC/E,OAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,IAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,eAAe;;;;AC2BlI,IAAa,SAA+B,UAAsB;CAChE,MAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,UAAU,QAAQ,QAAQ;CAoBjH,OACE,oBAAC,YAAD;EACM;EACJ,WAtBiB,WACnB,YAAY,OACZ;IACG,YAAY,oBAAoB,eAAe;IAC/C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;GAChD,EACD,UAWa;EACX,OARgB,sBAAsB,OAAO,GAC7C;GAAE,WAAW,GAAG,OAAO,UAAU;GAAM,cAAc,GAAG,OAAO,aAAa;GAAM,GAClF;GAAE,WAAW,GAAG,OAAO;GAAM,cAAc,GAAG,OAAO;GAAM;EAOtD;EACL,eAAa;EACb,oBAAkB,YAAY;EACpB;EAET;EACS,CAAA"}

package/lib/Toast.js

@@ -1,11 +1,12 @@
-import { a as IconSize } from "./constants2.js";
+import { IconSize } from "./constants.js";
 import { t as Icon_default } from "./Icon.js";
-import { t as CheckFill_default } from "./CheckFill.js";
-import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
+import CheckFill from "./components/Icons/CheckFill.js";
+import { useIsMobileBreakpoint } from "./hooks/useIsMobileBreakpoint.js";
 import { t as Close_default } from "./Close.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/Toast/styles.module.scss";
+//#region src/components/Toast/Toast.tsx
 var Toast = ({ testId, title, message, onClose }) => {
 	const isMobile = useIsMobileBreakpoint();
 	const handleClose = () => {
@@ -17,7 +18,7 @@ var Toast = ({ testId, title, message, onClose }) => {
 		children: [
 			/* @__PURE__ */ jsx(Icon_default, {
 				size: isMobile ? IconSize.XSmall : IconSize.Small,
-				svgIcon: CheckFill_default,
+				svgIcon: CheckFill,
 				className: classNames(styles["toast__icon"], styles["toast__icon--check"])
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -39,7 +40,7 @@ var Toast = ({ testId, title, message, onClose }) => {
 		]
 	});
 };
-var Toast_default = Toast;
-export { Toast_default as t };
+//#endregion
+export { Toast as t };
 
 //# sourceMappingURL=Toast.js.map

package/lib/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Toast: React.FC<ToastProps>"],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport CheckFill from '../Icons/CheckFill';\n\nimport styles from './styles.module.scss';\n\nexport interface ToastProps {\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** The title to display in the toast */\n  title: string;\n  /** The message to display in the toast */\n  message?: string;\n  /** Callback when toast is closed */\n  onClose?: () => void;\n}\n\nconst Toast: React.FC<ToastProps> = ({ testId, title, message, onClose }) => {\n  const isMobile = useIsMobileBreakpoint();\n\n  const handleClose = (): void => {\n    if (onClose) {\n      onClose();\n    }\n  };\n\n  return (\n    <output className={styles['toast']} data-testid={testId}>\n      <Icon\n        size={isMobile ? IconSize.XSmall : IconSize.Small}\n        svgIcon={CheckFill}\n        className={classNames(styles['toast__icon'], styles['toast__icon--check'])}\n      />\n      <div className={styles['toast__text-container']}>\n        <span className={styles['toast__title']}>{title}</span>\n        {message && <span className={styles['toast__description']}>{message}</span>}\n      </div>\n      <Close\n        onClick={handleClose}\n        color=\"black\"\n        className={classNames(styles['toast__icon'], styles['toast__icon--close'])}\n        testId={`${testId}-close`}\n      />\n    </output>\n  );\n};\n\nexport default Toast;\n"],"mappings":";;;;;;;;AAoBA,IAAMA,SAA+B,EAAE,QAAQ,OAAO,SAAS,cAAc;CAC3E,MAAM,WAAW,uBAAuB;CAExC,MAAM,oBAA0B;AAC9B,MAAI,QACF,UAAS;;AAIb,QACE,qBAAC,UAAA;EAAO,WAAW,OAAO;EAAU,eAAa;;GAC/C,oBAAC,cAAA;IACC,MAAM,WAAW,SAAS,SAAS,SAAS;IAC5C,SAAS;IACT,WAAW,WAAW,OAAO,gBAAgB,OAAO,sBAAsB;KAC1E;GACF,qBAAC,OAAA;IAAI,WAAW,OAAO;eACrB,oBAAC,QAAA;KAAK,WAAW,OAAO;eAAkB;MAAa,EACtD,WAAW,oBAAC,QAAA;KAAK,WAAW,OAAO;eAAwB;MAAe,CAAA;KACvE;GACN,oBAAC,eAAA;IACC,SAAS;IACT,OAAM;IACN,WAAW,WAAW,OAAO,gBAAgB,OAAO,sBAAsB;IAC1E,QAAQ,GAAG,OAAO;KAClB;;GACK;;AAIb,IAAA,gBAAe"}
+{"version":3,"file":"Toast.js","names":[],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport CheckFill from '../Icons/CheckFill';\n\nimport styles from './styles.module.scss';\n\nexport interface ToastProps {\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** The title to display in the toast */\n  title: string;\n  /** The message to display in the toast */\n  message?: string;\n  /** Callback when toast is closed */\n  onClose?: () => void;\n}\n\nconst Toast: React.FC<ToastProps> = ({ testId, title, message, onClose }) => {\n  const isMobile = useIsMobileBreakpoint();\n\n  const handleClose = (): void => {\n    if (onClose) {\n      onClose();\n    }\n  };\n\n  return (\n    <output className={styles['toast']} data-testid={testId}>\n      <Icon\n        size={isMobile ? IconSize.XSmall : IconSize.Small}\n        svgIcon={CheckFill}\n        className={classNames(styles['toast__icon'], styles['toast__icon--check'])}\n      />\n      <div className={styles['toast__text-container']}>\n        <span className={styles['toast__title']}>{title}</span>\n        {message && <span className={styles['toast__description']}>{message}</span>}\n      </div>\n      <Close\n        onClick={handleClose}\n        color=\"black\"\n        className={classNames(styles['toast__icon'], styles['toast__icon--close'])}\n        testId={`${testId}-close`}\n      />\n    </output>\n  );\n};\n\nexport default Toast;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,SAA+B,EAAE,QAAQ,OAAO,SAAS,cAAc;CAC3E,MAAM,WAAW,uBAAuB;CAExC,MAAM,oBAA0B;EAC9B,IAAI,SACF,SAAS;;CAIb,OACE,qBAAC,UAAD;EAAQ,WAAW,OAAO;EAAU,eAAa;YAAjD;GACE,oBAAC,cAAD;IACE,MAAM,WAAW,SAAS,SAAS,SAAS;IAC5C,SAAS;IACT,WAAW,WAAW,OAAO,gBAAgB,OAAO,sBAAsB;IAC1E,CAAA;GACF,qBAAC,OAAD;IAAK,WAAW,OAAO;cAAvB,CACE,oBAAC,QAAD;KAAM,WAAW,OAAO;eAAkB;KAAa,CAAA,EACtD,WAAW,oBAAC,QAAD;KAAM,WAAW,OAAO;eAAwB;KAAe,CAAA,CACvE;;GACN,oBAAC,eAAD;IACE,SAAS;IACT,OAAM;IACN,WAAW,WAAW,OAAO,gBAAgB,OAAO,sBAAsB;IAC1E,QAAQ,GAAG,OAAO;IAClB,CAAA;GACK"}

package/lib/__mocks__/IntersectionObserver.js

@@ -1,10 +1,11 @@
+//#region src/__mocks__/IntersectionObserver.ts
 var IntersectionObserver = class {
 	observe() {}
 	unobserve() {}
 	disconnect() {}
 };
 Object.defineProperty(window, "IntersectionObserver", { value: IntersectionObserver });
-var IntersectionObserver_default = IntersectionObserver;
-export { IntersectionObserver_default as default };
+//#endregion
+export { IntersectionObserver as default };
 
 //# sourceMappingURL=IntersectionObserver.js.map

package/lib/__mocks__/IntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntersectionObserver.js","names":[],"sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"mappings":"AAAA,IAAM,uBAAN,MAA2B;CACzB,UAAgB;CAGhB,YAAkB;CAGlB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,wBAAwB,EACpD,OAAO,sBACR,CAAC;AAEF,IAAA,+BAAe"}
+{"version":3,"file":"IntersectionObserver.js","names":[],"sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"mappings":";AAAA,IAAM,uBAAN,MAA2B;CACzB,UAAgB;CAGhB,YAAkB;CAGlB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,wBAAwB,EACpD,OAAO,sBACR,CAAC"}

package/lib/__mocks__/MutationObserver.js

@@ -1,9 +1,10 @@
+//#region src/__mocks__/MutationObserver.ts
 var MutationObserver = class {
 	observe() {}
 	disconnect() {}
 };
 Object.defineProperty(window, "MutationObserver", { value: MutationObserver });
-var MutationObserver_default = MutationObserver;
-export { MutationObserver_default as default };
+//#endregion
+export { MutationObserver as default };
 
 //# sourceMappingURL=MutationObserver.js.map

package/lib/__mocks__/MutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutationObserver.js","names":[],"sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"mappings":"AAAA,IAAM,mBAAN,MAAuB;CACrB,UAAgB;CAGhB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,oBAAoB,EAChD,OAAO,kBACR,CAAC;AAEF,IAAA,2BAAe"}
+{"version":3,"file":"MutationObserver.js","names":[],"sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"mappings":";AAAA,IAAM,mBAAN,MAAuB;CACrB,UAAgB;CAGhB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,oBAAoB,EAChD,OAAO,kBACR,CAAC"}

package/lib/__mocks__/ResizeObserver.js

@@ -1,10 +1,11 @@
+//#region src/__mocks__/ResizeObserver.ts
 var ResizeObserver = class {
 	observe() {}
 	unobserve() {}
 	disconnect() {}
 };
 Object.defineProperty(window, "ResizeObserver", { value: ResizeObserver });
-var ResizeObserver_default = ResizeObserver;
-export { ResizeObserver_default as default };
+//#endregion
+export { ResizeObserver as default };
 
 //# sourceMappingURL=ResizeObserver.js.map

package/lib/__mocks__/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.js","names":[],"sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"mappings":"AAAA,IAAM,iBAAN,MAAqB;CACnB,UAAgB;CAGhB,YAAkB;CAGlB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,kBAAkB,EAC9C,OAAO,gBACR,CAAC;AAEF,IAAA,yBAAe"}
+{"version":3,"file":"ResizeObserver.js","names":[],"sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"mappings":";AAAA,IAAM,iBAAN,MAAqB;CACnB,UAAgB;CAGhB,YAAkB;CAGlB,aAAmB;;AAKrB,OAAO,eAAe,QAAQ,kBAAkB,EAC9C,OAAO,gBACR,CAAC"}

package/lib/__mocks__/matchMedia.js

@@ -1,5 +1,6 @@
 import { vi } from "vitest";
-const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
+//#region src/__mocks__/matchMedia.ts
+var mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
 	matches: true,
 	addEventListener: vi.fn(),
 	removeEventListener: vi.fn()
@@ -8,6 +9,7 @@ Object.defineProperty(window, "matchMedia", {
 	writable: true,
 	value: mockWindowMatchMedia
 });
+//#endregion
 export { mockWindowMatchMedia };
 
 //# sourceMappingURL=matchMedia.js.map

package/lib/__mocks__/matchMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"matchMedia.js","names":["mockWindowMatchMedia: Mock"],"sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi, type Mock } from 'vitest';\n\nexport const mockWindowMatchMedia: Mock = vi.fn().mockImplementation(() => ({\n  matches: true,\n  addEventListener: vi.fn(),\n  removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"mappings":";AAEA,MAAaA,uBAA6B,GAAG,IAAI,CAAC,0BAA0B;CAC1E,SAAS;CACT,kBAAkB,GAAG,IAAI;CACzB,qBAAqB,GAAG,IAAI;CAC7B,EAAE;AAEH,OAAO,eAAe,QAAQ,cAAc;CAC1C,UAAU;CACV,OAAO;CACR,CAAC"}
+{"version":3,"file":"matchMedia.js","names":[],"sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi, type Mock } from 'vitest';\n\nexport const mockWindowMatchMedia: Mock = vi.fn().mockImplementation(() => ({\n  matches: true,\n  addEventListener: vi.fn(),\n  removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"mappings":";;AAEA,IAAa,uBAA6B,GAAG,IAAI,CAAC,0BAA0B;CAC1E,SAAS;CACT,kBAAkB,GAAG,IAAI;CACzB,qBAAqB,GAAG,IAAI;CAC7B,EAAE;AAEH,OAAO,eAAe,QAAQ,cAAc;CAC1C,UAAU;CACV,OAAO;CACR,CAAC"}

package/lib/__mocks__/useLayoutEvent.js

@@ -1,3 +1,5 @@
+//#region src/__mocks__/useLayoutEvent.ts
 vi.mock("../hooks/useLayoutEvent", () => ({ useLayoutEvent: vi.fn() }));
+//#endregion
 
 //# sourceMappingURL=useLayoutEvent.js.map

package/lib/__mocks__/useLayoutEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEvent.js","names":[],"sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["vi.mock('../hooks/useLayoutEvent', () => ({\n  useLayoutEvent: vi.fn(),\n}));\n\nexport {};\n"],"mappings":"AAAA,GAAG,KAAK,kCAAkC,EACxC,gBAAgB,GAAG,IAAI,EACxB,EAAE"}
+{"version":3,"file":"useLayoutEvent.js","names":[],"sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["vi.mock('../hooks/useLayoutEvent', () => ({\n  useLayoutEvent: vi.fn(),\n}));\n\nexport {};\n"],"mappings":";AAAA,GAAG,KAAK,kCAAkC,EACxC,gBAAgB,GAAG,IAAI,EACxB,EAAE"}

package/lib/__mocks__/useOutsideEvent.js

@@ -1,3 +1,5 @@
+//#region src/__mocks__/useOutsideEvent.ts
 vi.mock("../hooks/useOutsideEvent", () => ({ useOutsideEvent: vi.fn() }));
+//#endregion
 
 //# sourceMappingURL=useOutsideEvent.js.map

package/lib/__mocks__/useOutsideEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["vi.mock('../hooks/useOutsideEvent', () => ({\n  useOutsideEvent: vi.fn(),\n}));\n\nexport {};\n"],"mappings":"AAAA,GAAG,KAAK,mCAAmC,EACzC,iBAAiB,GAAG,IAAI,EACzB,EAAE"}
+{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["vi.mock('../hooks/useOutsideEvent', () => ({\n  useOutsideEvent: vi.fn(),\n}));\n\nexport {};\n"],"mappings":";AAAA,GAAG,KAAK,mCAAmC,EACzC,iBAAiB,GAAG,IAAI,EACzB,EAAE"}

package/lib/__mocks__/usePseudoClasses.js

@@ -1,3 +1,4 @@
+//#region src/__mocks__/usePseudoClasses.ts
 vi.mock("../hooks/usePseudoClasses", () => ({ usePseudoClasses: vi.fn().mockImplementation((ref) => {
 	return {
 		refObject: ref || { current: void 0 },
@@ -5,5 +6,6 @@ vi.mock("../hooks/usePseudoClasses", () => ({ usePseudoClasses: vi.fn().mockImpl
 		isFocused: false
 	};
 }) }));
+//#endregion
 
 //# sourceMappingURL=usePseudoClasses.js.map

package/lib/__mocks__/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["vi.mock('../hooks/usePseudoClasses', () => ({\n  usePseudoClasses: vi.fn().mockImplementation(ref => {\n    return { refObject: ref || { current: undefined }, isHovered: false, isFocused: false };\n  }),\n}));\n\nexport {};\n"],"mappings":"AAAA,GAAG,KAAK,oCAAoC,EAC1C,kBAAkB,GAAG,IAAI,CAAC,oBAAmB,QAAO;AAClD,QAAO;EAAE,WAAW,OAAO,EAAE,SAAS,KAAA,GAAW;EAAE,WAAW;EAAO,WAAW;EAAO;EACvF,EACH,EAAE"}
+{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../../src/__mocks__/usePseudoClasses.ts"],"sourcesContent":["vi.mock('../hooks/usePseudoClasses', () => ({\n  usePseudoClasses: vi.fn().mockImplementation(ref => {\n    return { refObject: ref || { current: undefined }, isHovered: false, isFocused: false };\n  }),\n}));\n\nexport {};\n"],"mappings":";AAAA,GAAG,KAAK,oCAAoC,EAC1C,kBAAkB,GAAG,IAAI,CAAC,oBAAmB,QAAO;CAClD,OAAO;EAAE,WAAW,OAAO,EAAE,SAAS,KAAA,GAAW;EAAE,WAAW;EAAO,WAAW;EAAO;EACvF,EACH,EAAE"}

package/lib/__mocks__/useSize.js

@@ -1,3 +1,4 @@
+//#region src/__mocks__/useSize.ts
 vi.mock("../hooks/useSize", () => ({ useSize: vi.fn().mockReturnValue({
 	height: 100,
 	width: 100,
@@ -6,5 +7,6 @@ vi.mock("../hooks/useSize", () => ({ useSize: vi.fn().mockReturnValue({
 	right: 100,
 	bottom: 100
 }) }));
+//#endregion
 
 //# sourceMappingURL=useSize.js.map

package/lib/__mocks__/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","names":[],"sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["vi.mock('../hooks/useSize', () => ({\n  useSize: vi.fn().mockReturnValue({\n    height: 100,\n    width: 100,\n    top: 0,\n    left: 0,\n    right: 100,\n    bottom: 100,\n  }),\n}));\n\nexport {};\n"],"mappings":"AAAA,GAAG,KAAK,2BAA2B,EACjC,SAAS,GAAG,IAAI,CAAC,gBAAgB;CAC/B,QAAQ;CACR,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACT,CAAC,EACH,EAAE"}
+{"version":3,"file":"useSize.js","names":[],"sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["vi.mock('../hooks/useSize', () => ({\n  useSize: vi.fn().mockReturnValue({\n    height: 100,\n    width: 100,\n    top: 0,\n    left: 0,\n    right: 100,\n    bottom: 100,\n  }),\n}));\n\nexport {};\n"],"mappings":";AAAA,GAAG,KAAK,2BAA2B,EACjC,SAAS,GAAG,IAAI,CAAC,gBAAgB;CAC/B,QAAQ;CACR,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACT,CAAC,EACH,EAAE"}

package/lib/__mocks__/uuid.js

@@ -1,8 +1,13 @@
-import { r as uuid_exports } from "../uuid.js";
+import { n as uuid_exports } from "../uuid.js";
+//#region src/__mocks__/uuid.ts
 var testId = { id: 0 };
+/**
+* Returnerer en unik, forutsigbar id hver gang uuid() kalles
+*/
 vi.spyOn(uuid_exports, "uuid").mockImplementation(() => {
 	testId.id++;
 	return `testid-${testId.id}`;
 });
+//#endregion
 
 //# sourceMappingURL=uuid.js.map

package/lib/__mocks__/uuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uuid.js","names":[],"sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"mappings":";AAEA,IAAM,SAAS,EACb,IAAI,GACL;AAKD,GAAG,MAAM,cAAW,OAAO,CAAC,yBAAyB;AACnD,QAAO;AACP,QAAO,UAAU,OAAO;EACxB"}
+{"version":3,"file":"uuid.js","names":[],"sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"mappings":";;AAEA,IAAM,SAAS,EACb,IAAI,GACL;;;;AAKD,GAAG,MAAM,cAAW,OAAO,CAAC,yBAAyB;CACnD,OAAO;CACP,OAAO,UAAU,OAAO;EACxB"}

package/lib/components/ArticleTeaser/index.js

@@ -1,5 +1,5 @@
-import { n as AnalyticsId, s as LanguageLocales } from "../../constants2.js";
-import { n as useLanguage } from "../../useLanguage.js";
+import { AnalyticsId, LanguageLocales } from "../../constants.js";
+import { useLanguage } from "../../hooks/useLanguage.js";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
@@ -11,13 +11,17 @@ var HN_Designsystem_ArticleTeaser_nb_NO_default = {
 	expandButtonClose: "Vis mer",
 	expandButtonOpen: "Vis mindre"
 };
-const getResources = (language) => {
+//#endregion
+//#region src/components/ArticleTeaser/resourceHelper.ts
+var getResources = (language) => {
 	switch (language) {
 		case LanguageLocales.ENGLISH: return HN_Designsystem_ArticleTeaser_en_GB_default;
 		case LanguageLocales.NORWEGIAN:
 		default: return HN_Designsystem_ArticleTeaser_nb_NO_default;
 	}
 };
+//#endregion
+//#region src/components/ArticleTeaser/ArticleTeaser.tsx
 var ArticleTeaser = (props) => {
 	const { onExpand, children, contentId, expanded, htmlMarkup = "div", resources, testId } = props;
 	const WrapperTag = htmlMarkup;
@@ -44,7 +48,10 @@ var ArticleTeaser = (props) => {
 		})]
 	});
 };
+//#endregion
+//#region src/components/ArticleTeaser/index.ts
 var ArticleTeaser_default = ArticleTeaser;
+//#endregion
 export { ArticleTeaser_default as default };
 
 //# sourceMappingURL=index.js.map

package/lib/components/ArticleTeaser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ArticleTeaser: React.FC<ArticleTeaserProps>","mergedResources: HNDesignsystemArticleTeaser"],"sources":["../../../src/resources/HN.Designsystem.ArticleTeaser.en-GB.json","../../../src/resources/HN.Designsystem.ArticleTeaser.nb-NO.json","../../../src/components/ArticleTeaser/resourceHelper.ts","../../../src/components/ArticleTeaser/ArticleTeaser.tsx","../../../src/components/ArticleTeaser/index.ts"],"sourcesContent":["{\n  \"expandButtonClose\": \"Show more\",\n  \"expandButtonOpen\": \"Show less\"\n}\n","{\n  \"expandButtonClose\": \"Vis mer\",\n  \"expandButtonOpen\": \"Vis mindre\"\n}\n","import type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.ArticleTeaser.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.ArticleTeaser.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemArticleTeaser => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\n\nimport styles from './styles.module.scss';\n\nexport type ArticleTeaserTags = 'div' | 'section' | 'aside' | 'article';\n\nexport interface ArticleTeaserProps {\n  /** Callback for the button. Should be used for setting the expanded boolean */\n  onExpand: () => void;\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Id of the content, used to set aria-controls */\n  contentId: string;\n  /** If the component is expanded or not */\n  expanded: boolean;\n  /** For overriding the height of the collapsed teaser */\n  heightCollapsed?: string;\n  /** Changes the underlying element of the wrapper */\n  htmlMarkup?: ArticleTeaserTags;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemArticleTeaser>;\n  /** Sets the data-testid attribute */\n  testId?: string;\n}\n\nconst ArticleTeaser: React.FC<ArticleTeaserProps> = props => {\n  const { onExpand, children, contentId, expanded, htmlMarkup = 'div', resources, testId } = props;\n  const WrapperTag = htmlMarkup;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemArticleTeaser = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  return (\n    <WrapperTag className={classNames(styles.articleteaser)} data-testid={testId} data-analyticsid={AnalyticsId.ArticleTeaser}>\n      <div\n        className={classNames(styles['articleteaser__content'], {\n          [styles['articleteaser__content--collapsed']]: !expanded,\n        })}\n        style={{\n          maxHeight: expanded ? 'none' : props.heightCollapsed,\n        }}\n      >\n        {children}\n      </div>\n      <button\n        type=\"button\"\n        className={classNames(styles['articleteaser__button'], {\n          [styles['articleteaser__button--expanded']]: expanded,\n        })}\n        onClick={onExpand}\n        aria-expanded={expanded}\n        aria-controls={contentId}\n      >\n        {expanded ? mergedResources.expandButtonOpen : mergedResources.expandButtonClose}\n      </button>\n    </WrapperTag>\n  );\n};\n\nexport default ArticleTeaser;\n","import ArticleTeaser from './ArticleTeaser';\nexport * from './ArticleTeaser';\nexport default ArticleTeaser;\n"],"mappings":";;;;;;;;;;;;;AEMA,MAAa,gBAAgB,aAA2D;AACtF,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACmBb,IAAMA,iBAA8C,UAAS;CAC3D,MAAM,EAAE,UAAU,UAAU,WAAW,UAAU,aAAa,OAAO,WAAW,WAAW;CAC3F,MAAM,aAAa;CAEnB,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAMC,kBAA+C;EACnD,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;AAED,QACE,qBAAC,YAAA;EAAW,WAAW,WAAW,OAAO,cAAc;EAAE,eAAa;EAAQ,oBAAkB,YAAY;aAC1G,oBAAC,OAAA;GACC,WAAW,WAAW,OAAO,2BAA2B,GACrD,OAAO,uCAAuC,CAAC,UACjD,CAAC;GACF,OAAO,EACL,WAAW,WAAW,SAAS,MAAM,iBACtC;GAEA;IACG,EACN,oBAAC,UAAA;GACC,MAAK;GACL,WAAW,WAAW,OAAO,0BAA0B,GACpD,OAAO,qCAAqC,UAC9C,CAAC;GACF,SAAS;GACT,iBAAe;GACf,iBAAe;aAEd,WAAW,gBAAgB,mBAAmB,gBAAgB;IACxD,CAAA;GACE;;AChEjB,IAAA,wBDoEe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/resources/HN.Designsystem.ArticleTeaser.en-GB.json","../../../src/resources/HN.Designsystem.ArticleTeaser.nb-NO.json","../../../src/components/ArticleTeaser/resourceHelper.ts","../../../src/components/ArticleTeaser/ArticleTeaser.tsx","../../../src/components/ArticleTeaser/index.ts"],"sourcesContent":["{\n  \"expandButtonClose\": \"Show more\",\n  \"expandButtonOpen\": \"Show less\"\n}\n","{\n  \"expandButtonClose\": \"Vis mer\",\n  \"expandButtonOpen\": \"Vis mindre\"\n}\n","import type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.ArticleTeaser.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.ArticleTeaser.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemArticleTeaser => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\n\nimport styles from './styles.module.scss';\n\nexport type ArticleTeaserTags = 'div' | 'section' | 'aside' | 'article';\n\nexport interface ArticleTeaserProps {\n  /** Callback for the button. Should be used for setting the expanded boolean */\n  onExpand: () => void;\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Id of the content, used to set aria-controls */\n  contentId: string;\n  /** If the component is expanded or not */\n  expanded: boolean;\n  /** For overriding the height of the collapsed teaser */\n  heightCollapsed?: string;\n  /** Changes the underlying element of the wrapper */\n  htmlMarkup?: ArticleTeaserTags;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemArticleTeaser>;\n  /** Sets the data-testid attribute */\n  testId?: string;\n}\n\nconst ArticleTeaser: React.FC<ArticleTeaserProps> = props => {\n  const { onExpand, children, contentId, expanded, htmlMarkup = 'div', resources, testId } = props;\n  const WrapperTag = htmlMarkup;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemArticleTeaser = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  return (\n    <WrapperTag className={classNames(styles.articleteaser)} data-testid={testId} data-analyticsid={AnalyticsId.ArticleTeaser}>\n      <div\n        className={classNames(styles['articleteaser__content'], {\n          [styles['articleteaser__content--collapsed']]: !expanded,\n        })}\n        style={{\n          maxHeight: expanded ? 'none' : props.heightCollapsed,\n        }}\n      >\n        {children}\n      </div>\n      <button\n        type=\"button\"\n        className={classNames(styles['articleteaser__button'], {\n          [styles['articleteaser__button--expanded']]: expanded,\n        })}\n        onClick={onExpand}\n        aria-expanded={expanded}\n        aria-controls={contentId}\n      >\n        {expanded ? mergedResources.expandButtonOpen : mergedResources.expandButtonClose}\n      </button>\n    </WrapperTag>\n  );\n};\n\nexport default ArticleTeaser;\n","import ArticleTeaser from './ArticleTeaser';\nexport * from './ArticleTeaser';\nexport default ArticleTeaser;\n"],"mappings":";;;;;;;;;;;;;;;AEMA,IAAa,gBAAgB,aAA2D;CACtF,QAAQ,UAAR;EACE,KAAK,gBAAgB,SACnB,OAAO;EACT,KAAK,gBAAgB;EACrB,SACE,OAAO;;;;;ACmBb,IAAM,iBAA8C,UAAS;CAC3D,MAAM,EAAE,UAAU,UAAU,WAAW,UAAU,aAAa,OAAO,WAAW,WAAW;CAC3F,MAAM,aAAa;CAEnB,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAM,kBAA+C;EACnD,GAHuB,aAAa,SAGjC;EACH,GAAG;EACJ;CAED,OACE,qBAAC,YAAD;EAAY,WAAW,WAAW,OAAO,cAAc;EAAE,eAAa;EAAQ,oBAAkB,YAAY;YAA5G,CACE,oBAAC,OAAD;GACE,WAAW,WAAW,OAAO,2BAA2B,GACrD,OAAO,uCAAuC,CAAC,UACjD,CAAC;GACF,OAAO,EACL,WAAW,WAAW,SAAS,MAAM,iBACtC;GAEA;GACG,CAAA,EACN,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,WAAW,OAAO,0BAA0B,GACpD,OAAO,qCAAqC,UAC9C,CAAC;GACF,SAAS;GACT,iBAAe;GACf,iBAAe;aAEd,WAAW,gBAAgB,mBAAmB,gBAAgB;GACxD,CAAA,CACE;;;;;AChEjB,IAAA,wBAAe"}

package/lib/components/Checkbox/index.js

@@ -1,3 +1,7 @@
 import { t as Checkbox } from "../../Checkbox.js";
-import { t as Checkbox_default } from "../../Checkbox2.js";
+//#region src/components/Checkbox/index.ts
+var Checkbox_default = Checkbox;
+//#endregion
 export { Checkbox, Checkbox_default as default };
+
+//# sourceMappingURL=index.js.map

package/lib/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Checkbox/index.ts"],"sourcesContent":["import Checkbox from './Checkbox';\nexport * from './Checkbox';\nexport default Checkbox;\n"],"mappings":";;AAEA,IAAA,mBAAe"}

package/lib/components/Chip/Chip.d.ts

@@ -1,7 +1,5 @@
 import { HNDesignsystemChip } from '../../resources/Resources';
 export interface ChipProps {
-    /** @deprecated Called when action is set and the chip is clicked on. action must also be set. */
-    onClick?: () => void;
     /** Sets the text of the chip */
     children: string;
     /** Wether or not to have a close button */

package/lib/components/Dropdown/SingleSelect/index.js

@@ -1,5 +1,7 @@
-import { i as useSingleSelect, n as SingleSelectItem_default, r as SingleSelectContext, t as SingleSelectItem } from "../../../SingleSelectItem.js";
-var SingleSelect_default = SingleSelectItem_default;
+import { n as SingleSelectContext, r as useSingleSelect, t as SingleSelectItem } from "../../../SingleSelectItem.js";
+//#region src/components/Dropdown/SingleSelect/index.ts
+var SingleSelect_default = SingleSelectItem;
+//#endregion
 export { SingleSelectContext, SingleSelectItem, SingleSelect_default as default, useSingleSelect };
 
 //# sourceMappingURL=index.js.map

package/lib/components/Dropdown/SingleSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dropdown/SingleSelect/index.ts"],"sourcesContent":["import SingleSelectItem from './SingleSelectItem';\nexport * from './SingleSelectItem';\nexport * from './utils';\nexport default SingleSelectItem;\n"],"mappings":";AAGA,IAAA,uBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Dropdown/SingleSelect/index.ts"],"sourcesContent":["import SingleSelectItem from './SingleSelectItem';\nexport * from './SingleSelectItem';\nexport * from './utils';\nexport default SingleSelectItem;\n"],"mappings":";;AAGA,IAAA,uBAAe"}

package/lib/components/Dropdown/index.js

@@ -1,36 +1,39 @@
-import { a as IconSize, c as ZIndex, n as AnalyticsId, o as KeyboardEventKey, s as LanguageLocales } from "../../constants2.js";
-import { t as usePseudoClasses } from "../../usePseudoClasses.js";
-import { n as mergeRefs } from "../../refs.js";
+import { AnalyticsId, IconSize, KeyboardEventKey, LanguageLocales, ZIndex } from "../../constants.js";
+import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
+import { mergeRefs } from "../../utils/refs.js";
 import { t as Icon_default } from "../../Icon.js";
-import { n as useLanguage } from "../../useLanguage.js";
+import { useLanguage } from "../../hooks/useLanguage.js";
 import { t as LazyIcon_default } from "../../LazyIcon.js";
-import { t as isComponent } from "../../component.js";
-import { t as useIsMobileBreakpoint } from "../../useIsMobileBreakpoint.js";
+import { isComponent } from "../../utils/component.js";
+import { useIsMobileBreakpoint } from "../../hooks/useIsMobileBreakpoint.js";
 import { t as Button_default } from "../../Button.js";
-import { t as useToggle } from "../../useToggle.js";
-import { t as useKeyboardEvent } from "../../useKeyboardEvent.js";
-import { t as useOutsideEvent } from "../../useOutsideEvent.js";
-import { t as Checkbox_default } from "../../Checkbox2.js";
+import { useToggle } from "../../hooks/useToggle.js";
+import { useKeyboardEvent } from "../../hooks/useKeyboardEvent.js";
+import { useOutsideEvent } from "../../hooks/useOutsideEvent.js";
+import Checkbox_default from "../Checkbox/index.js";
 import { _ as autoUpdate, f as flip, g as size, h as shift, m as offset, o as useFloating } from "../../floating-ui.react.js";
 import { n as HN_Designsystem_Dropdown_en_GB_default, t as HN_Designsystem_Dropdown_nb_NO_default } from "../../HN.Designsystem.Dropdown.nb-NO.js";
-import { r as SingleSelectContext, t as SingleSelectItem } from "../../SingleSelectItem.js";
-import { t as ChevronDown_default } from "../../ChevronDown.js";
-import { t as ChevronUp_default } from "../../ChevronUp.js";
-import { t as PlusSmall_default } from "../../PlusSmall.js";
-import { t as Label_default } from "../../Label.js";
+import { n as SingleSelectContext, t as SingleSelectItem } from "../../SingleSelectItem.js";
+import ChevronDown from "../Icons/ChevronDown.js";
+import ChevronUp from "../Icons/ChevronUp.js";
+import PlusSmall from "../Icons/PlusSmall.js";
+import Label_default from "../Label/index.js";
 import classNames from "classnames";
 import React, { useEffect, useId, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clamp } from "motion/react";
 import styles from "./styles.module.scss";
-const getResources = (language) => {
+//#region src/components/Dropdown/resourceHelper.ts
+var getResources = (language) => {
 	switch (language) {
 		case LanguageLocales.ENGLISH: return HN_Designsystem_Dropdown_en_GB_default;
 		case LanguageLocales.NORWEGIAN:
 		default: return HN_Designsystem_Dropdown_nb_NO_default;
 	}
 };
-const SingleSelect = ({ name, disabled, defaultValue, onValueChange, children }) => {
+//#endregion
+//#region src/components/Dropdown/SingleSelect/SingleSelect.tsx
+var SingleSelect = ({ name, disabled, defaultValue, onValueChange, children }) => {
 	const [selected, setSelected] = React.useState(defaultValue);
 	const context = React.useMemo(() => ({
 		name,
@@ -51,7 +54,9 @@ const SingleSelect = ({ name, disabled, defaultValue, onValueChange, children })
 		children
 	});
 };
-const DropdownBase = (props) => {
+//#endregion
+//#region src/components/Dropdown/Dropdown.tsx
+var DropdownBase = (props) => {
 	const { triggerText, noCloseButton = false, onToggle, dropdownMinWidth, triggerMinWidth, open = false, children, testId, disabled, zIndex = ZIndex.PopOver, resources, svgIcon, variant = "fill" } = props;
 	const dropdownRef = useRef(null);
 	const optionsRef = useRef(null);
@@ -226,7 +231,7 @@ const DropdownBase = (props) => {
 					children: triggerText
 				}),
 				/* @__PURE__ */ jsx(Icon_default, {
-					svgIcon: !isSingleSelect ? PlusSmall_default : isOpen ? ChevronUp_default : ChevronDown_default,
+					svgIcon: !isSingleSelect ? PlusSmall : isOpen ? ChevronUp : ChevronDown,
 					className: styles["dropdown__right-icon"],
 					isHovered: !disabled && isHovered,
 					size: IconSize.XSmall
@@ -263,7 +268,10 @@ const DropdownBase = (props) => {
 var Dropdown = DropdownBase;
 Dropdown.SingleSelectItem = SingleSelectItem;
 DropdownBase.displayName = "Dropdown";
+//#endregion
+//#region src/components/Dropdown/index.ts
 var Dropdown_default = Dropdown;
+//#endregion
 export { DropdownBase, Dropdown_default as default };
 
 //# sourceMappingURL=index.js.map