@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/lib/TableHeadCell.js

@@ -0,0 +1,55 @@
+import { a as IconSize } from "./constants2.js";
+import { t as Icon_default } from "./Icon.js";
+import { t as ArrowDown_default } from "./ArrowDown.js";
+import { t as ArrowUp_default } from "./ArrowUp.js";
+import { t as ModeType } from "./Table.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import tableStyles from "./components/Table/styles.module.scss";
+let SortDirection = /* @__PURE__ */ function(SortDirection$1) {
+	SortDirection$1["asc"] = "asc";
+	SortDirection$1["desc"] = "desc";
+	return SortDirection$1;
+}({});
+const TableHeadCell = ({ sortable, onClick, className, children, sortDir, mode = ModeType.normal, scope = "col", ...rest }) => {
+	const tableHeadCellDefaultClass = classNames(tableStyles["table__head-cell"], className, { [tableStyles["table__head-cell--compact"]]: mode === ModeType.compact });
+	if (!sortable && !children) return /* @__PURE__ */ jsx("td", { className: tableHeadCellDefaultClass });
+	if (!sortable) return /* @__PURE__ */ jsx("th", {
+		scope,
+		className: tableHeadCellDefaultClass,
+		...rest,
+		children
+	});
+	const sortableClasses = classNames(tableHeadCellDefaultClass, tableStyles["table__head-cell--sortable"], className);
+	const renderSortIcon = () => sortDir && /* @__PURE__ */ jsx("div", {
+		className: tableStyles["table__head-cell-sort-icon-wrapper"],
+		children: /* @__PURE__ */ jsx(Icon_default, {
+			svgIcon: sortDir == SortDirection.asc ? ArrowDown_default : ArrowUp_default,
+			size: IconSize.XXSmall
+		})
+	});
+	const getSortDirection = () => {
+		switch (sortDir) {
+			case SortDirection.asc: return "ascending";
+			case SortDirection.desc: return "descending";
+		}
+	};
+	return /* @__PURE__ */ jsx("th", {
+		scope,
+		className: sortableClasses,
+		"aria-sort": getSortDirection(),
+		...rest,
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick,
+			className: tableStyles["table__sort-button"],
+			"aria-pressed": sortDir ? !!sortDir : void 0,
+			children: [renderSortIcon(), children]
+		})
+	});
+};
+var TableHeadCell_default$1 = TableHeadCell;
+export { SortDirection as n, TableHeadCell as r, TableHeadCell_default$1 as t };
+
+//# sourceMappingURL=TableHeadCell.js.map

package/lib/TableHeadCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeadCell.js","names":["TableHeadCell: React.FC<Props>"],"sources":["../src/components/Table/TableHeadCell/TableHeadCell.tsx","../src/components/Table/TableHeadCell/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Icon, { IconSize } from '../../Icon';\nimport ArrowDown from '../../Icons/ArrowDown';\nimport ArrowUp from '../../Icons/ArrowUp';\nimport tableStyles from '../styles.module.scss';\nimport { ModeType } from '../Table';\n\nexport enum SortDirection {\n  asc = 'asc',\n  desc = 'desc',\n}\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'th'>, 'style'> {\n  /** Sets if column for head cell should be sortable*/\n  sortable?: boolean;\n  /** Sort direction  */\n  sortDir?: SortDirection;\n  /** Function that is called when clicked */\n  onClick?: () => void;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the content of the td element.  */\n  children?: React.ReactNode;\n  /** For display with less space. Discouraged to use together with interactive elements. */\n  mode?: ModeType;\n}\n\nexport const TableHeadCell: React.FC<Props> = ({\n  sortable,\n  onClick,\n  className,\n  children,\n  sortDir,\n  mode = ModeType.normal,\n  scope = 'col',\n  ...rest\n}) => {\n  const tableHeadCellDefaultClass = classNames(tableStyles['table__head-cell'], className, {\n    [tableStyles['table__head-cell--compact']]: mode === ModeType.compact,\n  });\n\n  if (!sortable && !children) {\n    return <td className={tableHeadCellDefaultClass}></td>;\n  }\n\n  if (!sortable) {\n    return (\n      <th scope={scope} className={tableHeadCellDefaultClass} {...rest}>\n        {children}\n      </th>\n    );\n  }\n\n  const sortableClasses = classNames(tableHeadCellDefaultClass, tableStyles['table__head-cell--sortable'], className);\n\n  const renderSortIcon = (): React.JSX.Element | undefined =>\n    sortDir && (\n      <div className={tableStyles['table__head-cell-sort-icon-wrapper']}>\n        <Icon svgIcon={sortDir == SortDirection.asc ? ArrowDown : ArrowUp} size={IconSize.XXSmall} />\n      </div>\n    );\n\n  const getSortDirection = (): React.AriaAttributes['aria-sort'] => {\n    switch (sortDir) {\n      case SortDirection.asc:\n        return 'ascending';\n      case SortDirection.desc:\n        return 'descending';\n    }\n  };\n\n  return (\n    <th scope={scope} className={sortableClasses} aria-sort={getSortDirection()} {...rest}>\n      <button type=\"button\" onClick={onClick} className={tableStyles['table__sort-button']} aria-pressed={sortDir ? !!sortDir : undefined}>\n        {renderSortIcon()}\n        {children}\n      </button>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n","import TableHeadCell from './TableHeadCell';\nexport * from './TableHeadCell';\nexport default TableHeadCell;\n"],"mappings":";;;;;;;;;AAUA,IAAY,gBAAA,yBAAA,iBAAL;AACL,iBAAA,SAAA;AACA,iBAAA,UAAA;;;AAkBF,MAAaA,iBAAkC,EAC7C,UACA,SACA,WACA,UACA,SACA,OAAO,SAAS,QAChB,QAAQ,OACR,GAAG,WACC;CACJ,MAAM,4BAA4B,WAAW,YAAY,qBAAqB,WAAW,GACtF,YAAY,+BAA+B,SAAS,SAAS,SAC/D,CAAC;AAEF,KAAI,CAAC,YAAY,CAAC,SAChB,QAAO,oBAAC,MAAA,EAAG,WAAW,2BAAA,CAAgC;AAGxD,KAAI,CAAC,SACH,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAA2B,GAAI;EACzD;GACE;CAIT,MAAM,kBAAkB,WAAW,2BAA2B,YAAY,+BAA+B,UAAU;CAEnH,MAAM,uBACJ,WACE,oBAAC,OAAA;EAAI,WAAW,YAAY;YAC1B,oBAAC,cAAA;GAAK,SAAS,WAAW,cAAc,MAAM,oBAAY;GAAS,MAAM,SAAS;IAAW;GACzF;CAGV,MAAM,yBAA4D;AAChE,UAAQ,SAAR;GACE,KAAK,cAAc,IACjB,QAAO;GACT,KAAK,cAAc,KACjB,QAAO;;;AAIb,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAAiB,aAAW,kBAAkB;EAAE,GAAI;YAC/E,qBAAC,UAAA;GAAO,MAAK;GAAkB;GAAS,WAAW,YAAY;GAAuB,gBAAc,UAAU,CAAC,CAAC,UAAU,KAAA;cACvH,gBAAgB,EAChB,SAAA;IACM;GACN;;AC9ET,IAAA,0BDkFe"}

