@uva-glass/component-library 3.55.1 → 3.55.2

package/dist/TableCellResizerPlugin-BGolbi44.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellResizerPlugin-BGolbi44.js","names":["n","t","e","i","r","o"],"sources":["../node_modules/@lexical/react/useLexicalEditable.prod.mjs","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.module.css","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport{useLexicalComposerContext as e}from\"@lexical/react/LexicalComposerContext\";import{useLayoutEffect as n,useEffect as t,useMemo as i,useState as r,useRef as o}from\"react\";const c=\"undefined\"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:t;function u(e){return{initialValueFn:()=>e.isEditable(),subscribe:n=>e.registerEditableListener(n)}}function a(){return function(n){const[t]=e(),u=i(()=>n(t),[t,n]),[a,l]=r(()=>u.initialValueFn()),d=o(a);return c(()=>{const{initialValueFn:e,subscribe:n}=u,t=e();return d.current!==t&&(d.current=t,l(t)),n(e=>{d.current=e,l(e)})},[u,n]),a}(u)}export{a as useLexicalEditable};\n","/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n *\r\n */\n\n.table-cell-resizer__resizer {\n  position: absolute;\n}\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\r\n/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n * Modified from original to fit project needs wim jurriaans.\r\n *\r\n *\r\n */\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable';\r\nimport {\r\n  $computeTableMapSkipCellCheck,\r\n  $getTableNodeFromLexicalNodeOrThrow,\r\n  $getTableRowIndexFromTableCellNode,\r\n  $isTableCellNode,\r\n  $isTableRowNode,\r\n  TableNode,\r\n  getDOMCellFromTarget,\r\n  getTableElement,\r\n  TableCellNode,\r\n} from '@lexical/table';\r\nimport { $getNearestNodeOfType, calculateZoomLevel } from '@lexical/utils';\r\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport type { LexicalEditor } from 'lexical';\r\nimport type { TableDOMCell, TableMapType, TableRowNode } from '@lexical/table';\r\nimport type { JSX, MouseEventHandler, ReactPortal } from 'react';\r\n\r\nimport styles from './TableCellResizerPlugin.module.css';\r\n\r\nimport {\r\n  getEditorContentWidth,\r\n  getEditorParrentCellWidth,\r\n  tableHasContent,\r\n} from 'components/RteEditor/Plugins/TablePlugin/helpers';\r\nimport { $createTableWrapperNode, TableWrapperNode } from 'components/RteEditor/nodes';\r\n\r\ntype MousePosition = {\r\n  x: number;\r\n  y: number;\r\n};\r\n\r\ntype MouseDraggingDirection = 'right' | 'bottom';\r\n\r\nconst MIN_ROW_HEIGHT = 33;\r\nconst MIN_COLUMN_WIDTH = 32;\r\nconst HALF = 2;\r\n\r\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\r\n  const targetRef = useRef<HTMLElement | null>(null);\r\n  const resizerRef = useRef<HTMLDivElement | null>(null);\r\n  const tableRectRef = useRef<DOMRect | null>(null);\r\n\r\n  const mouseStartPosRef = useRef<MousePosition | null>(null);\r\n  const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null);\r\n\r\n  const [activeCell, updateActiveCell] = useState<TableDOMCell | null>(null);\r\n  const [isMouseDown, updateIsMouseDown] = useState<boolean>(false);\r\n  const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null);\r\n\r\n  const resetState = useCallback(() => {\r\n    updateActiveCell(null);\r\n    targetRef.current = null;\r\n    updateDraggingDirection(null);\r\n    mouseStartPosRef.current = null;\r\n    tableRectRef.current = null;\r\n  }, []);\r\n\r\n  const isMouseDownOnEvent = (event: MouseEvent) => {\r\n    return (event.buttons & 1) === 1;\r\n  };\r\n\r\n  useEffect(() => {\r\n    return editor.registerNodeTransform(TableNode, (tableNode) => {\r\n      // modification: set default column widths if not defined or table cells of imported tables has the width set\r\n      if (!tableNode.getColWidths()) {\r\n        const tableRows = tableNode.getChildren();\r\n        const columnCount = tableNode.getColumnCount();\r\n        const colWidths = new Array(columnCount).fill(undefined);\r\n\r\n        const firstRow = tableRows[0] as TableRowNode;\r\n        const cells = firstRow.getChildren();\r\n        cells.forEach((cell, colIdx) => {\r\n          const domCell = editor.getElementByKey(cell.getKey());\r\n          if (domCell && domCell.style.width) {\r\n            colWidths[colIdx] = parseInt(domCell.style.width, 10);\r\n            domCell.style.width = '';\r\n          } else if (tableHasContent(tableNode)) {\r\n            const isNested = tableNode ? $getNearestNodeOfType(tableNode, TableCellNode) : null;\r\n\r\n            const availableWidth = isNested\r\n              ? getEditorParrentCellWidth(isNested, columnCount, editor)\r\n              : getEditorContentWidth(editor);\r\n            const newColWidth = availableWidth / columnCount;\r\n            colWidths[colIdx] = Math.max(newColWidth, MIN_COLUMN_WIDTH);\r\n          } else {\r\n            colWidths[colIdx] = MIN_COLUMN_WIDTH;\r\n          }\r\n        });\r\n\r\n        tableNode.setColWidths(colWidths);\r\n      }\r\n\r\n      // modification: wrap table node in a wrapper node if there is no wrapper node present\r\n      if (tableNode && !(tableNode.getParent() instanceof TableWrapperNode)) {\r\n        const wrapperNode = $createTableWrapperNode();\r\n        tableNode.replace(wrapperNode);\r\n        wrapperNode.append(tableNode);\r\n      }\r\n\r\n      return tableNode;\r\n    });\r\n  }, [editor]);\r\n\r\n  useEffect(() => {\r\n    const onMouseMove = (event: MouseEvent) => {\r\n      const target = event.target;\r\n      if (!isHTMLElement(target)) {\r\n        return;\r\n      }\r\n\r\n      if (draggingDirection) {\r\n        updateMouseCurrentPos({\r\n          x: event.clientX,\r\n          y: event.clientY,\r\n        });\r\n        return;\r\n      }\r\n      updateIsMouseDown(isMouseDownOnEvent(event));\r\n      if (resizerRef.current && resizerRef.current.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      if (targetRef.current !== target) {\r\n        targetRef.current = target;\r\n        const cell = getDOMCellFromTarget(target);\r\n\r\n        if (cell && activeCell !== cell) {\r\n          editor.getEditorState().read(\r\n            () => {\r\n              const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);\r\n              if (!tableCellNode) {\r\n                throw new Error('TableCellResizer: Table cell node not found.');\r\n              }\r\n\r\n              const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n              const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));\r\n\r\n              if (!tableElement) {\r\n                throw new Error('TableCellResizer: Table element not found.');\r\n              }\r\n\r\n              targetRef.current = target;\r\n              tableRectRef.current = tableElement.getBoundingClientRect();\r\n              updateActiveCell(cell);\r\n            },\r\n            { editor }\r\n          );\r\n        } else if (cell == null) {\r\n          resetState();\r\n        }\r\n      }\r\n    };\r\n\r\n    const onMouseDown = () => {\r\n      updateIsMouseDown(true);\r\n    };\r\n\r\n    const onMouseUp = () => {\r\n      updateIsMouseDown(false);\r\n    };\r\n\r\n    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\r\n      prevRootElement?.removeEventListener('mousemove', onMouseMove);\r\n      prevRootElement?.removeEventListener('mousedown', onMouseDown);\r\n      prevRootElement?.removeEventListener('mouseup', onMouseUp);\r\n      rootElement?.addEventListener('mousemove', onMouseMove);\r\n      rootElement?.addEventListener('mousedown', onMouseDown);\r\n      rootElement?.addEventListener('mouseup', onMouseUp);\r\n    });\r\n\r\n    return () => {\r\n      removeRootListener();\r\n    };\r\n  }, [activeCell, draggingDirection, editor, resetState]);\r\n\r\n  const isHeightChanging = (direction: MouseDraggingDirection) => {\r\n    if (direction === 'bottom') {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateRowHeight = useCallback(\r\n    (heightChange: number) => {\r\n      if (!activeCell) {\r\n        throw new Error('TableCellResizer: Expected active cell.');\r\n      }\r\n\r\n      editor.update(\r\n        () => {\r\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n          if (!$isTableCellNode(tableCellNode)) {\r\n            throw new Error('TableCellResizer: Table cell node not found.');\r\n          }\r\n\r\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n\r\n          const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1;\r\n\r\n          const tableRows = tableNode.getChildren();\r\n\r\n          if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\r\n            throw new Error('Expected table cell to be inside of table row.');\r\n          }\r\n\r\n          const tableRow = tableRows[tableRowIndex];\r\n\r\n          if (!$isTableRowNode(tableRow)) {\r\n            throw new Error('Expected table row');\r\n          }\r\n\r\n          let height = tableRow.getHeight();\r\n          if (height === undefined) {\r\n            const rowCells = tableRow.getChildren<TableCellNode>();\r\n            height = Math.min(...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity));\r\n          }\r\n\r\n          const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT);\r\n          tableRow.setHeight(newHeight);\r\n        },\r\n        { tag: 'skip-scroll-into-view' }\r\n      );\r\n    },\r\n    [activeCell, editor]\r\n  );\r\n\r\n  const getCellNodeHeight = (cell: TableCellNode, activeEditor: LexicalEditor): number | undefined => {\r\n    const domCellNode = activeEditor.getElementByKey(cell.getKey());\r\n    return domCellNode?.clientHeight;\r\n  };\r\n\r\n  const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\r\n    for (let row = 0; row < tableMap.length; row++) {\r\n      for (let column = 0; column < tableMap[row].length; column++) {\r\n        if (tableMap[row][column].cell === tableCellNode) {\r\n          return column;\r\n        }\r\n      }\r\n    }\r\n    return -1;\r\n  };\r\n\r\n  const updateColumnWidth = useCallback(\r\n    (widthChange: number) => {\r\n      if (!activeCell) {\r\n        throw new Error('TableCellResizer: Expected active cell.');\r\n      }\r\n      editor.update(\r\n        () => {\r\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n          if (!$isTableCellNode(tableCellNode)) {\r\n            throw new Error('TableCellResizer: Table cell node not found.');\r\n          }\r\n\r\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n          const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);\r\n          const columnIndex = getCellColumnIndex(tableCellNode, tableMap);\r\n          if (columnIndex === undefined) {\r\n            throw new Error('TableCellResizer: Table column not found.');\r\n          }\r\n\r\n          const colWidths = tableNode.getColWidths();\r\n          if (!colWidths) {\r\n            return;\r\n          }\r\n          const width = colWidths[columnIndex];\r\n          if (width === undefined) {\r\n            return;\r\n          }\r\n          const newColWidths = [...colWidths];\r\n          const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);\r\n          newColWidths[columnIndex] = newWidth;\r\n          tableNode.setColWidths(newColWidths);\r\n\r\n          // modification: when resizing a column, also resize the next column so the table doesn't overflow\r\n          if (columnIndex < tableNode.getColumnCount() - 1) {\r\n            const nextColWidths = tableNode.getColWidths();\r\n            if (!nextColWidths) {\r\n              return;\r\n            }\r\n            const newNextColWidths = [...nextColWidths];\r\n            const newColumnIndex = columnIndex + 1;\r\n            const newNextWidth = nextColWidths[newColumnIndex];\r\n            const nextWidth = Math.max(newNextWidth - widthChange, MIN_COLUMN_WIDTH);\r\n            newNextColWidths[newColumnIndex] = nextWidth;\r\n            tableNode.setColWidths(newNextColWidths);\r\n          }\r\n        },\r\n        { tag: 'skip-scroll-into-view' }\r\n      );\r\n    },\r\n    [activeCell, editor]\r\n  );\r\n\r\n  const mouseUpHandler = useCallback(\r\n    (direction: MouseDraggingDirection) => {\r\n      const handler = (event: MouseEvent) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        if (!activeCell) {\r\n          throw new Error('TableCellResizer: Expected active cell.');\r\n        }\r\n\r\n        if (mouseStartPosRef.current) {\r\n          const { x, y } = mouseStartPosRef.current;\r\n\r\n          if (activeCell === null) {\r\n            return;\r\n          }\r\n          const zoom = calculateZoomLevel(event.target as Element);\r\n\r\n          if (isHeightChanging(direction)) {\r\n            const heightChange = (event.clientY - y) / zoom;\r\n            updateRowHeight(heightChange);\r\n          } else {\r\n            const widthChange = (event.clientX - x) / zoom;\r\n            updateColumnWidth(widthChange);\r\n          }\r\n\r\n          resetState();\r\n          document.removeEventListener('mouseup', handler);\r\n        }\r\n      };\r\n      return handler;\r\n    },\r\n    [activeCell, resetState, updateColumnWidth, updateRowHeight]\r\n  );\r\n\r\n  const toggleResize = useCallback(\r\n    (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\r\n      (event) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        if (!activeCell) {\r\n          throw new Error('TableCellResizer: Expected active cell.');\r\n        }\r\n\r\n        mouseStartPosRef.current = {\r\n          x: event.clientX,\r\n          y: event.clientY,\r\n        };\r\n        updateMouseCurrentPos(mouseStartPosRef.current);\r\n        updateDraggingDirection(direction);\r\n\r\n        document.addEventListener('mouseup', mouseUpHandler(direction));\r\n      },\r\n    [activeCell, mouseUpHandler]\r\n  );\r\n\r\n  const getResizers = useCallback(() => {\r\n    if (activeCell) {\r\n      const { height, width, top, left } = activeCell.elem.getBoundingClientRect();\r\n      const zoom = calculateZoomLevel(activeCell.elem);\r\n      const zoneWidth = 10; // Pixel width of the zone where you can drag the edge\r\n      const styles = {\r\n        bottom: {\r\n          backgroundColor: 'none',\r\n          cursor: 'ns-resize',\r\n          height: `${zoneWidth}px`,\r\n          left: `${window.pageXOffset + left}px`,\r\n          top: `${window.pageYOffset + top + height - zoneWidth / HALF}px`,\r\n          width: `${width}px`,\r\n          zIndex: 5000,\r\n        },\r\n        right: {\r\n          backgroundColor: 'none',\r\n          cursor: 'ew-resize',\r\n          height: `${height}px`,\r\n          left: `${window.pageXOffset + left + width - zoneWidth / HALF}px`,\r\n          top: `${window.pageYOffset + top}px`,\r\n          width: `${zoneWidth}px`,\r\n          zIndex: 5000,\r\n        },\r\n      };\r\n\r\n      const tableRect = tableRectRef.current;\r\n\r\n      if (draggingDirection && mouseCurrentPos && tableRect) {\r\n        if (isHeightChanging(draggingDirection)) {\r\n          styles[draggingDirection].left = `${window.pageXOffset + tableRect.left}px`;\r\n          styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`;\r\n          styles[draggingDirection].height = '3px';\r\n          styles[draggingDirection].width = `${tableRect.width}px`;\r\n        } else {\r\n          styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`;\r\n          styles[draggingDirection].left = `${window.pageXOffset + mouseCurrentPos.x / zoom}px`;\r\n          styles[draggingDirection].width = '3px';\r\n          styles[draggingDirection].height = `${tableRect.height}px`;\r\n        }\r\n\r\n        styles[draggingDirection].backgroundColor = '#adf';\r\n      }\r\n\r\n      return styles;\r\n    }\r\n\r\n    return {\r\n      bottom: null,\r\n      left: null,\r\n      right: null,\r\n      top: null,\r\n    };\r\n  }, [activeCell, draggingDirection, mouseCurrentPos]);\r\n\r\n  const resizerStyles = getResizers();\r\n\r\n  return (\r\n    <div ref={resizerRef}>\r\n      {activeCell != null && !isMouseDown && (\r\n        <>\r\n          <div\r\n            className={styles['table-cell-resizer__resizer']}\r\n            style={resizerStyles.right || undefined}\r\n            onMouseDown={toggleResize('right')}\r\n          />\r\n          <div\r\n            className={styles['table-cell-resizer__resizer']}\r\n            style={resizerStyles.bottom || undefined}\r\n            onMouseDown={toggleResize('bottom')}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const TableCellResizerPlugin = (): null | ReactPortal => {\r\n  const [editor] = useLexicalComposerContext();\r\n  const isEditable = useLexicalEditable();\r\n\r\n  return useMemo(\r\n    () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\r\n    [editor, isEditable]\r\n  );\r\n};\r\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/TextArea-DqKIpOfT.js

@@ -0,0 +1,68 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import './assets/TextArea.css';//#region src/components/TextArea/TextArea.module.css
+var o = "_required_19dqk_25", s = {
+	"text-area__wrapper": "_text-area__wrapper_19dqk_1",
+	"text-area__header": "_text-area__header_19dqk_7",
+	"text-area__label-wrapper": "_text-area__label-wrapper_19dqk_13",
+	"text-area__label": "_text-area__label_19dqk_13",
+	required: o,
+	"text-area__sub-label": "_text-area__sub-label_19dqk_33",
+	"text-area__word-count": "_text-area__word-count_19dqk_38",
+	"text-area__word-count--alert": "_text-area__word-count--alert_19dqk_43",
+	"text-area": "_text-area_19dqk_1",
+	"text-area--oneLine": "_text-area--oneLine_19dqk_61",
+	"not-valid": "_not-valid_19dqk_66"
+};
+//#endregion
+//#region src/components/TextArea/TextArea.tsx
+function c({ onChange: o, label: c, subLabel: l, maxCharacters: u = 0, heightAsTextField: d = !1, defaultValue: f = "", required: p = !1, notValid: m = !1 }) {
+	let h = n(null), [g, _] = r(f.length), v = () => {
+		h.current && (h.current.style.height = "auto", h.current.style.height = `${h.current.scrollHeight}px`, _(h.current.value.length), o(h.current.value.trim()));
+	}, y = () => {
+		let e = h.current;
+		e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+	};
+	return t(() => {
+		d || y();
+	}, []), /* @__PURE__ */ a("div", {
+		className: s["text-area__wrapper"],
+		children: [(c || u > 0) && /* @__PURE__ */ a("div", {
+			className: s["text-area__header"],
+			children: [/* @__PURE__ */ a("span", {
+				className: s["text-area__label-wrapper"],
+				children: [c && /* @__PURE__ */ i("span", {
+					className: e(s["text-area__label"], { [s.required]: p }),
+					children: c
+				}), l && /* @__PURE__ */ i("span", {
+					className: s["text-area__sub-label"],
+					children: l
+				})]
+			}), u > 0 && /* @__PURE__ */ a("div", {
+				className: s["text-area__word-count"],
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: e({ [s["text-area__word-count--alert"]]: g === u }),
+						children: g
+					}),
+					"\xA0/\xA0",
+					u
+				]
+			})]
+		}), /* @__PURE__ */ i("textarea", {
+			ref: h,
+			className: e(s["text-area"], {
+				[s["not-valid"]]: m,
+				[s["text-area--oneLine"]]: d
+			}),
+			maxLength: u > 0 ? u : void 0,
+			onInput: v,
+			defaultValue: f
+		})]
+	});
+}
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=TextArea-DqKIpOfT.js.map

package/dist/TextArea-DqKIpOfT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea-DqKIpOfT.js","names":[],"sources":["../src/components/TextArea/TextArea.module.css","../src/components/TextArea/TextArea.tsx"],"sourcesContent":[".text-area__wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.text-area__header {\n  align-items: flex-end;\n  display: flex;\n  justify-content: space-between;\n}\n\n.text-area__label-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.text-area__label {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: var(--semibold);\n}\n\n.text-area__label.required::after {\n  color: var(--color-red-600);\n  content: \"\\2605\";\n  font-size: 0.5rem;\n  margin-left: 0.25rem;\n  vertical-align: top;\n}\n\n.text-area__sub-label {\n  color: var(--color-grey-700);\n  font-size: var(--font-size-text-non-essential);\n}\n\n.text-area__word-count {\n  color: var(--color-grey-600);\n  font-size: var(--font-size-text-non-essential);\n}\n\n.text-area__word-count--alert {\n  color: var(--color-red-600);\n  font-weight: bold;\n}\n\n.text-area {\n  border-radius: 0.5rem;\n  font-family: inherit;\n  font-size: inherit;\n  min-height: 5.25rem;\n  overflow: hidden;\n  padding: 0.5rem;\n  resize: none;\n  white-space: pre-wrap;\n  width: 100%;\n  word-wrap: break-word;\n}\n\n.text-area--oneLine {\n  max-height: 2.5rem;\n  min-height: 2.5rem;\n}\n\n.text-area.not-valid {\n  border-color: var(--color-red-600);\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './TextArea.module.css';\n\nexport interface TextAreaProps {\n  /** Returns entered values as trimmed string */\n  onChange: (value: string) => void;\n  /** The label for the text area */\n  label?: string;\n  /** Optional sub label for the text area */\n  subLabel?: string;\n  /** The max amount of allowed charecters in the text area */\n  maxCharacters?: number;\n  /** The max number of visible lines in the text area */\n  heightAsTextField?: boolean;\n  /** The default value for the text area */\n  defaultValue?: string;\n  /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n  required?: boolean;\n  /** `true` to color border red to show not valid; otherwise, `false`. */\n  notValid?: boolean;\n}\n\nexport function TextArea({\n  onChange,\n  label,\n  subLabel,\n  maxCharacters = 0,\n  heightAsTextField = false,\n  defaultValue = '',\n  required = false,\n  notValid = false,\n}: TextAreaProps) {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [characterCount, setCharacterCount] = useState(defaultValue.length);\n\n  const handleInput = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.style.height = 'auto';\n      textAreaRef.current.style.height = `${textAreaRef.current.scrollHeight}px`;\n\n      setCharacterCount(textAreaRef.current.value.length);\n      onChange(textAreaRef.current.value.trim());\n    }\n  };\n\n  const autoResize = () => {\n    const el = textAreaRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${el.scrollHeight}px`;\n  };\n\n  useEffect(() => {\n    if (!heightAsTextField) {\n      autoResize();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['text-area__wrapper']}>\n      {(label || maxCharacters > 0) && (\n        <div className={styles['text-area__header']}>\n          <span className={styles['text-area__label-wrapper']}>\n            {label && (\n              <span className={clsx(styles['text-area__label'], { [styles['required']]: required })}>{label}</span>\n            )}\n            {subLabel && <span className={styles['text-area__sub-label']}>{subLabel}</span>}\n          </span>\n          {maxCharacters > 0 && (\n            <div className={styles['text-area__word-count']}>\n              <span className={clsx({ [styles['text-area__word-count--alert']]: characterCount === maxCharacters })}>\n                {characterCount}\n              </span>\n              &nbsp;/&nbsp;{maxCharacters}\n            </div>\n          )}\n        </div>\n      )}\n\n      <textarea\n        ref={textAreaRef}\n        className={clsx(styles['text-area'], {\n          [styles['not-valid']]: notValid,\n          [styles['text-area--oneLine']]: heightAsTextField,\n        })}\n        maxLength={maxCharacters > 0 ? maxCharacters : undefined}\n        onInput={handleInput}\n        defaultValue={defaultValue}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;ACwBA,SAAgB,EAAS,EACvB,aACA,UACA,aACA,mBAAgB,GAChB,uBAAoB,IACpB,kBAAe,IACf,cAAW,IACX,cAAW,MACK;CAChB,IAAM,IAAc,EAA4B,KAAK,EAC/C,CAAC,GAAgB,KAAqB,EAAS,EAAa,OAAO,EAEnE,UAAoB;AACxB,EAAI,EAAY,YACd,EAAY,QAAQ,MAAM,SAAS,QACnC,EAAY,QAAQ,MAAM,SAAS,GAAG,EAAY,QAAQ,aAAa,KAEvE,EAAkB,EAAY,QAAQ,MAAM,OAAO,EACnD,EAAS,EAAY,QAAQ,MAAM,MAAM,CAAC;IAIxC,UAAmB;EACvB,IAAM,IAAK,EAAY;AAClB,QACL,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAG,EAAG,aAAa;;AAUvC,QAPA,QAAgB;AACd,EAAK,KACH,GAAY;IAGb,EAAE,CAAC,EAGJ,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,EACI,KAAS,IAAgB,MACzB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACG,KACC,kBAAC,QAAD;KAAM,WAAW,EAAK,EAAO,qBAAqB,GAAG,EAAO,WAAc,GAAU,CAAC;eAAG;KAAa,CAAA,EAEtG,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAA0B;KAAgB,CAAA,CAC1E;OACN,IAAgB,KACf,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACE,kBAAC,QAAD;MAAM,WAAW,EAAK,GAAG,EAAO,kCAAkC,MAAmB,GAAe,CAAC;gBAClG;MACI,CAAA;;KACO;KACV;MAEJ;MAGR,kBAAC,YAAD;GACE,KAAK;GACL,WAAW,EAAK,EAAO,cAAc;KAClC,EAAO,eAAe;KACtB,EAAO,wBAAwB;IACjC,CAAC;GACF,WAAW,IAAgB,IAAI,IAAgB,KAAA;GAC/C,SAAS;GACK;GACd,CAAA,CACE"}