package/lib/TableRow.js

@@ -0,0 +1,46 @@
+import { t as Icon_default } from "./Icon.js";
+import { t as Button_default } from "./Button.js";
+import { t as ChevronDown_default } from "./ChevronDown.js";
+import { t as ChevronUp_default } from "./ChevronUp.js";
+import { t as ModeType } from "./Table.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import tableStyles from "./components/Table/styles.module.scss";
+var TableExpanderCellMobile = ({ expanded, onClick, hideDetailsText, showDetailsText, mode = ModeType.normal }) => {
+	return /* @__PURE__ */ jsx("td", {
+		className: classNames(tableStyles.table__cell, tableStyles["table__expander-cell-mobile"], {
+			[tableStyles["table__expander-cell-mobile--expanded"]]: expanded,
+			[tableStyles["table__cell--compact"]]: mode === ModeType.compact
+		}),
+		children: /* @__PURE__ */ jsxs(Button_default, {
+			"aria-expanded": expanded,
+			variant: "borderless",
+			onClick,
+			children: [
+				/* @__PURE__ */ jsx(Icon_default, { svgIcon: expanded ? ChevronUp_default : ChevronDown_default }),
+				" ",
+				expanded ? hideDetailsText : showDetailsText
+			]
+		})
+	});
+};
+var TableExpanderCellMobile_default = TableExpanderCellMobile;
+const TableRow = ({ rowKey, hideDetailsText, showDetailsText, expandable, expanded, onClick, className, children, mode = ModeType.normal, ...rest }) => {
+	return /* @__PURE__ */ jsxs("tr", {
+		className: classNames(tableStyles["table-row"], { [tableStyles["table__row--expandable"]]: expandable }, className),
+		onClick,
+		...rest,
+		children: [React.Children.map(children, (child) => React.isValidElement(child) && React.cloneElement(child, { mode })), expandable && /* @__PURE__ */ jsx(TableExpanderCellMobile_default, {
+			expanded,
+			onClick,
+			hideDetailsText,
+			showDetailsText,
+			mode
+		})]
+	}, rowKey);
+};
+var TableRow_default$1 = TableRow;
+export { TableRow as n, TableRow_default$1 as t };
+
+//# sourceMappingURL=TableRow.js.map