package/dist/ToggleSwitch-C7z7JVtx.js

@@ -0,0 +1,51 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import './assets/ToggleSwitch.css';//#region src/components/ToggleSwitch/ToggleSwitch.module.css
+var r = {
+	"toggle-switch": "_toggle-switch_lh249_1",
+	"toggle-switch__visible": "_toggle-switch__visible_lh249_9",
+	"toggle-switch--disabled": "_toggle-switch--disabled_lh249_54",
+	"toggle-switch--loading": "_toggle-switch--loading_lh249_64",
+	"toggle-switch--visually-hidden": "_toggle-switch--visually-hidden_lh249_74",
+	"toggle-switch--disabled-label": "_toggle-switch--disabled-label_lh249_87",
+	"toggle-switch--loading-cursor": "_toggle-switch--loading-cursor_lh249_91",
+	"toggle-switch--extra-left-gap": "_toggle-switch--extra-left-gap_lh249_95"
+};
+//#endregion
+//#region src/components/ToggleSwitch/ToggleSwitch.tsx
+function i({ condition: e, wrapper: t, children: n }) {
+	return e ? t(n) : n;
+}
+function a({ label: a, labelPosition: o = "after", labelVisible: s = !0, loading: c = !1, extraLeftGap: l, ...u }) {
+	let d = /* @__PURE__ */ t("span", {
+		className: e({ [r["toggle-switch--visually-hidden"]]: !s }, { [r["toggle-switch--disabled-label"]]: u.disabled }),
+		children: a
+	});
+	return /* @__PURE__ */ t(i, {
+		condition: c,
+		wrapper: (e) => /* @__PURE__ */ t("div", {
+			className: r["toggle-switch--loading-cursor"],
+			children: e
+		}),
+		children: /* @__PURE__ */ n("label", {
+			className: e(r["toggle-switch"], { [r["toggle-switch--disabled"]]: u.disabled }, { [r["toggle-switch--loading"]]: c }, { [r["toggle-switch--extra-left-gap"]]: l }),
+			children: [
+				o === "before" && d,
+				/* @__PURE__ */ t("input", {
+					className: r["toggle-switch--visually-hidden"],
+					...u,
+					type: "checkbox"
+				}),
+				/* @__PURE__ */ t("span", {
+					className: r["toggle-switch__visible"],
+					title: s ? "" : a
+				}),
+				o === "after" && d
+			]
+		})
+	});
+}
+//#endregion
+export { a as t };
+
+//# sourceMappingURL=ToggleSwitch-C7z7JVtx.js.map

package/dist/ToggleSwitch-C7z7JVtx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch-C7z7JVtx.js","names":[],"sources":["../src/components/ToggleSwitch/ToggleSwitch.module.css","../src/components/ToggleSwitch/ToggleSwitch.tsx"],"sourcesContent":[".toggle-switch {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  gap: 1ch;\n  user-select: none;\n}\n\n.toggle-switch__visible {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-uva-black);\n  border-radius: 0.75rem;\n  box-shadow:\n    0 1px 1px hsla(0deg 0% 0% / 6%),\n    0 1px 2px hsl(0deg 0% 0% / 10%);\n  display: flex;\n  height: 1.5rem;\n  outline: 0.125rem dotted transparent;\n  outline-offset: 0.125rem;\n  padding: 0.25rem;\n  transition: background-color 150ms;\n  width: 3.125rem;\n}\n\n:focus-visible + .toggle-switch__visible {\n  outline-color: var(--color-navy-600);\n}\n\n:checked + .toggle-switch__visible {\n  background-color: var(--color-forest-600);\n}\n\n.toggle-switch__visible::before {\n  background-color: var(--color-grey-300);\n  border: 1px solid var(--color-uva-black);\n  border-radius: 0.75rem;\n  content: \"\";\n  display: inline-block;\n  height: 1rem;\n  min-width: 1rem;\n  transform: translateX(-0.1rem);\n  transition:\n    background-color 150ms,\n    transform 150ms,\n    width 150ms;\n}\n\n:checked + .toggle-switch__visible::before {\n  background-color: var(--color-uva-white);\n  transform: translateX(1.6rem);\n}\n\n.toggle-switch--disabled .toggle-switch__visible::before {\n  background-color: hsl(0deg 0% 0% / 10%);\n  border-color: hsl(0deg 0% 0% / 10%);\n}\n\n:checked:active + .toggle-switch__visible::before {\n  transform: translateX(1.25rem);\n}\n\n.toggle-switch--disabled,\n.toggle-switch--loading {\n  pointer-events: none;\n}\n\n.toggle-switch--disabled .toggle-switch__visible {\n  background-color: var(--color-grey-300);\n  border-color: hsl(0deg 0% 0% / 10%);\n  box-shadow: none;\n}\n\n.toggle-switch--visually-hidden {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: 0 -1px -1px 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.toggle-switch--disabled-label {\n  color: var(--color-grey-700);\n}\n\n.toggle-switch--loading-cursor {\n  cursor: wait;\n}\n\n.toggle-switch--extra-left-gap {\n  margin-left: 0.5rem;\n}\n","import classNames from 'clsx';\n\nimport type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToggleSwitch.module.css';\n\nexport interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'style' | 'className'> {\n  /** The label for the toggle switch. */\n  label: string;\n  /** Boolean value if label should be visible. */\n  labelVisible?: boolean;\n  /** Selection for label placement compared to toggle switch. */\n  labelPosition?: 'before' | 'after';\n  /** Boolean value to be used if the toggle mutates. If true the toggle is disabled in a loading state. */\n  loading?: boolean;\n  /** Boolean value if extra gap is needed on left of component. */\n  extraLeftGap?: boolean;\n}\n\nfunction ConditionalWrapper({\n  condition,\n  wrapper,\n  children,\n}: {\n  condition: boolean;\n  wrapper: (children: ReactNode) => ReactNode;\n  children: ReactNode;\n}) {\n  return condition ? wrapper(children) : children;\n}\n\n/** Represents a component for a toggle switch. */\nexport function ToggleSwitch({\n  label,\n  labelPosition = 'after',\n  labelVisible = true,\n  loading = false,\n  extraLeftGap,\n  ...restProps\n}: ToggleSwitchProps) {\n  const labelComponent = (\n    <span\n      className={classNames(\n        { [styles['toggle-switch--visually-hidden']]: !labelVisible },\n        { [styles['toggle-switch--disabled-label']]: restProps.disabled }\n      )}\n    >\n      {label}\n    </span>\n  );\n\n  return (\n    <ConditionalWrapper\n      condition={loading}\n      wrapper={(children) => <div className={styles['toggle-switch--loading-cursor']}>{children}</div>}\n    >\n      <label\n        className={classNames(\n          styles['toggle-switch'],\n          { [styles['toggle-switch--disabled']]: restProps.disabled },\n          { [styles['toggle-switch--loading']]: loading },\n          { [styles['toggle-switch--extra-left-gap']]: extraLeftGap }\n        )}\n      >\n        {labelPosition === 'before' && labelComponent}\n        <input className={styles['toggle-switch--visually-hidden']} {...restProps} type=\"checkbox\" />\n        <span className={styles['toggle-switch__visible']} title={!labelVisible ? label : ''} />\n        {labelPosition === 'after' && labelComponent}\n      </label>\n    </ConditionalWrapper>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACmBA,SAAS,EAAmB,EAC1B,cACA,YACA,eAKC;AACD,QAAO,IAAY,EAAQ,EAAS,GAAG;;AAIzC,SAAgB,EAAa,EAC3B,UACA,mBAAgB,SAChB,kBAAe,IACf,aAAU,IACV,iBACA,GAAG,KACiB;CACpB,IAAM,IACJ,kBAAC,QAAD;EACE,WAAW,EACT,GAAG,EAAO,oCAAoC,CAAC,GAAc,EAC7D,GAAG,EAAO,mCAAmC,EAAU,UAAU,CAClE;YAEA;EACI,CAAA;AAGT,QACE,kBAAC,GAAD;EACE,WAAW;EACX,UAAU,MAAa,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAmC;GAAe,CAAA;YAEhG,kBAAC,SAAD;GACE,WAAW,EACT,EAAO,kBACP,GAAG,EAAO,6BAA6B,EAAU,UAAU,EAC3D,GAAG,EAAO,4BAA4B,GAAS,EAC/C,GAAG,EAAO,mCAAmC,GAAc,CAC5D;aANH;IAQG,MAAkB,YAAY;IAC/B,kBAAC,SAAD;KAAO,WAAW,EAAO;KAAmC,GAAI;KAAW,MAAK;KAAa,CAAA;IAC7F,kBAAC,QAAD;KAAM,WAAW,EAAO;KAA2B,OAAQ,IAAuB,KAAR;KAAc,CAAA;IACvF,MAAkB,WAAW;IACxB;;EACW,CAAA"}

package/dist/Tooltip-BzB3jznk.js

@@ -0,0 +1,80 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import './assets/Tooltip.css';//#region src/components/Tooltip/Tooltip.module.css
+var o = "_tooltip_small_zy1z9_8", s = "_tooltip_medium_zy1z9_9", c = "_tooltip_large_zy1z9_10", l = {
+	"tooltip-container": "_tooltip-container_zy1z9_1",
+	tooltip_small: o,
+	tooltip_medium: s,
+	tooltip_large: c,
+	"tooltip_under-trigger": "_tooltip_under-trigger_zy1z9_64"
+};
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+function u({ element: o, id: s, text: c, size: u = "medium", openUnderTrigger: d = !1 }) {
+	let f = n(null), p = n(null), [m, h] = r(!1), [g, _] = r({
+		top: 0,
+		left: 0
+	}), v = u === "small" && 20 || u === "large" && 35 || 27, y = u === "small" && 25 || u === "large" && 70 || 47, b = e(() => {
+		if (f.current && p.current) {
+			let e = f.current.getBoundingClientRect(), t = p.current.getBoundingClientRect(), n = window.scrollY, r = window.scrollX, i = e.top + n + v - t.height, a = e.left + r + y + (e.width - t.width) / 2;
+			i -= n, i < 0 && (i = e.bottom + n), _({
+				top: i,
+				left: a
+			});
+		}
+	}, [y, v]), x = e((e) => {
+		e.key === "Escape" && h(!1);
+	}, [h]);
+	function S() {
+		h(!0);
+	}
+	function C() {
+		h(!1);
+	}
+	function w() {
+		h(!m);
+	}
+	return t(() => {
+		if (!f.current) return;
+		let e = f.current;
+		return e.addEventListener("keyup", x, !0), () => {
+			e.removeEventListener("keyup", x, !0);
+		};
+	}, [x]), t(() => (b(), window.addEventListener("resize", b), () => {
+		window.removeEventListener("resize", b);
+	}), [b]), t(() => {
+		m && !d && b();
+	}, [
+		m,
+		d,
+		b
+	]), /* @__PURE__ */ a("div", {
+		className: l["tooltip-container"],
+		onBlur: C,
+		onFocus: S,
+		onMouseEnter: S,
+		onMouseLeave: C,
+		onMouseUp: w,
+		ref: f,
+		role: "button",
+		tabIndex: -1,
+		children: [/* @__PURE__ */ i("div", {
+			"aria-describedby": m ? s : void 0,
+			children: o
+		}), m && /* @__PURE__ */ i("span", {
+			ref: p,
+			className: d ? l["tooltip_under-trigger"] : l[`tooltip_${u}`],
+			id: s,
+			role: "tooltip",
+			style: d ? {} : {
+				top: g.top,
+				left: g.left
+			},
+			children: c
+		})]
+	});
+}
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=Tooltip-BzB3jznk.js.map

package/dist/Tooltip-BzB3jznk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip-BzB3jznk.js","names":[],"sources":["../src/components/Tooltip/Tooltip.module.css","../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[".tooltip-container {\n  align-items: flex-end;\n  cursor: help;\n  display: flex;\n  position: relative;\n}\n\n.tooltip_small,\n.tooltip_medium,\n.tooltip_large {\n  background-color: var(--color-grey-700);\n  border-radius: 0.5rem;\n  color: var(--color-uva-white);\n  font-weight: 400;\n  padding: 0.5rem;\n  position: fixed;\n  text-align: center;\n  transform: translate(-50%, -50%);\n  white-space: normal;\n  z-index: 10;\n}\n\n.tooltip_small {\n  height: 4rem;\n  width: 14.5rem;\n}\n\n.tooltip_medium {\n  height: 5.5rem;\n  width: 20rem;\n}\n\n.tooltip_large {\n  height: 5.5rem;\n  width: 24.5rem;\n}\n\n.tooltip_small::before,\n.tooltip_medium::before,\n.tooltip_large::before {\n  border: 0.5rem solid transparent;\n  border-top-color: var(--color-grey-700);\n  content: \"\";\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n\n.tooltip_small::before {\n  right: 1rem;\n  top: 4rem;\n}\n\n.tooltip_medium::before {\n  right: 3rem;\n  top: 5.5rem;\n}\n\n.tooltip_large::before {\n  right: 4rem;\n  top: 5.5rem;\n}\n\n.tooltip_under-trigger {\n  background-color: var(--color-grey-700);\n  border-radius: 0.5rem;\n  color: var(--color-uva-white);\n  font-weight: 400;\n  max-width: calc(100vw - 2rem);\n  padding: 0.25rem 1rem;\n  position: fixed;\n  right: 1rem;\n  top: 3.5rem;\n}\n\n.tooltip_under-trigger::before {\n  border-bottom: 0.5rem solid var(--color-grey-700);\n  border-left: 0.5rem solid transparent;\n  border-right: 0.5rem solid transparent;\n  content: \"\";\n  height: 0;\n  position: absolute;\n  right: 3.5rem;\n  top: -0.5rem;\n  width: 0;\n}\n\n@media (min-width: 50rem) {\n  .tooltip_under-trigger {\n    right: 0.5rem;\n  }\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Tooltip.module.css';\n\nexport interface TooltipProps {\n  /** The element which triggers the tooltip on hover. */\n  element: ReactNode;\n  /** The id of the tooltip element. */\n  id: string;\n  /** The contents of the tooltip. */\n  text: string;\n  /** The size of the tooltip. */\n  size?: 'small' | 'medium' | 'large';\n  /** <span style=\"color: red\">**Obsolete**</span>. Used by Lens only, and should be refactored */\n  openUnderTrigger?: boolean;\n}\n\n/** Represents a component for a custom tooltip. */\nexport function Tooltip({ element, id, text, size = 'medium', openUnderTrigger = false }: TooltipProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLSpanElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n\n  /* eslint-disable @typescript-eslint/no-magic-numbers */\n  const topOffset = (size === 'small' && 20) || (size === 'large' && 35) || 27;\n  const leftOffset = (size === 'small' && 25) || (size === 'large' && 70) || 47;\n  /* eslint-enable @typescript-eslint/no-magic-numbers */\n\n  const calculatePosition = useCallback(() => {\n    if (containerRef.current && tooltipRef.current) {\n      const triggerRect = containerRef.current.getBoundingClientRect();\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\n      const scrollY = window.scrollY;\n      const scrollX = window.scrollX;\n      let top = triggerRect.top + scrollY + topOffset - tooltipRect.height;\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      const left = triggerRect.left + scrollX + leftOffset + (triggerRect.width - tooltipRect.width) / 2;\n\n      // Adjust top position to account for page scrolling\n      top -= scrollY;\n\n      // Position tooltip below if it would be above the viewport\n      if (top < 0) {\n        top = triggerRect.bottom + scrollY;\n      }\n\n      setPosition({ top, left });\n    }\n  }, [leftOffset, topOffset]);\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n      }\n    },\n    [setIsOpen]\n  );\n\n  function show() {\n    setIsOpen(true);\n  }\n\n  function hide() {\n    setIsOpen(false);\n  }\n\n  function toggle() {\n    if (isOpen) setIsOpen(false);\n    else setIsOpen(true);\n  }\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    const tooltipContainerRef = containerRef.current;\n\n    tooltipContainerRef.addEventListener('keyup', onKeyUp, true);\n\n    return () => {\n      tooltipContainerRef.removeEventListener('keyup', onKeyUp, true);\n    };\n  }, [onKeyUp]);\n\n  useEffect(() => {\n    calculatePosition();\n    window.addEventListener('resize', calculatePosition);\n    return () => {\n      window.removeEventListener('resize', calculatePosition);\n    };\n  }, [calculatePosition]);\n\n  useEffect(() => {\n    // Recalculate position when isOpen changes\n    if (isOpen && !openUnderTrigger) {\n      calculatePosition();\n    }\n  }, [isOpen, openUnderTrigger, calculatePosition]);\n\n  return (\n    <div\n      className={styles['tooltip-container']}\n      onBlur={hide}\n      onFocus={show}\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onMouseUp={toggle}\n      ref={containerRef}\n      role=\"button\"\n      tabIndex={-1}\n    >\n      <div aria-describedby={isOpen ? id : undefined}>{element}</div>\n      {isOpen && (\n        <span\n          ref={tooltipRef}\n          className={openUnderTrigger ? styles['tooltip_under-trigger'] : styles[`tooltip_${size}`]}\n          id={id}\n          role=\"tooltip\"\n          style={openUnderTrigger ? {} : { top: position.top, left: position.left }}\n        >\n          {text}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;ACoBA,SAAgB,EAAQ,EAAE,YAAS,OAAI,SAAM,UAAO,UAAU,sBAAmB,MAAuB;CACtG,IAAM,IAAe,EAAuB,KAAK,EAC3C,IAAa,EAAwB,KAAK,EAC1C,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAU,KAAe,EAAS;EAAE,KAAK;EAAG,MAAM;EAAG,CAAC,EAGvD,IAAa,MAAS,WAAW,MAAQ,MAAS,WAAW,MAAO,IACpE,IAAc,MAAS,WAAW,MAAQ,MAAS,WAAW,MAAO,IAGrE,IAAoB,QAAkB;AAC1C,MAAI,EAAa,WAAW,EAAW,SAAS;GAC9C,IAAM,IAAc,EAAa,QAAQ,uBAAuB,EAC1D,IAAc,EAAW,QAAQ,uBAAuB,EACxD,IAAU,OAAO,SACjB,IAAU,OAAO,SACnB,IAAM,EAAY,MAAM,IAAU,IAAY,EAAY,QAExD,IAAO,EAAY,OAAO,IAAU,KAAc,EAAY,QAAQ,EAAY,SAAS;AAUjG,GAPA,KAAO,GAGH,IAAM,MACR,IAAM,EAAY,SAAS,IAG7B,EAAY;IAAE;IAAK;IAAM,CAAC;;IAE3B,CAAC,GAAY,EAAU,CAAC,EAErB,IAAU,GACb,MAAyB;AACxB,EAAI,EAAM,QAAQ,YAChB,EAAU,GAAM;IAGpB,CAAC,EAAU,CACZ;CAED,SAAS,IAAO;AACd,IAAU,GAAK;;CAGjB,SAAS,IAAO;AACd,IAAU,GAAM;;CAGlB,SAAS,IAAS;AAChB,EAAY,EAAR,GACgB;;AA8BtB,QA3BA,QAAgB;AACd,MAAI,CAAC,EAAa,QAAS;EAE3B,IAAM,IAAsB,EAAa;AAIzC,SAFA,EAAoB,iBAAiB,SAAS,GAAS,GAAK,QAE/C;AACX,KAAoB,oBAAoB,SAAS,GAAS,GAAK;;IAEhE,CAAC,EAAQ,CAAC,EAEb,SACE,GAAmB,EACnB,OAAO,iBAAiB,UAAU,EAAkB,QACvC;AACX,SAAO,oBAAoB,UAAU,EAAkB;KAExD,CAAC,EAAkB,CAAC,EAEvB,QAAgB;AAEd,EAAI,KAAU,CAAC,KACb,GAAmB;IAEpB;EAAC;EAAQ;EAAkB;EAAkB,CAAC,EAG/C,kBAAC,OAAD;EACE,WAAW,EAAO;EAClB,QAAQ;EACR,SAAS;EACT,cAAc;EACd,cAAc;EACd,WAAW;EACX,KAAK;EACL,MAAK;EACL,UAAU;YATZ,CAWE,kBAAC,OAAD;GAAK,oBAAkB,IAAS,IAAK,KAAA;aAAY;GAAc,CAAA,EAC9D,KACC,kBAAC,QAAD;GACE,KAAK;GACL,WAAW,IAAmB,EAAO,2BAA2B,EAAO,WAAW;GAC9E;GACJ,MAAK;GACL,OAAO,IAAmB,EAAE,GAAG;IAAE,KAAK,EAAS;IAAK,MAAM,EAAS;IAAM;aAExE;GACI,CAAA,CAEL"}

package/dist/VarIndicator-C-GueOZD.js