package/lib/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","names":["TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps>","TableRow: React.FC<Props>"],"sources":["../src/components/Table/TableExpanderCell/TableExpanderCellMobile.tsx","../src/components/Table/TableRow/TableRow.tsx","../src/components/Table/TableRow/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Button from '../../Button';\nimport Icon from '../../Icon';\nimport ChevronDown from '../../Icons/ChevronDown';\nimport ChevronUp from '../../Icons/ChevronUp';\nimport tableStyles from '../styles.module.scss';\nimport { ModeType } from '../Table';\nimport { Props } from '../TableRow/TableRow';\n\ntype TableExpanderCellMobileProps = Pick<Props, 'expanded' | 'onClick' | 'hideDetailsText' | 'showDetailsText' | 'mode'>;\n\nconst TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps> = ({\n  expanded,\n  onClick,\n  hideDetailsText,\n  showDetailsText,\n  mode = ModeType.normal,\n}) => {\n  const cellClass = classNames(tableStyles.table__cell, tableStyles['table__expander-cell-mobile'], {\n    [tableStyles['table__expander-cell-mobile--expanded']]: expanded,\n    [tableStyles['table__cell--compact']]: mode === ModeType.compact,\n  });\n\n  return (\n    <td className={cellClass}>\n      <Button aria-expanded={expanded} variant=\"borderless\" onClick={onClick}>\n        <Icon svgIcon={expanded ? ChevronUp : ChevronDown} /> {expanded ? hideDetailsText : showDetailsText}\n      </Button>\n    </td>\n  );\n};\n\nexport default TableExpanderCellMobile;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport tableStyles from '../styles.module.scss';\nimport { ModeType } from '../Table';\nimport TableExpanderCellMobile from '../TableExpanderCell/TableExpanderCellMobile';\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'tr'>, 'style'> {\n  /** Sets if expanded row can be expanded */\n  expandable?: boolean;\n  /** Sets if expanded row is expanded */\n  expanded?: boolean;\n  /** When hide/show button for expanded row is clicked. */\n  onClick?: () => void;\n  /** Text for expanded row hide button. */\n  hideDetailsText?: string;\n  /** Text for expanded row show button. */\n  showDetailsText?: string;\n  /** Key attribute for row */\n  rowKey?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the cells of the table row element.  */\n  children?: React.ReactNode;\n  /** For display with less space. Discouraged to use together with interactive elements. */\n  mode?: ModeType;\n}\n\nexport const TableRow: React.FC<Props> = ({\n  rowKey,\n  hideDetailsText,\n  showDetailsText,\n  expandable,\n  expanded,\n  onClick,\n  className,\n  children,\n  mode = ModeType.normal,\n  ...rest\n}) => {\n  const tableRowClass = classNames(\n    tableStyles['table-row'],\n    {\n      [tableStyles['table__row--expandable']]: expandable,\n    },\n    className\n  );\n\n  return (\n    <tr className={tableRowClass} onClick={onClick} key={rowKey} {...rest}>\n      {React.Children.map(children, child => React.isValidElement<{ mode?: ModeType }>(child) && React.cloneElement(child, { mode }))}\n      {expandable && (\n        <TableExpanderCellMobile\n          expanded={expanded}\n          onClick={onClick}\n          hideDetailsText={hideDetailsText}\n          showDetailsText={showDetailsText}\n          mode={mode}\n        />\n      )}\n    </tr>\n  );\n};\n\nexport default TableRow;\n","import TableRow from './TableRow';\nexport * from './TableRow';\nexport default TableRow;\n"],"mappings":";;;;;;;;;AAcA,IAAMA,2BAAmE,EACvE,UACA,SACA,iBACA,iBACA,OAAO,SAAS,aACZ;AAMJ,QACE,oBAAC,MAAA;EAAG,WANY,WAAW,YAAY,aAAa,YAAY,gCAAgC;IAC/F,YAAY,2CAA2C;IACvD,YAAY,0BAA0B,SAAS,SAAS;GAC1D,CAAC;YAIE,qBAAC,gBAAA;GAAO,iBAAe;GAAU,SAAQ;GAAsB;;IAC7D,oBAAC,cAAA,EAAK,SAAS,WAAW,oBAAY,qBAAA,CAAe;;IAAE,WAAW,kBAAkB;;IAC7E;GACN;;AAIT,IAAA,kCAAe;ACNf,MAAaC,YAA6B,EACxC,QACA,iBACA,iBACA,YACA,UACA,SACA,WACA,UACA,OAAO,SAAS,QAChB,GAAG,WACC;AASJ,QACE,qBAAC,MAAA;EAAG,WATgB,WACpB,YAAY,cACZ,GACG,YAAY,4BAA4B,YAC1C,EACD,UACD;EAGwC;EAAsB,GAAI;aAC9D,MAAM,SAAS,IAAI,WAAU,UAAS,MAAM,eAAoC,MAAM,IAAI,MAAM,aAAa,OAAO,EAAE,MAAM,CAAC,CAAC,EAC9H,cACC,oBAAC,iCAAA;GACW;GACD;GACQ;GACA;GACX;IACN,CAAA;IAT+C,OAWhD;;AC3DT,IAAA,qBD+De"}

package/lib/Textarea.js