@@ -0,0 +1,50 @@
+import { t as e } from "./clsx-BD2qMUU1.js";
+import { Icon as t } from "./components/Icon/Icon.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import './assets/VarIndicator.css';//#region src/components/VarIndicator/VarIndicator.module.css
+var a = {
+	"var-indicator__container": "_var-indicator__container_15lwy_27",
+	"var-indicator__label": "_var-indicator__label_15lwy_46",
+	"var-indicator__step-container": "_var-indicator__step-container_15lwy_50",
+	"var-indicator__container--compact": "_var-indicator__container--compact_15lwy_61",
+	"var-indicator__container--compact-flyover-wrapper": "_var-indicator__container--compact-flyover-wrapper_15lwy_71",
+	"var-indicator__container--draft": "_var-indicator__container--draft_15lwy_85",
+	"var-indicator__container--rejected": "_var-indicator__container--rejected_15lwy_86",
+	"var-indicator__container--submitted": "_var-indicator__container--submitted_15lwy_101",
+	"var-indicator__container--active": "_var-indicator__container--active_15lwy_113"
+}, o = {
+	DRAFT: "CircleLarge",
+	REJECTED: "CircleLarge",
+	SUBMITTED: "CircleLargeDotted",
+	ACTIVE: "SignalActive"
+}, s = ({ label: s, variant: c = "DRAFT", maxSteps: l, currentStep: u = 1, isCompact: d, onClick: f }) => {
+	let p = () => /* @__PURE__ */ i(n, { children: [
+		/* @__PURE__ */ r(t, {
+			name: o[c],
+			size: 16
+		}),
+		/* @__PURE__ */ r("span", {
+			className: a["var-indicator__label"],
+			children: s[`${c}`]
+		}),
+		l && l > 0 && c === "SUBMITTED" && Array.from({ length: l }, (e, t) => t + 1).map((e) => /* @__PURE__ */ r("div", {
+			className: a["var-indicator__step-container"],
+			children: /* @__PURE__ */ r(t, { name: e <= u ? "CircleSmallFilled" : "CircleSmall" })
+		}, e))
+	] });
+	return /* @__PURE__ */ r("button", {
+		className: e(a["var-indicator__container"], a[`var-indicator__container--${c.toLowerCase()}`], { [a["var-indicator__container--compact"]]: d }),
+		onClick: f,
+		children: d ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
+			name: o[c],
+			size: 16
+		}), /* @__PURE__ */ r("div", {
+			className: e(a["var-indicator__container"], a["var-indicator__container--compact-flyover-wrapper"]),
+			children: /* @__PURE__ */ r(p, {})
+		})] }) : /* @__PURE__ */ r(p, {})
+	});
+};
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=VarIndicator-C-GueOZD.js.map