@@ -0,0 +1,112 @@
+import { t as uuid } from "./uuid.js";
+import { n as AnalyticsId, r as FormOnColor, t as AVERAGE_CHARACTER_WIDTH_PX } from "./constants2.js";
+import { t as useIdWithFallback } from "./useIdWithFallback.js";
+import { t as getAriaDescribedBy } from "./accessibility.js";
+import { t as ErrorWrapper_default } from "./ErrorWrapper.js";
+import { r as renderLabel } from "./Label.js";
+import { t as MaxCharacters_default } from "./MaxCharacters.js";
+import React, { useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Textarea/styles.module.scss";
+var getTextareaMaxWidth = (characters) => {
+	return `calc(${characters * 12}px + 2rem + 16px + 4px)`;
+};
+var Textarea = React.forwardRef((props, ref) => {
+	const { maxCharacters, maxText, width, testId, defaultValue, marginBottom: gutterBottom, transparent, onColor = FormOnColor.onwhite, label, textareaId = uuid(), minRows = 3, maxRows = 10, grow, error, errorText, errorTextId: errorTextIdProp, errorWrapperClassName, autoFocus, disabled, name, autoComplete = "off", placeholder, readOnly, required, onChange, value, ...rest } = props;
+	const [rows, setRows] = useState(minRows);
+	const [textareaInput, setTextareaInput] = useState(value || defaultValue || "");
+	const referanse = useRef(null);
+	const errorTextUuid = useIdWithFallback(errorTextIdProp);
+	useEffect(() => {
+		setTextareaInput(defaultValue || "");
+	}, [defaultValue]);
+	const resizeHeight = (target) => {
+		const textareaLineHeight = 28;
+		const previousRows = target.rows;
+		target.rows = minRows;
+		const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight);
+		if (currentRows === previousRows) target.rows = currentRows;
+		if (currentRows >= maxRows) {
+			target.rows = maxRows;
+			target.scrollTop = target.scrollHeight;
+		}
+		if (currentRows < maxRows) setRows(currentRows);
+		else setRows(maxRows);
+	};
+	const onDark = onColor === FormOnColor.ondark;
+	const onBlueberry = onColor === FormOnColor.onblueberry;
+	const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;
+	const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;
+	const textareaWrapperClass = classNames(styles.textarea, { [styles["textarea--gutterBottom"]]: gutterBottom });
+	const contentWrapperClass = classNames(styles["input-container"], {
+		[styles["input-container--transparent"]]: transparent,
+		[styles["input-container--on-blueberry"]]: onBlueberry,
+		[styles["input-container--on-dark"]]: onDark,
+		[styles["input-container--invalid"]]: onError,
+		[styles["input-container--disabled"]]: props.disabled
+	});
+	const textareaClass = classNames(styles["input-container__input"], { [styles[`input-container__input--disabled`]]: props.disabled });
+	useEffect(() => {
+		if (value) setTextareaInput(value);
+		if (grow && referanse.current?.children && referanse.current?.children[0]) {
+			const textarea = referanse.current?.children[0];
+			resizeHeight(textarea);
+		}
+	}, [value]);
+	const onChangeHandler = (e) => {
+		setTextareaInput(e.target.value);
+		if (onChange) onChange(e);
+		if (grow) resizeHeight(e.target);
+	};
+	const maxWidth = width ? getTextareaMaxWidth(width) : void 0;
+	return /* @__PURE__ */ jsx(ErrorWrapper_default, {
+		className: errorWrapperClassName,
+		errorText,
+		errorTextId: errorTextUuid,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-testid": testId,
+			"data-analyticsid": AnalyticsId.Textarea,
+			className: textareaWrapperClass,
+			children: [
+				renderLabel(label, textareaId, onColor),
+				/* @__PURE__ */ jsx("div", {
+					className: contentWrapperClass,
+					ref: referanse,
+					style: { maxWidth },
+					children: /* @__PURE__ */ jsx("textarea", {
+						...rest,
+						rows,
+						defaultValue,
+						id: textareaId,
+						className: textareaClass,
+						ref,
+						"aria-describedby": getAriaDescribedBy(props, errorTextUuid),
+						"aria-invalid": !!onError,
+						autoFocus,
+						disabled,
+						name,
+						autoComplete: autoComplete ? autoComplete : void 0,
+						placeholder,
+						readOnly,
+						required,
+						onChange: onChangeHandler,
+						value
+					})
+				}),
+				maxCharacters && /* @__PURE__ */ jsx(MaxCharacters_default, {
+					maxCharacters,
+					length: textareaInput.toString().length,
+					maxText,
+					onColor,
+					maxWidth
+				})
+			]
+		})
+	});
+});
+Textarea.displayName = "Textarea";
+var Textarea_default$1 = Textarea;
+export { Textarea_default$1 as t };
+
+//# sourceMappingURL=Textarea.js.map

package/lib/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper, { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport { renderLabel } from '../Label';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n  extends 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  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\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}\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.forwardRef((props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) => {\n  const {\n    maxCharacters,\n    maxText,\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    ...rest\n  } = props;\n\n  const [rows, setRows] = useState(minRows);\n  const [textareaInput, setTextareaInput] = useState(value || defaultValue || '');\n  const referanse = useRef<HTMLDivElement>(null);\n  const errorTextUuid = useIdWithFallback(errorTextIdProp);\n\n  useEffect(() => {\n    setTextareaInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const resizeHeight = (target: HTMLTextAreaElement): void => {\n    const textareaLineHeight = 28;\n\n    const previousRows = target.rows;\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 === previousRows) {\n      target.rows = currentRows;\n    }\n\n    if (currentRows >= maxRows) {\n      target.rows = maxRows;\n      target.scrollTop = target.scrollHeight;\n    }\n\n    if (currentRows < maxRows) {\n      setRows(currentRows);\n    } else {\n      setRows(maxRows);\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  useEffect(() => {\n    if (value) setTextareaInput(value);\n\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, textareaId, onColor as FormOnColor)}\n        <div className={contentWrapperClass} ref={referanse} style={{ maxWidth }}>\n          <textarea\n            {...rest}\n            rows={rows}\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={maxText}\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":";;;;;;;;;;;AA8DA,IAAM,uBAAuB,eAA+B;AAK1D,QAAO,QAAQ,aAAA,GAAwC;;AAGzD,IAAM,WAAW,MAAM,YAAY,OAAsB,QAAwC;CAC/F,MAAM,EACJ,eACA,SACA,OACA,QACA,cACA,cAAc,cACd,aACA,UAAU,YAAY,SACtB,OACA,aAAa,MAAM,EACnB,UAAU,GACV,UAAU,IACV,MACA,OACA,WACA,aAAa,iBACb,uBACA,WACA,UACA,MACA,eAAe,OACf,aACA,UACA,UACA,UACA,OACA,GAAG,SACD;CAEJ,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CACzC,MAAM,CAAC,eAAe,oBAAoB,SAAS,SAAS,gBAAgB,GAAG;CAC/E,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,gBAAgB,kBAAkB,gBAAgB;AAExD,iBAAgB;AACd,mBAAiB,gBAAgB,GAAG;IACnC,CAAC,aAAa,CAAC;CAElB,MAAM,gBAAgB,WAAsC;EAC1D,MAAM,qBAAqB;EAE3B,MAAM,eAAe,OAAO;AAC5B,SAAO,OAAO;EAEd,MAAM,cAAc,KAAK,OAAO,OAAO,eAAe,MAAM,mBAAmB;AAE/E,MAAI,gBAAgB,aAClB,QAAO,OAAO;AAGhB,MAAI,eAAe,SAAS;AAC1B,UAAO,OAAO;AACd,UAAO,YAAY,OAAO;;AAG5B,MAAI,cAAc,QAChB,SAAQ,YAAY;MAEpB,SAAQ,QAAQ;;CAIpB,MAAM,SAAS,YAAY,YAAY;CACvC,MAAM,cAAc,YAAY,YAAY;CAC5C,MAAM,wBAAwB,CAAC,CAAC,iBAAiB,cAAc,UAAU,CAAC,SAAS;CACnF,MAAM,UAAU,YAAY,YAAY,aAAa,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS;CAE/E,MAAM,uBAAuB,WAAG,OAAO,UAAU,GAC9C,OAAO,4BAA4B,cACrC,CAAC;CAEF,MAAM,sBAAsB,WAAG,OAAO,oBAAoB;GACvD,OAAO,kCAAkC;GACzC,OAAO,mCAAmC;GAC1C,OAAO,8BAA8B;GACrC,OAAO,8BAA8B;GACrC,OAAO,+BAA+B,MAAM;EAC9C,CAAC;CAEF,MAAM,gBAAgB,WAAG,OAAO,2BAA2B,GACxD,OAAO,sCAAsC,MAAM,UACrD,CAAC;AAEF,iBAAgB;AACd,MAAI,MAAO,kBAAiB,MAAM;AAElC,MAAI,QAAQ,UAAU,SAAS,YAAY,UAAU,SAAS,SAAS,IAAI;GACzE,MAAM,WAAW,UAAU,SAAS,SAAS;AAC7C,gBAAa,SAAS;;IAEvB,CAAC,MAAM,CAAC;CAEX,MAAM,mBAAmB,MAAoD;AAC3E,mBAAiB,EAAE,OAAO,MAAM;AAEhC,MAAI,SACF,UAAS,EAAE;AAGb,MAAI,KACF,cAAa,EAAE,OAAO;;CAI1B,MAAM,WAAW,QAAQ,oBAAoB,MAAM,GAAG,KAAA;AAEtD,QACE,oBAAC,sBAAA;EAAa,WAAW;EAAkC;EAAW,aAAa;YACjF,qBAAC,OAAA;GAAI,eAAa;GAAQ,oBAAkB,YAAY;GAAU,WAAW;;IAC1E,YAAY,OAAO,YAAY,QAAuB;IACvD,oBAAC,OAAA;KAAI,WAAW;KAAqB,KAAK;KAAW,OAAO,EAAE,UAAU;eACtE,oBAAC,YAAA;MACC,GAAI;MACE;MACQ;MACd,IAAI;MACJ,WAAW;MACN;MACL,oBAAkB,mBAAmB,OAAO,cAAc;MAC1D,gBAAc,CAAC,CAAC;MAEL;MACD;MACJ;MACN,cAAc,eAAe,eAAe,KAAA;MAC/B;MACH;MACA;MACV,UAAU;MACH;OACP;MACE;IACL,iBACC,oBAAC,uBAAA;KACgB;KACf,QAAQ,cAAc,UAAU,CAAC;KACxB;KACA;KACC;MACV;;IAEA;GACO;EAEjB;AAEF,SAAS,cAAc;ACxNvB,IAAA,qBD0Ne"}

package/lib/Title.js

@@ -0,0 +1,38 @@
+import { n as AnalyticsId } from "./constants2.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import titleStyles from "./components/Title/styles.module.scss";
+const Title = React.forwardRef(function TitleForwardedRef(props, ref) {
+	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId } = props;
+	return /* @__PURE__ */ jsx(htmlMarkup, {
+		id,
+		className: classNames(titleStyles.title, {
+			[titleStyles["title--feature"]]: appearance === "titleFeature",
+			[titleStyles["title--title1"]]: appearance === "title1",
+			[titleStyles["title--title2"]]: appearance === "title2",
+			[titleStyles["title--title3"]]: appearance === "title3",
+			[titleStyles["title--title4"]]: appearance === "title4",
+			[titleStyles["title--title5"]]: appearance === "title5",
+			[titleStyles["title--title6"]]: appearance === "title6"
+		}, className),
+		style: instanceOfTitleMargin(margin) ? {
+			marginTop: `${margin.marginTop}rem`,
+			marginBottom: `${margin.marginBottom}rem`
+		} : {
+			marginTop: `${margin}rem`,
+			marginBottom: `${margin}rem`
+		},
+		ref,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Title,
+		children
+	});
+});
+const instanceOfTitleMargin = (margin) => {
+	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
+};
+var Title_default = Title;
+export { Title_default as n, instanceOfTitleMargin as r, Title as t };
+
+//# sourceMappingURL=Title.js.map

package/lib/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","names":[],"sources":["../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\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 data-testid attribute. */\n  testId?: string;\n}\n\nexport const Title = React.forwardRef(function TitleForwardedRef(props: TitleProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId } = 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 id={id} className={titleClasses} style={inlineStyle} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Title}>\n      {children}\n    </CustomTag>\n  );\n});\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\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\nexport default Title;\n"],"mappings":";;;;;AA2BA,MAAa,QAAQ,MAAM,WAAW,SAAS,kBAAkB,OAAmB,KAA6C;CAC/H,MAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,WAAW;AAoBlG,QACE,oBAPgB,YAOf;EAAc;EAAI,WApBA,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;EAQ6C,OAL1B,sBAAsB,OAAO,GAC7C;GAAE,WAAW,GAAG,OAAO,UAAU;GAAM,cAAc,GAAG,OAAO,aAAa;GAAM,GAClF;GAAE,WAAW,GAAG,OAAO;GAAM,cAAc,GAAG,OAAO;GAAM;EAGQ;EAAK,eAAa;EAAQ,oBAAkB,YAAY;EAC1H;GACS;EAEd;AAOF,MAAa,yBAAyB,WAA2C;AAC/E,QAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,IAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,eAAe;;AAGlI,IAAA,gBAAe"}