package/dist/VarIndicator-C-GueOZD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VarIndicator-C-GueOZD.js","names":[],"sources":["../src/components/VarIndicator/VarIndicator.module.css","../src/components/VarIndicator/VarIndicator.tsx"],"sourcesContent":["/* \n  TODO: if the right semantic names are available we put them in the tokens file.\n  It is also an attempt (test) to give tokens semantic names for feature benefits\n*/\n\n:root {\n  /* Semantic names */\n  --color-active: var(--color-forest-700);\n  --color-background-active: var(--color-forest-100);\n  --color-background-active-hover: var(--color-forest-200);\n  --color-background-draft: var(--color-navy-100);\n  --color-background-draft-hover: var(--color-navy-200);\n  --color-background-submitted: var(--color-orange-100);\n  --color-background-submitted-hover: var(--color-orange-200);\n  --color-border-active: var(--color-forest-700);\n  --color-border-draft: var(--color-navy-600);\n  --color-border-submitted: var(--color-orange-900);\n  --color-draft: var(--color-navy-600);\n  --color-draft-hover: var(--color-uva-white);\n  --color-label: var(--color-uva-black);\n  --color-submitted: var(--color-orange-900);\n  --color-submitted-hover: var(--color-uva-white);\n  /* Global vars */\n  --border-radius-var-indicator: 0.25rem;\n}\n\n.var-indicator__container {\n  align-items: center;\n  appearance: none;\n  border: 1px solid;\n  border-radius: var(--border-radius-var-indicator);\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  font-weight: var(--semibold);\n  gap: 0.375rem;\n  height: 2rem;\n  justify-content: center;\n  line-height: inherit;\n  margin: 0;\n  padding: 0 0.75rem 0 0.5rem;\n  white-space: nowrap;\n}\n\n.var-indicator__label {\n  color: var(--color-label);\n}\n\n.var-indicator__step-container {\n  align-items: center;\n  display: inline-flex;\n  height: 100%;\n  justify-content: flex-start;\n}\n\n.var-indicator__step-container > svg {\n  margin: 0 -0.5rem;\n}\n\n.var-indicator__container--compact {\n  padding: 0;\n  position: relative;\n  width: 2rem;\n}\n\n.var-indicator__container--compact > svg {\n  margin: 0;\n}\n\n.var-indicator__container--compact-flyover-wrapper {\n  display: none;\n  height: 2rem;\n  position: absolute;\n  right: -1px;\n  top: -1px;\n  width: auto;\n  z-index: 1;\n}\n\n.var-indicator__container--compact:hover .var-indicator__container--compact-flyover-wrapper {\n  display: flex;\n}\n\n.var-indicator__container--draft,\n.var-indicator__container--rejected,\n.var-indicator__container--draft .var-indicator__container--compact-flyover-wrapper,\n.var-indicator__container--rejected .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-draft);\n  border-color: var(--color-border-draft);\n  color: var(--color-draft);\n}\n\n.var-indicator__container--draft:hover,\n.var-indicator__container--rejected:hover,\n.var-indicator__container--draft:hover .var-indicator__container--compact-flyover-wrapper,\n.var-indicator__container--rejected:hover .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-draft-hover);\n}\n\n.var-indicator__container--submitted,\n.var-indicator__container--submitted .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-submitted);\n  border-color: var(--color-border-submitted);\n  color: var(--color-submitted);\n}\n\n.var-indicator__container--submitted:hover,\n.var-indicator__container--submitted:hover .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-submitted-hover);\n}\n\n.var-indicator__container--active,\n.var-indicator__container--active .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-active);\n  border-color: var(--color-border-active);\n  color: var(--color-active);\n}\n\n.var-indicator__container--active:hover,\n.var-indicator__container--active:hover .var-indicator__container--compact-flyover-wrapper {\n  background-color: var(--color-background-active-hover);\n}\n","import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './VarIndicator.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type StatusType = 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE';\n\nexport interface VarIndicatorProps {\n  /** Label on the indicator */\n  label: Record<StatusType, string>;\n  /** Status type 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE' */\n  variant?: StatusType;\n  /** Maximum number of steps if variant is 'SUBMITTED' */\n  maxSteps?: number;\n  /** Current step if variant is 'SUBMITTED' */\n  currentStep?: number;\n  /** If set shows compact view and opens to the left on hover */\n  isCompact?: boolean;\n  onClick?: () => void;\n}\n\nconst ICON_NAMES = {\n  DRAFT: 'CircleLarge',\n  REJECTED: 'CircleLarge',\n  SUBMITTED: 'CircleLargeDotted',\n  ACTIVE: 'SignalActive',\n};\n\nexport const VarIndicator = ({\n  label,\n  variant = 'DRAFT',\n  maxSteps,\n  currentStep = 1,\n  isCompact,\n  onClick,\n}: VarIndicatorProps) => {\n  const IndicatorContent = () => (\n    <>\n      <Icon name={ICON_NAMES[variant] as IconProps['name']} size={16} />\n      <span className={styles['var-indicator__label']}>{label[`${variant}`]}</span>\n      {maxSteps &&\n        maxSteps > 0 &&\n        variant === 'SUBMITTED' &&\n        Array.from({ length: maxSteps }, (_, idx) => idx + 1).map((step) => (\n          <div key={step} className={styles['var-indicator__step-container']}>\n            <Icon name={step <= currentStep ? 'CircleSmallFilled' : 'CircleSmall'} />\n          </div>\n        ))}\n    </>\n  );\n\n  return (\n    <button\n      className={clsx(\n        styles['var-indicator__container'],\n        styles[`var-indicator__container--${variant.toLowerCase()}`],\n        {\n          [styles['var-indicator__container--compact']]: isCompact,\n        }\n      )}\n      onClick={onClick}\n    >\n      {isCompact ? (\n        <>\n          <Icon name={ICON_NAMES[variant] as IconProps['name']} size={16} />\n          <div\n            className={clsx(\n              styles['var-indicator__container'],\n              styles['var-indicator__container--compact-flyover-wrapper']\n            )}\n          >\n            <IndicatorContent />\n          </div>\n        </>\n      ) : (\n        <IndicatorContent />\n      )}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;GCwBM,IAAa;CACjB,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT,EAEY,KAAgB,EAC3B,UACA,aAAU,SACV,aACA,iBAAc,GACd,cACA,iBACuB;CACvB,IAAM,UACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAM,MAAM,EAAW;GAA+B,MAAM;GAAM,CAAA;EAClE,kBAAC,QAAD;GAAM,WAAW,EAAO;aAA0B,EAAM,GAAG;GAAkB,CAAA;EAC5E,KACC,IAAW,KACX,MAAY,eACZ,MAAM,KAAK,EAAE,QAAQ,GAAU,GAAG,GAAG,MAAQ,IAAM,EAAE,CAAC,KAAK,MACzD,kBAAC,OAAD;GAAgB,WAAW,EAAO;aAChC,kBAAC,GAAD,EAAM,MAAM,KAAQ,IAAc,sBAAsB,eAAiB,CAAA;GACrE,EAFI,EAEJ,CACN;EACH,EAAA,CAAA;AAGL,QACE,kBAAC,UAAD;EACE,WAAW,EACT,EAAO,6BACP,EAAO,6BAA6B,EAAQ,aAAa,KACzD,GACG,EAAO,uCAAuC,GAChD,CACF;EACQ;YAER,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAM,MAAM,EAAW;GAA+B,MAAM;GAAM,CAAA,EAClE,kBAAC,OAAD;GACE,WAAW,EACT,EAAO,6BACP,EAAO,qDACR;aAED,kBAAC,GAAD,EAAoB,CAAA;GAChB,CAAA,CACL,EAAA,CAAA,GAEH,kBAAC,GAAD,EAAoB,CAAA;EAEf,CAAA"}

package/dist/WeekSelector.module-BLPrVYgn.js

@@ -0,0 +1,18 @@
+import './assets/WeekSelector.css';//#region src/components/WeekSelector/WeekSelector.module.css
+var e = {
+	"week-selector": "_week-selector_bf971_1",
+	"week-selector-button": "_week-selector-button_bf971_5",
+	"week-selector-option-container": "_week-selector-option-container_bf971_26",
+	"week-selector-option-header": "_week-selector-option-header_bf971_40",
+	"week-selector-option-table": "_week-selector-option-table_bf971_48",
+	"week-selector-option-table-labels": "_week-selector-option-table-labels_bf971_53",
+	"week-selector-option-week-grid": "_week-selector-option-week-grid_bf971_54",
+	"week-selector-option-table-label": "_week-selector-option-table-label_bf971_53",
+	"week-selector-option-week-row": "_week-selector-option-week-row_bf971_77",
+	"week-selector-option-week": "_week-selector-option-week_bf971_54",
+	"week-selector-option-week--selected": "_week-selector-option-week--selected_bf971_114"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=WeekSelector.module-BLPrVYgn.js.map

package/dist/WeekSelector.module-BLPrVYgn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekSelector.module-BLPrVYgn.js","names":[],"sources":["../src/components/WeekSelector/WeekSelector.module.css"],"sourcesContent":[".week-selector {\n  position: relative;\n}\n\n.week-selector-button {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-700);\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: inherit;\n  height: 2.75rem;\n  justify-content: space-between;\n  min-width: 8rem;\n  padding: 0 0.75rem 0 1rem;\n}\n\n.week-selector-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.week-selector-option-container {\n  background-color: var(--color-uva-white);\n  border: 1px solid var(--color-grey-400);\n  border-radius: 0.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  inset: 100% auto auto 0;\n  padding: 1.5rem;\n  position: absolute;\n  width: max-content;\n  z-index: 10;\n}\n\n.week-selector-option-header {\n  color: var(--color-uva-black);\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  font-weight: var(--semibold);\n  margin: 0;\n}\n\n.week-selector-option-table {\n  display: flex;\n  gap: 1.5rem;\n}\n\n.week-selector-option-table-labels,\n.week-selector-option-week-grid {\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  gap: 0.5rem;\n  min-width: max-content;\n  padding: 0.5rem 0;\n}\n\n.week-selector-option-table-label {\n  color: var(--color-uva-black);\n  font-weight: var(--semibold);\n  line-height: 2.25rem;\n}\n\n.week-selector-option-week-grid {\n  border: 1px solid var(--color-grey-700);\n  border-radius: 0.5rem;\n  max-width: max-content;\n  padding: 0.5rem;\n  width: 100%;\n}\n\n.week-selector-option-week-row {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.week-selector-option-week {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: none;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: flex;\n  height: 2.25rem;\n  justify-content: center;\n  width: 2.25rem;\n}\n\n.week-selector-option-week:disabled {\n  background-color: var(--color-grey-400);\n  color: var(--color-grey-700);\n}\n\n.week-selector-option-week:disabled:active {\n  background-color: var(--color-grey-500);\n  color: var(--color-grey-00);\n  font-weight: var(--semibold);\n}\n\n.week-selector-option-week:disabled:hover {\n  cursor: not-allowed;\n}\n\n.week-selector-option-week:hover {\n  background-color: var(--color-grey-300);\n}\n\n.week-selector-option-week--selected,\n.week-selector-option-week--selected:hover {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n}\n\n.week-selector-option-week:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n"],"mappings":""}

package/dist/__mocks__/svgrMock.js

@@ -1,10 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-const o = e((r, t) => /* @__PURE__ */ a("span", { ref: t, ...r }));
-o.displayName = "SvgrMock";
-const s = o;
-export {
-  s as ReactComponent,
-  o as default
-};
-//# sourceMappingURL=svgrMock.js.map
+import { jsx as t } from "react/jsx-runtime";
+//#region src/__mocks__/svgrMock.tsx
+var n = e((e, n) => /* @__PURE__ */ t("span", {
+	ref: n,
+	...e
+}));
+n.displayName = "SvgrMock";
+var r = n;
+//#endregion
+export { r as ReactComponent, n as default };
+
+//# sourceMappingURL=svgrMock.js.map

package/dist/__mocks__/svgrMock.js.map

@@ -1 +1 @@
-{"version":3,"file":"svgrMock.js","sources":["../../src/__mocks__/svgrMock.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nconst SvgrMock = forwardRef<HTMLSpanElement>((props, ref) => <span ref={ref} {...props} />);\nSvgrMock.displayName = 'SvgrMock';\n\nexport const ReactComponent = SvgrMock;\n// eslint-disable-next-line import/no-default-export\nexport default SvgrMock;\n"],"names":["SvgrMock","forwardRef","props","ref","ReactComponent"],"mappings":";;AAEA,MAAMA,IAAWC,EAA4B,CAACC,GAAOC,wBAAS,QAAA,EAAK,KAAAA,GAAW,GAAGD,GAAO,CAAE;AAC1FF,EAAS,cAAc;AAEhB,MAAMI,IAAiBJ;"}
+{"version":3,"file":"svgrMock.js","names":[],"sources":["../../src/__mocks__/svgrMock.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nconst SvgrMock = forwardRef<HTMLSpanElement>((props, ref) => <span ref={ref} {...props} />);\nSvgrMock.displayName = 'SvgrMock';\n\nexport const ReactComponent = SvgrMock;\n// eslint-disable-next-line import/no-default-export\nexport default SvgrMock;\n"],"mappings":";;;AAEA,IAAM,IAAW,GAA6B,GAAO,MAAQ,kBAAC,QAAD;CAAW;CAAK,GAAI;CAAS,CAAA,CAAC;AAC3F,EAAS,cAAc;AAEvB,IAAa,IAAiB"}

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._accordion_19w0n_1{overflow:hidden;position:relative}._accordion__title_19w0n_6{align-items:center;display:flex;gap:.5rem}._accordion__title_19w0n_6:hover{cursor:pointer;text-decoration:underline}._accordion__title_19w0n_6:focus-visible{text-decoration:underline}._accordion__title-icon_19w0n_21,._accordion__title-icon-right_19w0n_22{transform:rotate(-90deg);transition:transform .3s ease-in;margin-right:.25rem}._accordion__title-icon--margin-0_19w0n_28{margin:0}._accordion__title-icon--margin-025_19w0n_32{margin:0 .25rem}._accordion__title-icon--margin-050_19w0n_36{margin:0 .5rem}._accordion__title-icon--margin-075_19w0n_40{margin:0 .75rem}._accordion__title-icon--margin-100_19w0n_44{margin:0 1rem}._accordion__title-icon--margin-150_19w0n_48{margin:0 1.5rem}._accordion__title-icon--margin-200_19w0n_52{margin:0 2rem}._accordion__title-icon-right_19w0n_22{margin-left:auto}._accordion__title-icon--expanded_19w0n_60,._accordion__title-icon-right--expanded_19w0n_61{transform:rotate(90deg);transition:transform .3s ease-out}._accordion__content_19w0n_66{display:none}._accordion__content--expanded_19w0n_70{display:block}
+._accordion_19w0n_1{position:relative;overflow:hidden}._accordion__title_19w0n_6{align-items:center;gap:.5rem;display:flex}._accordion__title_19w0n_6:hover{cursor:pointer;text-decoration:underline}._accordion__title_19w0n_6:focus-visible{text-decoration:underline}._accordion__title-icon_19w0n_21,._accordion__title-icon-right_19w0n_22{margin-right:.25rem;transition:transform .3s ease-in;transform:rotate(-90deg)}._accordion__title-icon--margin-0_19w0n_28{margin:0}._accordion__title-icon--margin-025_19w0n_32{margin:0 .25rem}._accordion__title-icon--margin-050_19w0n_36{margin:0 .5rem}._accordion__title-icon--margin-075_19w0n_40{margin:0 .75rem}._accordion__title-icon--margin-100_19w0n_44{margin:0 1rem}._accordion__title-icon--margin-150_19w0n_48{margin:0 1.5rem}._accordion__title-icon--margin-200_19w0n_52{margin:0 2rem}._accordion__title-icon-right_19w0n_22{margin-left:auto}._accordion__title-icon--expanded_19w0n_60,._accordion__title-icon-right--expanded_19w0n_61{transition:transform .3s ease-out;transform:rotate(90deg)}._accordion__content_19w0n_66{display:none}._accordion__content--expanded_19w0n_70{display:block}

package/dist/assets/AccordionCard.css

@@ -1 +1 @@
-._accordion-card_60o6f_1{background-color:var(--color-grey-200);overflow:hidden;position:relative}._accordion-card__title_60o6f_7{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;padding:1.5rem 1rem;-webkit-user-select:none;user-select:none}._accordion-card__title_60o6f_7 h3{margin:0}._accordion-card__title_60o6f_7:focus-visible{text-decoration:underline}._accordion-card__title-icon_60o6f_25{transform:rotate(-90deg);transition:transform .3s ease-in}._accordion-card__title-icon--expanded_60o6f_30{transform:rotate(90deg);transition:transform .3s ease-out}._accordion-card__content_60o6f_35{display:none;margin:.5rem 2.5rem 2.5rem}._accordion-card__content--expanded_60o6f_40{display:block}
+._accordion-card_60o6f_1{background-color:var(--color-grey-200);position:relative;overflow:hidden}._accordion-card__title_60o6f_7{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;gap:.5rem;padding:1.5rem 1rem;display:flex}._accordion-card__title_60o6f_7 h3{margin:0}._accordion-card__title_60o6f_7:focus-visible{text-decoration:underline}._accordion-card__title-icon_60o6f_25{transition:transform .3s ease-in;transform:rotate(-90deg)}._accordion-card__title-icon--expanded_60o6f_30{transition:transform .3s ease-out;transform:rotate(90deg)}._accordion-card__content_60o6f_35{margin:.5rem 2.5rem 2.5rem;display:none}._accordion-card__content--expanded_60o6f_40{display:block}

package/dist/assets/ActionList.css

@@ -1 +1 @@
-._action-list_ocnrd_1{background-color:var(--color-uva-white);border-radius:.5rem;box-shadow:0 0 6px 2px #00000026;display:none;padding:.25rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}._action-list--open_ocnrd_13{display:block}._action-list-container_ocnrd_17{position:relative}._action-list_ocnrd_1 [role=menuitem]>*{background:0;border:0;border-radius:.25rem;cursor:pointer;display:block;font:inherit;margin:0;padding:.5rem .75rem;text-align:left;white-space:pre;width:100%}._action-list_ocnrd_1 [role=menuitem]>*:not(:last-of-type){border-bottom:1px solid var(--color-grey-300)}._action-list_ocnrd_1 [role=menuitem]>*:hover{background-color:var(--color-grey-200)}
+._action-list_ocnrd_1{background-color:var(--color-uva-white);z-index:100;border-radius:.5rem;padding:.25rem;display:none;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 0 6px 2px #00000026}._action-list--open_ocnrd_13{display:block}._action-list-container_ocnrd_17{position:relative}._action-list_ocnrd_1 [role=menuitem]>*{cursor:pointer;font:inherit;text-align:left;white-space:pre;background:0;border:0;border-radius:.25rem;width:100%;margin:0;padding:.5rem .75rem;display:block}._action-list_ocnrd_1 [role=menuitem]>:not(:last-of-type){border-bottom:1px solid var(--color-grey-300)}._action-list_ocnrd_1 [role=menuitem]>:hover{background-color:var(--color-grey-200)}

package/dist/assets/AddCatalogueLinkForm.css

@@ -1 +1 @@
-._courselinkform_16a4f_1{font-family:inherit;font-size:inherit;width:30rem}._courselinkform__input-field_16a4f_7{display:flex;flex-direction:column;gap:.5rem}._courselinkform__footer_16a4f_13{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}._courselinkform__results-wrapper_16a4f_20{position:relative}._courselinkform__results-header_16a4f_24{align-items:center;display:flex;font-size:var(--font-size-text-base);gap:.5rem;padding:.5rem;text-align:left;width:100%}._courselinkform__results_16a4f_20{border:1px solid var(--color-grey-300);border-radius:.25rem;max-height:10rem;overflow-y:auto}._courselinkform__result-message_16a4f_41{align-items:center;color:var(--color-grey-600);display:flex;font-size:var(--font-size-text-non-essential);height:2rem;justify-content:flex-start;padding:0 .5rem}._courselinkform__result-item_16a4f_51{align-items:center;appearance:none;background-color:transparent;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-text-base);gap:.5rem;min-height:2.5rem;padding:.5rem;text-align:left;width:100%}._courselinkform__results-header_16a4f_24 span,._courselinkform__result-item_16a4f_51 span{line-height:1.4;width:calc(100% - 9rem)}._courselinkform__results-header_16a4f_24 span:first-child,._courselinkform__result-item_16a4f_51 span:first-child{width:9rem}._courselinkform__result-item_16a4f_51:focus-visible{background-color:var(--color-grey-300);outline:none}._courselinkform__result-item_16a4f_51:hover,._courselinkform__result-item_16a4f_51:focus-visible{background-color:var(--color-grey-300)}._courselinkform__result-item_16a4f_51:not(:last-child){border-bottom:1px solid var(--color-grey-300)}
+._courselinkform_16a4f_1{font-family:inherit;font-size:inherit;width:30rem}._courselinkform__input-field_16a4f_7{flex-direction:column;gap:.5rem;display:flex}._courselinkform__footer_16a4f_13{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}._courselinkform__results-wrapper_16a4f_20{position:relative}._courselinkform__results-header_16a4f_24{font-size:var(--font-size-text-base);text-align:left;align-items:center;gap:.5rem;width:100%;padding:.5rem;display:flex}._courselinkform__results_16a4f_20{border:1px solid var(--color-grey-300);border-radius:.25rem;max-height:10rem;overflow-y:auto}._courselinkform__result-message_16a4f_41{color:var(--color-grey-600);font-size:var(--font-size-text-non-essential);justify-content:flex-start;align-items:center;height:2rem;padding:0 .5rem;display:flex}._courselinkform__result-item_16a4f_51{appearance:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-text-base);text-align:left;background-color:#0000;border:none;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem;display:flex}._courselinkform__results-header_16a4f_24 span,._courselinkform__result-item_16a4f_51 span{width:calc(100% - 9rem);line-height:1.4}._courselinkform__results-header_16a4f_24 span:first-child,._courselinkform__result-item_16a4f_51 span:first-child{width:9rem}._courselinkform__result-item_16a4f_51:focus-visible{background-color:var(--color-grey-300);outline:none}._courselinkform__result-item_16a4f_51:hover,._courselinkform__result-item_16a4f_51:focus-visible{background-color:var(--color-grey-300)}._courselinkform__result-item_16a4f_51:not(:last-child){border-bottom:1px solid var(--color-grey-300)}

package/dist/assets/AppStatusBar.css

@@ -1 +1 @@
-._app-status-bar_12hif_1{overflow:hidden;padding:0 2rem;position:relative;text-align:center;z-index:20}._app-status-bar__message_12hif_9{margin:.75rem 0}._app-status-bar--info_12hif_13{background-color:var(--color-grey-300)}._app-status-bar--warning_12hif_17{background-color:var(--color-orange-500)}._app-status-bar--error_12hif_21{background-color:var(--color-red-600);color:var(--color-uva-white)}
+._app-status-bar_12hif_1{text-align:center;z-index:20;padding:0 2rem;position:relative;overflow:hidden}._app-status-bar__message_12hif_9{margin:.75rem 0}._app-status-bar--info_12hif_13{background-color:var(--color-grey-300)}._app-status-bar--warning_12hif_17{background-color:var(--color-orange-500)}._app-status-bar--error_12hif_21{background-color:var(--color-red-600);color:var(--color-uva-white)}

package/dist/assets/Attention.css

@@ -1 +1 @@
-._attention_kdl29_1{display:flex;gap:.5rem}._attention_kdl29_1>svg{flex-shrink:0;height:1.5rem;width:1.5rem}
+._attention_kdl29_1{gap:.5rem;display:flex}._attention_kdl29_1>svg{flex-shrink:0;width:1.5rem;height:1.5rem}

package/dist/assets/Backdrop.css

@@ -1 +1 @@
-._backdrop_e539q_1{inset:0;overflow:hidden;position:fixed;z-index:100}._backdrop_e539q_1:after{background-color:var(--color-uva-black);content:"";inset:0;opacity:.5;pointer-events:none}@media(min-width:28rem)and (min-height:28rem){._backdrop_e539q_1{align-items:center;display:flex;justify-content:center}._backdrop_e539q_1:after{position:absolute}._backdrop_e539q_1>*{position:relative;z-index:1}}
+.container{background-color:var(--color-uva-white);border:2px dotted var(--color-uva-black);justify-content:center;align-items:center;width:10rem;height:10rem;padding:1rem;display:flex;position:relative}

package/dist/assets/Backdrop2.css

@@ -1 +1 @@
-.container{align-items:center;background-color:var(--color-uva-white);border:2px dotted var(--color-uva-black);display:flex;height:10rem;justify-content:center;padding:1rem;position:relative;width:10rem}
+._backdrop_e539q_1{z-index:100;position:fixed;inset:0;overflow:hidden}._backdrop_e539q_1:after{background-color:var(--color-uva-black);content:"";opacity:.5;pointer-events:none;inset:0}@media (width>=28rem) and (height>=28rem){._backdrop_e539q_1{justify-content:center;align-items:center;display:flex}._backdrop_e539q_1:after{position:absolute}._backdrop_e539q_1>*{z-index:1;position:relative}}

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_w17f1_1{align-items:center;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_w17f1_1[href]{text-decoration:none}._button_w17f1_1:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._button_w17f1_1:hover{background-color:var(--color-grey-300);outline:0}._button--blank_w17f1_35,._button--blank-subtle_w17f1_36,._button--blank-icon_w17f1_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_w17f1_35,._button--blank-icon_w17f1_37{color:var(--color-uva-black)}._button--blank-subtle_w17f1_36{color:var(--color-grey-700)}._button--blank-icon_w17f1_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_w17f1_35:focus,._button--blank_w17f1_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_w17f1_36:focus,._button--blank-subtle_w17f1_36:not([disabled]):hover{background:none;color:var(--color-uva-black);text-decoration:underline}._button--blank-icon_w17f1_37:focus,._button--blank-icon_w17f1_37:not([disabled]):hover{background-color:var(--color-grey-300);border-color:var(--color-grey-600)}._button--primary_w17f1_82{background-color:var(--color-uva-black);border-color:var(--color-uva-black);color:var(--color-uva-white)}._button--primary_w17f1_82:hover{background-color:var(--color-grey-700);border-color:var(--color-grey-700)}._button--primary_w17f1_82[disabled]{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98{background-color:transparent;border-color:var(--color-uva-black);color:var(--color-uva-black)}._button--secondary_w17f1_98:hover{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98[disabled]{background-color:transparent;color:var(--color-uva-black)}._button--destructive-primary_w17f1_114{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114:hover{background-color:var(--color-red-800);border-color:var(--color-red-800);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114[disabled]{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary_w17f1_132:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132[disabled]{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary-transparent_w17f1_150{background-color:transparent;border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary-transparent_w17f1_150:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary-transparent_w17f1_150[disabled]{background-color:transparent;border-color:var(--color-grey-700);color:var(--color-grey-700)}._button--wide-column_w17f1_168{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_w17f1_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}
+._button_w17f1_1{appearance:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-default);height:2.75rem;line-height:inherit;transition:var(--transition-colors);white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.75rem 1rem;display:inline-flex}._button_w17f1_1[href]{text-decoration:none}._button_w17f1_1:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._button_w17f1_1:hover{background-color:var(--color-grey-300);outline:0}._button--blank_w17f1_35,._button--blank-subtle_w17f1_36,._button--blank-icon_w17f1_37{vertical-align:middle;border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline}._button--blank_w17f1_35,._button--blank-icon_w17f1_37{color:var(--color-uva-black)}._button--blank-subtle_w17f1_36{color:var(--color-grey-700)}._button--blank-icon_w17f1_37{border:1px solid #0000;border-radius:.5rem;width:2.5rem;height:2.5rem}._button--blank_w17f1_35:focus,._button--blank_w17f1_35:not([disabled]):hover{background:0 0;text-decoration:underline}._button--blank-subtle_w17f1_36:focus,._button--blank-subtle_w17f1_36:not([disabled]):hover{color:var(--color-uva-black);background:0 0;text-decoration:underline}._button--blank-icon_w17f1_37:focus,._button--blank-icon_w17f1_37:not([disabled]):hover{background-color:var(--color-grey-300);border-color:var(--color-grey-600)}._button--primary_w17f1_82{background-color:var(--color-uva-black);border-color:var(--color-uva-black);color:var(--color-uva-white)}._button--primary_w17f1_82:hover{background-color:var(--color-grey-700);border-color:var(--color-grey-700)}._button--primary_w17f1_82[disabled]{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98{border-color:var(--color-uva-black);color:var(--color-uva-black);background-color:#0000}._button--secondary_w17f1_98:hover{background-color:var(--color-uva-black);color:var(--color-uva-white)}._button--secondary_w17f1_98[disabled]{color:var(--color-uva-black);background-color:#0000}._button--destructive-primary_w17f1_114{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114:hover{background-color:var(--color-red-800);border-color:var(--color-red-800);color:var(--color-uva-white)}._button--destructive-primary_w17f1_114[disabled]{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary_w17f1_132:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary_w17f1_132[disabled]{background-color:var(--color-uva-white);border-color:var(--color-red-600);color:var(--color-red-600)}._button--destructive-secondary-transparent_w17f1_150{border-color:var(--color-red-600);color:var(--color-red-600);background-color:#0000}._button--destructive-secondary-transparent_w17f1_150:hover{background-color:var(--color-red-600);border-color:var(--color-red-600);color:var(--color-uva-white)}._button--destructive-secondary-transparent_w17f1_150[disabled]{border-color:var(--color-grey-700);color:var(--color-grey-700);background-color:#0000}._button--wide-column_w17f1_168{font-size:var(--font-size-text-non-essential);height:unset;flex-direction:column;gap:.25rem;width:100%;padding:.5rem .25rem;display:flex}._button_w17f1_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}

package/dist/assets/ButtonGroup.css

@@ -1 +1 @@
-._button-group_1ti4e_1{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}._button-group--stacked_1ti4e_8{flex-direction:column}._button-group--reversed_1ti4e_12{flex-flow:row-reverse wrap-reverse;justify-content:flex-start}._button-group--reversed-stacked_1ti4e_17{flex-direction:column-reverse}
+._button-group_1ti4e_1{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}._button-group--stacked_1ti4e_8{flex-direction:column}._button-group--reversed_1ti4e_12{flex-flow:row-reverse wrap-reverse;justify-content:flex-start}._button-group--reversed-stacked_1ti4e_17{flex-direction:column-reverse}

package/dist/assets/Card.css

@@ -1 +1 @@
-._card_1m1jk_1{background-color:var(--color-grey-200);display:flex;flex-direction:column}._card--regular_1m1jk_7,._card--large_1m1jk_8{gap:1.5rem;padding:1.5rem}._card--small_1m1jk_13{gap:1rem;padding:1rem}@media(min-width:28rem)and (min-height:28rem){._card--large_1m1jk_8{gap:3rem;padding:3rem}}._card-header_1m1jk_26{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}._card--high-contrast_1m1jk_33{background-color:var(--color-uva-white)}._card--align-center_1m1jk_37{align-items:center}
+._card_1m1jk_1{background-color:var(--color-grey-200);flex-direction:column;display:flex}._card--regular_1m1jk_7,._card--large_1m1jk_8{gap:1.5rem;padding:1.5rem}._card--small_1m1jk_13{gap:1rem;padding:1rem}@media (width>=28rem) and (height>=28rem){._card--large_1m1jk_8{gap:3rem;padding:3rem}}._card-header_1m1jk_26{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}._card--high-contrast_1m1jk_33{background-color:var(--color-uva-white)}._card--align-center_1m1jk_37{align-items:center}

package/dist/assets/Checkbox.css

@@ -1 +1 @@
-._checkbox_rbntw_1{accent-color:var(--color-uva-black);height:1rem;margin:0;padding:0;width:1rem}
+._checkbox_rbntw_1{accent-color:var(--color-uva-black);width:1rem;height:1rem;margin:0;padding:0}

package/dist/assets/CheckboxButtonBar.css

@@ -1 +1 @@
-._checkbox-button-bar__container_1jark_1{display:flex;flex-wrap:wrap}._checkbox-button-bar__container--label-left_1jark_6{align-items:baseline;flex-direction:row;gap:1rem}._checkbox-button-bar__container--label-top_1jark_12{align-items:flex-start;flex-direction:column;gap:.5rem}._checkbox-button-bar__row-container_1jark_18{display:flex;flex-direction:column;gap:.5rem}._checkbox-button-bar__row-container--segmented_1jark_24{flex-direction:row}._checkbox-button-bar__row_1jark_18{align-items:center;background-color:var(--color-uva-white);border:1px solid var(--color-grey-700);border-radius:.5rem;display:flex;flex-wrap:nowrap;gap:.25rem;padding:.25rem}._checkbox-button-bar__row--not-valid_1jark_39{border-color:var(--color-red-600)}._checkbox-button-bar__sub-text_1jark_43{color:var(--color-grey-700);font-size:var(--font-size-text-non-essential)}
+._checkbox-button-bar__container_1jark_1{flex-wrap:wrap;display:flex}._checkbox-button-bar__container--label-left_1jark_6{flex-direction:row;align-items:baseline;gap:1rem}._checkbox-button-bar__container--label-top_1jark_12{flex-direction:column;align-items:flex-start;gap:.5rem}._checkbox-button-bar__row-container_1jark_18{flex-direction:column;gap:.5rem;display:flex}._checkbox-button-bar__row-container--segmented_1jark_24{flex-direction:row}._checkbox-button-bar__row_1jark_18{background-color:var(--color-uva-white);border:1px solid var(--color-grey-700);border-radius:.5rem;flex-wrap:nowrap;align-items:center;gap:.25rem;padding:.25rem;display:flex}._checkbox-button-bar__row--not-valid_1jark_39{border-color:var(--color-red-600)}._checkbox-button-bar__sub-text_1jark_43{color:var(--color-grey-700);font-size:var(--font-size-text-non-essential)}

package/dist/assets/Chip.css

@@ -1 +1 @@
-._chip_12dmi_1{align-items:center;background-color:var(--color-uva-white);border:1px solid var(--color-grey-400);border-radius:1rem;cursor:pointer;display:grid;font-family:inherit;grid-template-columns:auto 1fr;min-height:2rem;padding:0 0 0 1rem;-webkit-user-select:none;user-select:none;width:fit-content}._chip_12dmi_1:hover{background-color:var(--color-grey-400)}._chip_12dmi_1:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._chip__label_12dmi_25{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}._chip__close-button_12dmi_32{margin:0 .5rem}
+._chip_12dmi_1{background-color:var(--color-uva-white);border:1px solid var(--color-grey-400);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;width:fit-content;min-height:2rem;padding:0 0 0 1rem;font-family:inherit;display:grid}._chip_12dmi_1:hover{background-color:var(--color-grey-400)}._chip_12dmi_1:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._chip__label_12dmi_25{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}._chip__close-button_12dmi_32{margin:0 .5rem}

package/dist/assets/ClipboardButton.css

@@ -1 +1 @@
-._clipboard-button_1ihmb_1{align-items:center;appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:1.5rem;justify-content:center;outline:none;transition:all .15s;width:1.5rem}._clipboard-button_1ihmb_1:focus-visible{box-shadow:0 0 0 .125rem #000;outline:2px solid #000}._clipboard-button_1ihmb_1:hover{color:#bd0032}._clipboard-button_1ihmb_1:disabled{opacity:.5;pointer-events:none}
+._clipboard-button_1ihmb_1{appearance:none;color:#000;cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}._clipboard-button_1ihmb_1:focus-visible{outline:2px solid #000;box-shadow:0 0 0 .125rem #000}._clipboard-button_1ihmb_1:hover{color:#bd0032}._clipboard-button_1ihmb_1:disabled{opacity:.5;pointer-events:none}

package/dist/assets/Column.css

@@ -1 +1 @@
-._page-grid__row_10s51_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%}._page-grid__row-mt-0_10s51_9{margin-top:0}._page-grid__row-mt-025_10s51_13{margin-top:.25rem}._page-grid__row-mt-050_10s51_17{margin-top:.5rem}._page-grid__row-mt-075_10s51_21{margin-top:.75rem}._page-grid__row-mt-100_10s51_25{margin-top:1rem}._page-grid__row-mt-125_10s51_29{margin-top:1.25rem}._page-grid__row-mt-150_10s51_33{margin-top:1.5rem}._page-grid__row-mt-175_10s51_37{margin-top:1.75rem}._page-grid__row-mt-200_10s51_41{margin-top:2rem}._page-grid__row-mt-250_10s51_45{margin-top:2.5rem}._page-grid__row-mt-300_10s51_49{margin-top:3rem}._page-grid__row-mt-350_10s51_53{margin-top:3.5rem}._page-grid__row-mb-0_10s51_57{margin-bottom:0}._page-grid__row-mb-025_10s51_61{margin-bottom:.25rem}._page-grid__row-mb-050_10s51_65{margin-bottom:.5rem}._page-grid__row-mb-075_10s51_69{margin-bottom:.75rem}._page-grid__row-mb-100_10s51_73{margin-bottom:1rem}._page-grid__row-mb-125_10s51_77{margin-bottom:1.25rem}._page-grid__row-mb-150_10s51_81{margin-bottom:1.5rem}._page-grid__row-mb-175_10s51_85{margin-bottom:1.75rem}._page-grid__row-mb-200_10s51_89{margin-bottom:2rem}._page-grid__row-mb-250_10s51_93{margin-bottom:2.5rem}._page-grid__row-mb-300_10s51_97{margin-bottom:3rem}._page-grid__row-mb-350_10s51_101{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10s51_109,._page-grid__col_10s51_109{flex-basis:100%;max-width:100%;padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-1_10s51_109{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10s51_124{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10s51_132{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10s51_140{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10s51_148{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10s51_156{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10s51_164{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10s51_172{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10s51_180{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10s51_188{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10s51_196{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_10s51_109{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width:64rem){._page-grid__col-md-1_10s51_215{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10s51_223{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10s51_231{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10s51_239{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10s51_247{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10s51_255{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10s51_263{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10s51_271{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10s51_279{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10s51_287{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10s51_295{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10s51_303{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10s51_312{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_10s51_316{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_10s51_320{margin-left:25%}._page-grid__col-start-position-4_10s51_324{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_10s51_328{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_10s51_332{margin-left:50%}._page-grid__col-start-position-7_10s51_336{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_10s51_340{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_10s51_344{margin-left:75%}._page-grid__col-start-position-10_10s51_348{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_10s51_352{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width:64rem){._page-grid__col-md-start-position-1_10s51_359{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_10s51_363{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_10s51_367{margin-left:25%}._page-grid__col-md-start-position-4_10s51_371{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_10s51_375{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_10s51_379{margin-left:50%}._page-grid__col-md-start-position-7_10s51_383{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_10s51_387{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_10s51_391{margin-left:75%}._page-grid__col-md-start-position-10_10s51_395{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_10s51_399{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width:40rem){._page-grid__col-1_10s51_109,._page-grid__col-2_10s51_124,._page-grid__col-3_10s51_132,._page-grid__col-4_10s51_140,._page-grid__col-5_10s51_148,._page-grid__col-6_10s51_156,._page-grid__col-7_10s51_164,._page-grid__col-8_10s51_172,._page-grid__col-9_10s51_180,._page-grid__col-10_10s51_188,._page-grid__col-11_10s51_196{flex-basis:100%;margin-left:0;max-width:100%}}
+._page-grid__row_10s51_1{--grid-cols:12;flex-wrap:wrap;min-width:100%;display:flex}._page-grid__row-mt-0_10s51_9{margin-top:0}._page-grid__row-mt-025_10s51_13{margin-top:.25rem}._page-grid__row-mt-050_10s51_17{margin-top:.5rem}._page-grid__row-mt-075_10s51_21{margin-top:.75rem}._page-grid__row-mt-100_10s51_25{margin-top:1rem}._page-grid__row-mt-125_10s51_29{margin-top:1.25rem}._page-grid__row-mt-150_10s51_33{margin-top:1.5rem}._page-grid__row-mt-175_10s51_37{margin-top:1.75rem}._page-grid__row-mt-200_10s51_41{margin-top:2rem}._page-grid__row-mt-250_10s51_45{margin-top:2.5rem}._page-grid__row-mt-300_10s51_49{margin-top:3rem}._page-grid__row-mt-350_10s51_53{margin-top:3.5rem}._page-grid__row-mb-0_10s51_57{margin-bottom:0}._page-grid__row-mb-025_10s51_61{margin-bottom:.25rem}._page-grid__row-mb-050_10s51_65{margin-bottom:.5rem}._page-grid__row-mb-075_10s51_69{margin-bottom:.75rem}._page-grid__row-mb-100_10s51_73{margin-bottom:1rem}._page-grid__row-mb-125_10s51_77{margin-bottom:1.25rem}._page-grid__row-mb-150_10s51_81{margin-bottom:1.5rem}._page-grid__row-mb-175_10s51_85{margin-bottom:1.75rem}._page-grid__row-mb-200_10s51_89{margin-bottom:2rem}._page-grid__row-mb-250_10s51_93{margin-bottom:2.5rem}._page-grid__row-mb-300_10s51_97{margin-bottom:3rem}._page-grid__row-mb-350_10s51_101{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10s51_109,._page-grid__col_10s51_109{max-width:100%;padding:0 calc(var(--grid-gap) / 2);flex-basis:100%}._page-grid__col-1_10s51_109{--collspan:1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10s51_124{--collspan:2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10s51_132{--collspan:3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10s51_140{--collspan:4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10s51_148{--collspan:5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10s51_156{--collspan:6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10s51_164{--collspan:7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10s51_172{--collspan:8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10s51_180{--collspan:9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10s51_188{--collspan:10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10s51_196{--collspan:11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_10s51_109{--collspan:12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (width<=64rem){._page-grid__col-md-1_10s51_215{--collspan:1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10s51_223{--collspan:2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10s51_231{--collspan:3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10s51_239{--collspan:4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10s51_247{--collspan:5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10s51_255{--collspan:6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10s51_263{--collspan:7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10s51_271{--collspan:8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10s51_279{--collspan:9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10s51_287{--collspan:10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10s51_295{--collspan:11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10s51_303{--collspan:12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10s51_312{margin-left:8.33333%}._page-grid__col-start-position-2_10s51_316{margin-left:16.6667%}._page-grid__col-start-position-3_10s51_320{margin-left:25%}._page-grid__col-start-position-4_10s51_324{margin-left:33.3333%}._page-grid__col-start-position-5_10s51_328{margin-left:41.6667%}._page-grid__col-start-position-6_10s51_332{margin-left:50%}._page-grid__col-start-position-7_10s51_336{margin-left:58.3333%}._page-grid__col-start-position-8_10s51_340{margin-left:66.6667%}._page-grid__col-start-position-9_10s51_344{margin-left:75%}._page-grid__col-start-position-10_10s51_348{margin-left:83.3333%}._page-grid__col-start-position-11_10s51_352{margin-left:91.6667%}@media only screen and (width<=64rem){._page-grid__col-md-start-position-1_10s51_359{margin-left:8.33333%}._page-grid__col-md-start-position-2_10s51_363{margin-left:16.6667%}._page-grid__col-md-start-position-3_10s51_367{margin-left:25%}._page-grid__col-md-start-position-4_10s51_371{margin-left:33.3333%}._page-grid__col-md-start-position-5_10s51_375{margin-left:41.6667%}._page-grid__col-md-start-position-6_10s51_379{margin-left:50%}._page-grid__col-md-start-position-7_10s51_383{margin-left:58.3333%}._page-grid__col-md-start-position-8_10s51_387{margin-left:66.6667%}._page-grid__col-md-start-position-9_10s51_391{margin-left:75%}._page-grid__col-md-start-position-10_10s51_395{margin-left:83.3333%}._page-grid__col-md-start-position-11_10s51_399{margin-left:91.6667%}}@media only screen and (width<=40rem){._page-grid__col-1_10s51_109,._page-grid__col-2_10s51_124,._page-grid__col-3_10s51_132,._page-grid__col-4_10s51_140,._page-grid__col-5_10s51_148,._page-grid__col-6_10s51_156,._page-grid__col-7_10s51_164,._page-grid__col-8_10s51_172,._page-grid__col-9_10s51_180,._page-grid__col-10_10s51_188,._page-grid__col-11_10s51_196{flex-basis:100%;max-width:100%;margin-left:0}}