package/lib/Title2.js

@@ -0,0 +1,5 @@
+import { n as Title_default } from "./Title.js";
+var Title_default$1 = Title_default;
+export { Title_default$1 as t };
+
+//# sourceMappingURL=Title2.js.map

package/lib/Title2.js.map

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

package/lib/Toast.js

@@ -0,0 +1,46 @@
+import { a as IconSize } from "./constants2.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 { t as Close_default } from "./Close.js";
+import React from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Toast/styles.module.scss";
+var Toast = ({ testId, title, message, onClose }) => {
+	const isMobile = useIsMobileBreakpoint();
+	const handleClose = () => {
+		if (onClose) onClose();
+	};
+	return /* @__PURE__ */ jsxs("output", {
+		className: styles["toast"],
+		"data-testid": testId,
+		children: [
+			/* @__PURE__ */ jsx(Icon_default, {
+				size: isMobile ? IconSize.XSmall : IconSize.Small,
+				svgIcon: CheckFill_default,
+				className: classNames(styles["toast__icon"], styles["toast__icon--check"])
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: styles["toast__text-container"],
+				children: [/* @__PURE__ */ jsx("span", {
+					className: styles["toast__title"],
+					children: title
+				}), message && /* @__PURE__ */ jsx("span", {
+					className: styles["toast__description"],
+					children: message
+				})]
+			}),
+			/* @__PURE__ */ jsx(Close_default, {
+				onClick: handleClose,
+				color: "black",
+				className: classNames(styles["toast__icon"], styles["toast__icon--close"]),
+				testId: `${testId}-close`
+			})
+		]
+	});
+};
+var Toast_default = Toast;
+export { Toast_default as t };
+
+//# sourceMappingURL=Toast.js.map

package/lib/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["Toast: React.FC<ToastProps>"],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\n\nimport 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":";;;;;;;;;AAsBA,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"}

package/lib/TriangleX.js

@@ -0,0 +1,33 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var TriangleX = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7 19 33.712H5L24 7Zm-5.792 17.951a1.185 1.185 0 1 1 1.676-1.675l4.01 4.01 3.895-3.895a1.19 1.19 0 0 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.185 1.185 0 0 1-1.675 1.675l-4.387-4.386-4.503 4.502a1.19 1.19 0 0 1-1.683-1.683l4.503-4.502-4.01-4.011Z",
+			clipRule: "evenodd"
+		}) }),
+		normalHover: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7 19 33.712H5L24 7Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.676l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.184 1.184 0 1 1-1.676 1.676l-2.563-2.564-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.563Z",
+			clipRule: "evenodd"
+		}) }),
+		xSmall: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7.5 19 33.712H5L24 7.5Zm-5.792 17.95a1.185 1.185 0 0 1 1.676-1.676l4.01 4.01 3.895-3.894a1.19 1.19 0 1 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.184 1.184 0 1 1-1.675 1.675l-4.387-4.387-4.502 4.502a1.19 1.19 0 1 1-1.683-1.683l4.502-4.502-4.01-4.01Z",
+			clipRule: "evenodd"
+		}) }),
+		xSmallHover: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7.5 19 33.712H5L24 7.5Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.675l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.185 1.185 0 0 1-1.676 1.675l-2.563-2.563-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.564Z",
+			clipRule: "evenodd"
+		}) })
+	});
+};
+var TriangleX_default = TriangleX;
+export { TriangleX_default as t };
+
+//# sourceMappingURL=TriangleX.js.map

package/lib/TriangleX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleX.js","names":["TriangleX: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/TriangleX.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst TriangleX: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7 19 33.712H5L24 7Zm-5.792 17.951a1.185 1.185 0 1 1 1.676-1.675l4.01 4.01 3.895-3.895a1.19 1.19 0 0 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.185 1.185 0 0 1-1.675 1.675l-4.387-4.386-4.503 4.502a1.19 1.19 0 0 1-1.683-1.683l4.503-4.502-4.01-4.011Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7 19 33.712H5L24 7Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.676l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.184 1.184 0 1 1-1.676 1.676l-2.563-2.564-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.563Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const xSmall = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7.5 19 33.712H5L24 7.5Zm-5.792 17.95a1.185 1.185 0 0 1 1.676-1.676l4.01 4.01 3.895-3.894a1.19 1.19 0 1 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.184 1.184 0 1 1-1.675 1.675l-4.387-4.387-4.502 4.502a1.19 1.19 0 1 1-1.683-1.683l4.502-4.502-4.01-4.01Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const xSmallHover = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7.5 19 33.712H5L24 7.5Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.675l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.185 1.185 0 0 1-1.676 1.675l-2.563-2.563-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.564Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default TriangleX;\n"],"mappings":";;;AAIA,IAAMA,aAAqC,EAAE,MAAM,gBAAkD;AAyCnG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAvChC,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAiCqC,aA7BxC,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAuBkD,QAnBrD,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAa0D,aAT7D,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAGuE,CAAC;;AAG/E,IAAA,oBAAe"}

package/lib/Undo.js

@@ -0,0 +1,37 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Undo = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
+		}),
+		normalHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
+		}),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29"
+		}),
+		xxSmall: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862"
+		}),
+		xxSmallHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758"
+		})
+	});
+};
+var Undo_default = Undo;
+export { Undo_default as t };
+
+//# sourceMappingURL=Undo.js.map

package/lib/Undo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Undo.js","names":["Undo: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/Undo.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Undo: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29\"\n    />\n  );\n\n  const xxSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862\"\n    ></path>\n  );\n\n  const xxSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758\"\n    ></path>\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default Undo;\n"],"mappings":";;;AAIA,IAAMA,QAAgC,EAAE,MAAM,gBAAkD;AA2C9F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAzChC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAsCsC,aAlCxC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EA+BmD,QA3BrD,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAwB2D,aApB7D,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAiBwE,SAb1E,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACI;EAU2E,cANnF,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACI;EAGyF,CAAC;;AAGtG,IAAA,eAAe"}

package/lib/VerticalDots.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var VerticalDots = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M23.5 16.934c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M23.5 14.408c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.991c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.992c1.045 0 1.9-.856 1.9-1.9 0-1.046-.855-1.9-1.9-1.9s-1.9.854-1.9 1.9c0 1.044.855 1.9 1.9 1.9z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M24 17.936c1.32 0 2.4-1.081 2.4-2.401 0-1.321-1.08-2.4-2.4-2.4-1.32 0-2.4 1.079-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.401 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.4 0-1.322-1.08-2.402-2.4-2.402-1.32 0-2.4 1.08-2.4 2.401 0 1.32 1.08 2.4 2.4 2.4z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M24 15.41c1.32 0 2.4-1.082 2.4-2.401 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401zm0 10.99c1.32 0 2.4-1.08 2.4-2.4 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 10.992c1.32 0 2.4-1.08 2.4-2.4 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401z" })
+	});
+};
+var VerticalDots_default = VerticalDots;
+export { VerticalDots_default as t };
+
+//# sourceMappingURL=VerticalDots.js.map

package/lib/VerticalDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalDots.js","names":["VerticalDots: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/VerticalDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst VerticalDots: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M23.5 16.934c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M23.5 14.408c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.991c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.992c1.045 0 1.9-.856 1.9-1.9 0-1.046-.855-1.9-1.9-1.9s-1.9.854-1.9 1.9c0 1.044.855 1.9 1.9 1.9z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M24 17.936c1.32 0 2.4-1.081 2.4-2.401 0-1.321-1.08-2.4-2.4-2.4-1.32 0-2.4 1.079-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.401 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.4 0-1.322-1.08-2.402-2.4-2.402-1.32 0-2.4 1.08-2.4 2.401 0 1.32 1.08 2.4 2.4 2.4z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M24 15.41c1.32 0 2.4-1.082 2.4-2.401 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401zm0 10.99c1.32 0 2.4-1.08 2.4-2.4 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 10.992c1.32 0 2.4-1.08 2.4-2.4 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default VerticalDots;\n"],"mappings":";;;AAIA,IAAMA,gBAAwC,EAAE,MAAM,gBAAkD;AAiBtG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,oQAAA,CAAqQ;EAerO,aAXxC,oBAAC,QAAA,EAAK,GAAE,sRAAA,CAAuR;EAW1O,QAPrD,oBAAC,QAAA,EAAK,GAAE,iVAAA,CAAkV;EAO7R,aAH7D,oBAAC,QAAA,EAAK,GAAE,sVAAA,CAAuV;EAGrR,CAAC;;AAG/E,IAAA,uBAAe"}

package/lib/Watch.js

@@ -0,0 +1,29 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Watch = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M36.763 24c0-7.037-5.725-12.763-12.762-12.763-7.039 0-12.764 5.726-12.764 12.763S16.962 36.762 24 36.762 36.764 31.037 36.764 24zm1.4 0c0 7.809-6.353 14.162-14.162 14.162-7.81 0-14.164-6.353-14.164-14.162 0-7.81 6.354-14.163 14.163-14.163 7.81 0 14.163 6.353 14.163 14.163zM24.5 23.5h4.584v1H23.5v-7.126h1V23.5z"
+		}),
+		normalHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M36.763 24c0-7.037-5.725-12.763-12.762-12.763-7.039 0-12.764 5.726-12.764 12.763S16.962 36.762 24 36.762 36.764 31.037 36.764 24zm1.4 0c0 7.809-6.353 14.162-14.162 14.162-7.81 0-14.164-6.353-14.164-14.162 0-7.81 6.354-14.163 14.163-14.163 7.81 0 14.163 6.353 14.163 14.163zM24.5 23.793l3.448 3.449-.707.707-3.742-3.742v-6.833h1v6.419z"
+		}),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M24 36.577c-6.936 0-12.579-5.642-12.579-12.577 0-6.936 5.643-12.579 12.579-12.579 6.936 0 12.579 5.643 12.579 12.579 0 6.935-5.643 12.577-12.579 12.577zm0-26.924C16.089 9.653 9.653 16.09 9.653 24S16.09 38.346 24 38.346 38.347 31.91 38.347 24c0-7.911-6.436-14.347-14.347-14.347zm.632 7.722h-1.264v7.257h5.717v-1.264h-4.453v-5.993z"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M36.578 24c0-6.936-5.643-12.579-12.579-12.579-6.934 0-12.577 5.643-12.577 12.579 0 6.935 5.643 12.577 12.577 12.577 6.936 0 12.579-5.642 12.579-12.577zm1.768 0c0 7.911-6.435 14.346-14.347 14.346-7.91 0-14.345-6.435-14.345-14.346 0-7.911 6.435-14.347 14.345-14.347 7.912 0 14.347 6.436 14.347 14.347zm-13.715-.261l3.412 3.41-.893.893-3.782-3.78v-6.887h1.263v6.364z"
+		})
+	});
+};
+var Watch_default = Watch;
+export { Watch_default as t };
+
+//# sourceMappingURL=Watch.js.map

package/lib/Watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Watch.js","names":["Watch: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/Watch.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Watch: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M36.763 24c0-7.037-5.725-12.763-12.762-12.763-7.039 0-12.764 5.726-12.764 12.763S16.962 36.762 24 36.762 36.764 31.037 36.764 24zm1.4 0c0 7.809-6.353 14.162-14.162 14.162-7.81 0-14.164-6.353-14.164-14.162 0-7.81 6.354-14.163 14.163-14.163 7.81 0 14.163 6.353 14.163 14.163zM24.5 23.5h4.584v1H23.5v-7.126h1V23.5z\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M36.763 24c0-7.037-5.725-12.763-12.762-12.763-7.039 0-12.764 5.726-12.764 12.763S16.962 36.762 24 36.762 36.764 31.037 36.764 24zm1.4 0c0 7.809-6.353 14.162-14.162 14.162-7.81 0-14.164-6.353-14.164-14.162 0-7.81 6.354-14.163 14.163-14.163 7.81 0 14.163 6.353 14.163 14.163zM24.5 23.793l3.448 3.449-.707.707-3.742-3.742v-6.833h1v6.419z\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M24 36.577c-6.936 0-12.579-5.642-12.579-12.577 0-6.936 5.643-12.579 12.579-12.579 6.936 0 12.579 5.643 12.579 12.579 0 6.935-5.643 12.577-12.579 12.577zm0-26.924C16.089 9.653 9.653 16.09 9.653 24S16.09 38.346 24 38.346 38.347 31.91 38.347 24c0-7.911-6.436-14.347-14.347-14.347zm.632 7.722h-1.264v7.257h5.717v-1.264h-4.453v-5.993z\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M36.578 24c0-6.936-5.643-12.579-12.579-12.579-6.934 0-12.577 5.643-12.577 12.579 0 6.935 5.643 12.577 12.577 12.577 6.936 0 12.579-5.642 12.579-12.577zm1.768 0c0 7.911-6.435 14.346-14.347 14.346-7.91 0-14.345-6.435-14.345-14.346 0-7.911 6.435-14.347 14.345-14.347 7.912 0 14.347 6.436 14.347 14.347zm-13.715-.261l3.412 3.41-.893.893-3.782-3.78v-6.887h1.263v6.364z\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default Watch;\n"],"mappings":";;;AAIA,IAAMA,SAAiC,EAAE,MAAM,gBAAkD;AA6B/F,QAAO,QAAQ;EAAE;EAAM;EAAW,QA3BhC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAwBsC,aApBxC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAiBmD,QAbrD,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAU2D,aAN7D,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAGwE,CAAC;;AAG/E,IAAA,gBAAe"}

package/lib/X.js

@@ -0,0 +1,19 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var X = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z" }),
+		xxSmall: /* @__PURE__ */ jsx("path", { d: "M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996" }),
+		xxSmallHover: /* @__PURE__ */ jsx("path", { d: "M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994" })
+	});
+};
+var X_default = X;
+export { X_default as t };
+
+//# sourceMappingURL=X.js.map

package/lib/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","names":["X: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/X.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst X: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z\" />\n  );\n\n  const xxSmall = (\n    <path d=\"M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996\" />\n  );\n\n  const xxSmallHover = (\n    <path d=\"M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default X;\n"],"mappings":";;;AAIA,IAAMA,KAA6B,EAAE,MAAM,gBAAkD;AAyB3F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAvBhC,oBAAC,QAAA,EAAK,GAAE,oJAAA,CAAqJ;EAuBrH,aAnBxC,oBAAC,QAAA,EAAK,GAAE,sJAAA,CAAuJ;EAmB1G,QAfrD,oBAAC,QAAA,EAAK,GAAE,6JAAA,CAA8J;EAezG,aAX7D,oBAAC,QAAA,EAAK,GAAE,wJAAA,CAAyJ;EAWvF,SAP1E,oBAAC,QAAA,EAAK,GAAE,oMAAA,CAAqM;EAO1H,cAHnF,oBAAC,QAAA,EAAK,GAAE,gMAAA,CAAiM;EAGxG,CAAC;;AAGtG,IAAA,YAAe"}

package/lib/__mocks__/IntersectionObserver.js

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

package/lib/__mocks__/IntersectionObserver.js.map

@@ -0,0 +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"}

package/lib/__mocks__/MutationObserver.js

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

package/lib/__mocks__/MutationObserver.js.map

@@ -0,0 +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"}

package/lib/__mocks__/ResizeObserver.js

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

package/lib/__mocks__/ResizeObserver.js.map

@@ -0,0 +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"}