@hazelcast/ui 3.0.13 → 4.0.1-canary.10

package/lib/components/Select/SelectField.module.css

@@ -0,0 +1,202 @@
+.container {
+  color: var(--hive-color-text-v4);
+  box-sizing: border-box;
+  font-family: var(--hive-font-family-text);
+  font-size: var(--hive-font-size-body-small);
+  font-weight: var(--hive-font-weight-text-regular);
+  line-height: normal;
+}
+
+.container .selectBlock {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+}
+
+.container :global(.hz-select-field) {
+  flex: 1 1 auto;
+  max-width: 100%;
+  font-size: var(--hive-font-size-body-small);
+}
+
+.container :global(.hz-select-field__control) {
+  cursor: pointer;
+  color: var(--hive-color-text-v4);
+  min-height: calc(var(--hive-grid) * 7.5);
+  padding-left: calc(var(--hive-grid) * 3);
+  padding-right: calc(var(--hive-grid) * 2);
+  box-sizing: border-box;
+  border: var(--hive-border-width) solid var(--hive-color-border-v4);
+  border-radius: var(--hive-border-radius);
+  background-color: var(--hive-color-neutral-white-v4);
+  transition: none;
+  box-shadow: none;
+}
+
+.container :global(.hz-select-field__value-container) {
+  padding: 0;
+}
+
+.container :global(.hz-select-field__single-value) {
+  color: var(--hive-color-text-v4);
+}
+
+.container :global(.hz-select-field__placeholder) {
+  color: var(--hive-color-text-secondary-v4);
+}
+
+.container :global(.hz-select-field__indicator-separator) {
+  display: none;
+}
+
+.container :global(.hz-select-field__input-container),
+.container :global(.hz-select-field__input) {
+  color: var(--hive-color-text-v4);
+}
+
+.container.disabled {
+  opacity: 0.5;
+}
+
+.container.disabled :global(.hz-select-field__control) {
+  color: var(--hive-color-text-secondary-v4);
+  background-color: var(--hive-color-neutral-white-v4);
+  border-color: var(--hive-color-border-v4);
+}
+
+.container.hasError :global(.hz-select-field__control) {
+  border-color: var(--hive-color-error-v4);
+}
+
+.container.hasError label {
+  color: var(--hive-color-error-v4);
+}
+
+.container :global(.hz-select-field__control):hover,
+.container.hover :global(.hz-select-field__control) {
+  border-color: var(--hive-color-text-v4);
+}
+
+.container.focus :global(.hz-select-field__control),
+.container :global(.hz-select-field__control--is-focused) {
+  outline: none;
+  border-color: var(--hive-color-primary-v4);
+  box-shadow: 0 0 0 3px oklch(from var(--hive-color-primary-v4) l c h / 0.5);
+}
+
+.container :global(.hz-select-field__control--menu-is-open),
+.container :global(.hz-select-field__control--is-focused.hz-select-field__control--menu-is-open) {
+  border-color: var(--hive-color-border-v4);
+  box-shadow: none;
+}
+
+.container.hasError.focus :global(.hz-select-field__control),
+.container.hasError :global(.hz-select-field__control--is-focused) {
+  border-color: var(--hive-color-error-v4);
+  box-shadow: 0 0 0 3px oklch(from var(--hive-color-error-v4) l c h / 0.4);
+}
+
+.container.hasError :global(.hz-select-field__control--menu-is-open) {
+  border-color: var(--hive-color-error-v4);
+  box-shadow: none;
+}
+
+.container .iconLeftContainer .iconLeft {
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  z-index: 100;
+  padding: 0 calc(var(--hive-grid) * 2) 0 calc(var(--hive-grid) * 3);
+  color: var(--hive-color-text-secondary-v4);
+}
+
+.container.hasIcon :global(.hz-select-field__control) {
+  padding-left: calc(var(--hive-grid) * 7);
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__menu-portal) {
+  z-index: 2000;
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__menu) {
+  margin-top: calc(var(--hive-grid) * 1.5);
+  margin-bottom: calc(var(--hive-grid) * 1.5);
+  border: var(--hive-border-width) solid var(--hive-color-border-v4);
+  border-radius: var(--hive-border-radius);
+  background-color: var(--hive-color-neutral-white-v4);
+  overflow: hidden;
+  box-shadow:
+    0 4px 12px oklch(0 0 0 / 0.08),
+    0 1px 3px oklch(0 0 0 / 0.06);
+  z-index: 1000;
+  font-family: var(--hive-font-family-text);
+  font-size: var(--hive-font-size-body-small);
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__menu-list) {
+  padding: 0;
+  color: var(--hive-color-text-v4);
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__option),
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__menu-notice) {
+  min-height: calc(var(--hive-grid) * 8);
+  line-height: calc(var(--hive-grid) * 8);
+  padding: 0 calc(var(--hive-grid) * 3);
+  background-color: transparent;
+  color: var(--hive-color-text-v4);
+  outline: none;
+  text-align: left;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__option--is-focused) {
+  background-color: var(--hive-color-surface-hover-v4);
+  color: var(--hive-color-text-v4);
+  outline: none;
+  box-shadow: none !important;
+  text-decoration: none !important;
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__option--is-selected) {
+  background-color: var(--hive-color-surface-active-v4);
+  color: var(--hive-color-text-v4);
+  font-weight: var(--hive-font-weight-text-medium);
+  text-decoration: none !important;
+  box-shadow: none !important;
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__group) {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.menuContainer.menuContainer.menuContainer :global(.hz-select-field__group-heading) {
+  margin-bottom: 0;
+  padding: calc(var(--hive-grid) * 2) calc(var(--hive-grid) * 3);
+  background-color: var(--hive-color-neutral-white-v4);
+  color: var(--hive-color-text-secondary-v4);
+  font-size: var(--hive-font-size-body-smaller);
+  font-weight: var(--hive-font-weight-text-bold);
+  text-transform: inherit;
+}
+
+.withError {
+  position: relative;
+  padding-bottom: calc(var(--hive-grid) * 4.75 + var(--hive-grid));
+}
+
+.withError .errorContainer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  height: calc(var(--hive-grid) * 4.75);
+  width: 100%;
+}

package/lib/components/SimpleTable.d.ts

@@ -1,11 +1,30 @@
 import React, { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
-export type SimpleTableProps = HTMLAttributes<HTMLTableElement>;
+type TableVariant = 'surface' | 'ghost';
+type TableAlign = 'start' | 'center' | 'end' | 'baseline';
+type TableJustify = 'start' | 'center' | 'end';
+export type SimpleTableProps = HTMLAttributes<HTMLTableElement> & {
+    variant?: TableVariant;
+};
+export type SimpleTableRowProps = HTMLAttributes<HTMLTableRowElement> & {
+    align?: TableAlign;
+};
+export type SimpleTableCellProps = TdHTMLAttributes<HTMLTableDataCellElement> & {
+    justify?: TableJustify;
+};
+export type SimpleTableColumnHeaderCellProps = ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    justify?: TableJustify;
+};
+export type SimpleTableRowHeaderCellProps = ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    justify?: TableJustify;
+};
 export declare const SimpleTable: {
-    (props: SimpleTableProps): React.JSX.Element;
+    ({ className, variant, ...rest }: SimpleTableProps): React.JSX.Element;
+    Header(props: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     Body(props: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
     Footer(props: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
-    Header(props: HTMLAttributes<HTMLTableSectionElement>): React.JSX.Element;
-    Row(props: HTMLAttributes<HTMLTableRowElement>): React.JSX.Element;
-    Td(props: TdHTMLAttributes<HTMLTableDataCellElement>): React.JSX.Element;
-    Th(props: ThHTMLAttributes<HTMLTableDataCellElement>): React.JSX.Element;
+    Row({ className, align, ...rest }: SimpleTableRowProps): React.JSX.Element;
+    Cell({ className, justify, ...rest }: SimpleTableCellProps): React.JSX.Element;
+    ColumnHeaderCell({ className, justify, ...rest }: SimpleTableColumnHeaderCellProps): React.JSX.Element;
+    RowHeaderCell({ className, justify, ...rest }: SimpleTableRowHeaderCellProps): React.JSX.Element;
 };
+export {};

package/lib/components/SimpleTable.js

@@ -1,9 +1,24 @@
 import React from 'react';
 import cls from 'classnames';
-import styles from './SimpleTable.module.scss';
-export const SimpleTable = (props) => {
-    const { className, ...rest } = props;
-    return React.createElement("table", { className: cls(className, styles.root), ...rest });
+import styles from './SimpleTable.module.css';
+const justifyClass = (justify) => {
+    if (!justify)
+        return undefined;
+    return { start: styles.justifyStart, center: styles.justifyCenter, end: styles.justifyEnd }[justify];
+};
+const alignClass = (align) => {
+    if (!align)
+        return undefined;
+    return {
+        start: styles.alignStart,
+        center: styles.alignCenter,
+        end: styles.alignEnd,
+        baseline: styles.alignBaseline,
+    }[align];
+};
+export const SimpleTable = ({ className, variant = 'ghost', ...rest }) => (React.createElement("table", { className: cls(styles.root, variant === 'surface' && styles.surface, className), ...rest }));
+SimpleTable.Header = function SimpleTableHeader(props) {
+    return React.createElement("thead", { ...props });
 };
 SimpleTable.Body = function SimpleTableBody(props) {
     return React.createElement("tbody", { ...props });
@@ -11,16 +26,16 @@ SimpleTable.Body = function SimpleTableBody(props) {
 SimpleTable.Footer = function SimpleTableFooter(props) {
     return React.createElement("tfoot", { ...props });
 };
-SimpleTable.Header = function SimpleTableHeader(props) {
-    return React.createElement("thead", { ...props });
+SimpleTable.Row = function SimpleTableRow({ className, align, ...rest }) {
+    return React.createElement("tr", { className: cls(alignClass(align), className), ...rest });
 };
-SimpleTable.Row = function SimpleTableRow(props) {
-    return React.createElement("tr", { ...props });
+SimpleTable.Cell = function SimpleTableCell({ className, justify, ...rest }) {
+    return React.createElement("td", { className: cls(justifyClass(justify), className), ...rest });
 };
-SimpleTable.Td = function SimpleTableTd(props) {
-    return React.createElement("td", { ...props });
+SimpleTable.ColumnHeaderCell = function SimpleTableColumnHeaderCell({ className, justify, ...rest }) {
+    return React.createElement("th", { className: cls(justifyClass(justify), className), ...rest });
 };
-SimpleTable.Th = function SimpleTableTh(props) {
-    return React.createElement("th", { ...props });
+SimpleTable.RowHeaderCell = function SimpleTableRowHeaderCell({ className, justify, ...rest }) {
+    return React.createElement("th", { scope: "row", className: cls(styles.rowHeaderCell, justifyClass(justify), className), ...rest });
 };
 //# sourceMappingURL=SimpleTable.js.map

package/lib/components/SimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../src/components/SimpleTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAA;AACjF,OAAO,GAAG,MAAM,YAAY,CAAA;AAE5B,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAI9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEpC,OAAO,+BAAO,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,KAAM,IAAI,GAAI,CAAA;AACpE,CAAC,CAAA;AAED,WAAW,CAAC,IAAI,GAAG,SAAS,eAAe,CAAC,KAA8C;IACxF,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AACD,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA8C;IAC5F,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AACD,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA8C;IAC5F,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AACD,WAAW,CAAC,GAAG,GAAG,SAAS,cAAc,CAAC,KAA0C;IAClF,OAAO,+BAAQ,KAAK,GAAI,CAAA;AAC1B,CAAC,CAAA;AACD,WAAW,CAAC,EAAE,GAAG,SAAS,aAAa,CAAC,KAAiD;IACvF,OAAO,+BAAQ,KAAK,GAAI,CAAA;AAC1B,CAAC,CAAA;AACD,WAAW,CAAC,EAAE,GAAG,SAAS,aAAa,CAAC,KAAiD;IACvF,OAAO,+BAAQ,KAAK,GAAI,CAAA;AAC1B,CAAC,CAAA"}
+{"version":3,"file":"SimpleTable.js","sourceRoot":"","sources":["../../src/components/SimpleTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAA;AACjF,OAAO,GAAG,MAAM,YAAY,CAAA;AAE5B,OAAO,MAAM,MAAM,0BAA0B,CAAA;AAM7C,MAAM,YAAY,GAAG,CAAC,OAAiC,EAAE,EAAE;IACzD,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAA;IAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAA;AACtG,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAA6B,EAAE,EAAE;IACnD,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAA;IAC5B,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM,CAAC,WAAW;QAC1B,GAAG,EAAE,MAAM,CAAC,QAAQ;QACpB,QAAQ,EAAE,MAAM,CAAC,aAAa;KAC/B,CAAC,KAAK,CAAC,CAAA;AACV,CAAC,CAAA;AAsBD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE,CAAC,CAC1F,+BAAO,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CACrG,CAAA;AAED,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA8C;IAC5F,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AAED,WAAW,CAAC,IAAI,GAAG,SAAS,eAAe,CAAC,KAA8C;IACxF,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AAED,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA8C;IAC5F,OAAO,kCAAW,KAAK,GAAI,CAAA;AAC7B,CAAC,CAAA;AAED,WAAW,CAAC,GAAG,GAAG,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAuB;IAC1F,OAAO,4BAAI,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAA;AACvE,CAAC,CAAA;AAED,WAAW,CAAC,IAAI,GAAG,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAwB;IAC/F,OAAO,4BAAI,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAA;AAC3E,CAAC,CAAA;AAED,WAAW,CAAC,gBAAgB,GAAG,SAAS,2BAA2B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAoC;IACnI,OAAO,4BAAI,SAAS,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAA;AAC3E,CAAC,CAAA;AAED,WAAW,CAAC,aAAa,GAAG,SAAS,wBAAwB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiC;IAC1H,OAAO,4BAAI,KAAK,EAAC,KAAK,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,GAAI,CAAA;AAC7G,CAAC,CAAA"}

package/lib/components/SimpleTable.module.css

@@ -0,0 +1,80 @@
+.root {
+  width: 100%;
+  max-width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-family: var(--hive-font-family-text);
+  font-size: var(--hive-font-size-body-small);
+  color: var(--hive-color-text-v4);
+}
+
+/* ─── Variants ──────────────────────────────────────────────────────────── */
+
+.root.surface {
+  border: var(--hive-border-width) solid var(--hive-color-border-v4);
+  border-radius: var(--hive-border-radius);
+  overflow: hidden;
+}
+
+/* ─── Cells ─────────────────────────────────────────────────────────────── */
+
+.root th,
+.root td {
+  text-align: left;
+  vertical-align: top;
+  padding: calc(var(--hive-grid) * 2) calc(var(--hive-grid) * 3);
+  box-sizing: border-box;
+}
+
+/* ─── Header ─────────────────────────────────────────────────────────────── */
+
+.root thead th {
+  font-weight: var(--hive-font-weight-text-medium);
+  color: var(--hive-color-text-secondary-v4);
+  background-color: var(--hive-color-neutral-lighter-v4);
+  border-bottom: var(--hive-border-width) solid var(--hive-color-border-v4);
+}
+
+.root.surface thead th {
+  background-color: var(--hive-color-surface-active-v4);
+}
+
+/* ─── Body row separators ───────────────────────────────────────────────── */
+
+.root tbody tr + tr > td,
+.root tbody tr + tr > th {
+  border-top: var(--hive-border-width) solid var(--hive-color-border-v4);
+}
+
+/* ─── Row alignment ─────────────────────────────────────────────────────── */
+
+.alignStart {
+  vertical-align: top;
+}
+.alignCenter {
+  vertical-align: middle;
+}
+.alignEnd {
+  vertical-align: bottom;
+}
+.alignBaseline {
+  vertical-align: baseline;
+}
+
+/* ─── Cell justify ──────────────────────────────────────────────────────── */
+
+.justifyStart {
+  text-align: start;
+}
+.justifyCenter {
+  text-align: center;
+}
+.justifyEnd {
+  text-align: end;
+}
+
+/* ─── Row header cell ───────────────────────────────────────────────────── */
+
+.rowHeaderCell {
+  font-weight: var(--hive-font-weight-text-medium);
+}

package/lib/components/Table/Cell.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useRef } from 'react';
 import { AlertTriangle } from 'react-feather';
-import { useUID } from 'react-uid';
 import cn from 'classnames';
 import { Icon } from '../Icon';
 import { Tooltip } from '../Tooltip';
@@ -8,13 +7,13 @@ import { useOpenCloseState } from '../../hooks';
 import { CellCopyablePopover } from './features/columnsSelection';
 import styles from './Cell.module.scss';
 export const CellWarning = ({ align, warning }) => {
-    const id = useUID();
     const dataTest = 'cell-warning-content';
-    return (React.createElement(Tooltip, { id: id, content: warning }, (tooltipRef) => (React.createElement("div", { "data-test": dataTest, ref: tooltipRef, className: cn(styles.warningIcon, {
-            [styles.left]: align === 'left',
-            [styles.right]: align === 'right',
-        }) },
-        React.createElement(Icon, { "data-test": `${dataTest}-icon`, icon: AlertTriangle, ariaLabelledBy: id, size: "small" })))));
+    return (React.createElement(Tooltip, { content: warning },
+        React.createElement("div", { "data-test": dataTest, className: cn(styles.warningIcon, {
+                [styles.left]: align === 'left',
+                [styles.right]: align === 'right',
+            }) },
+            React.createElement(Icon, { "data-test": `${dataTest}-icon`, icon: AlertTriangle, ariaLabel: warning, size: "small" }))));
 };
 export const Cell = ({ align = 'left', warning, colSpan, children, style, className, role = 'cell', cellId, onClickSelection, selected, onMouseEnterSelection, selectionStartedRef, }) => {
     const rootRef = useRef(null);

package/lib/components/Table/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"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"}

package/lib/components/Tabs/Tab.js

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import cn from 'classnames';
 import { useTabContext, getTabId, getPanelId } from './TabContext';
 import { keyIsOneOf } from '../../utils/keyboard';
-import styles from './Tab.module.scss';
+import styles from './Tab.module.css';
 /**
  * ### Purpose
  * A single tab implementation that works together with TabContext and TabList components.

package/lib/components/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA0BtC;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,SAAS,IAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,kBAAkB,CAAA;AA0BrC;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,SAAS,IAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Tabs/Tab.module.css

@@ -0,0 +1,58 @@
+.tab {
+  display: inline-flex;
+  flex: 0 0 auto;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: calc(var(--hive-grid) * 1.5);
+  position: relative;
+  box-sizing: border-box;
+  height: calc(var(--hive-grid) * 9);
+  min-width: 0;
+  padding: 0 calc(var(--hive-grid) * 6);
+  border: none;
+  border-bottom: calc(var(--hive-border-width) * 2) solid transparent;
+  color: var(--hive-color-text-secondary-v4);
+  background: transparent;
+  cursor: pointer;
+  text-decoration: none;
+  white-space: nowrap;
+  overflow: hidden;
+
+  font-family: var(--hive-font-family-text);
+  font-size: var(--hive-font-size-body-small);
+  font-weight: var(--hive-font-weight-text-medium);
+  line-height: 1;
+}
+
+.tab > * {
+  display: inline-flex;
+  align-items: center;
+}
+
+.tab.selected {
+  color: var(--hive-color-brand-v4);
+  border-bottom-color: var(--hive-color-brand-v4);
+  box-shadow: none;
+}
+
+.tab.selected:focus-visible {
+  border-bottom-width: calc(var(--hive-border-width) * 2);
+  padding-bottom: 0;
+}
+
+.tab.fullWidth {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.tab:hover {
+  color: var(--hive-color-brand-v4);
+}
+
+.tab:focus-visible {
+  outline: var(--hive-outline-width) solid var(--hive-color-primary-v4);
+  outline-offset: 0;
+  border-radius: var(--hive-border-radius);
+  border-bottom-color: currentColor;
+}

package/lib/components/Tabs/TabList.js

@@ -1,6 +1,6 @@
 import React, { useRef, useCallback } from 'react';
 import cn from 'classnames';
-import styles from './TabList.module.scss';
+import styles from './TabList.module.css';
 /**
  * ### Purpose
  * A base component for building tabs (apart from TabContext). Use as a parent for Tab components.

package/lib/components/Tabs/TabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAQ1C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,yEAAyE;IACzE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;;QACzE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QACxC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;QACR,CAAC;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,wBAAwB;YACxB,qCAAqC;YACrC,+DAA+D;YAC/D,KAAK,eAAe;gBAClB,cAAc;oBACZ,MAAA,MAAC,MAAM,CAAC,sBAA4C,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBACtH,MAAK;YACP,wBAAwB;YACxB,iCAAiC;YACjC,+DAA+D;YAC/D,KAAK,WAAW;gBACd,cAAc,GAAG,MAAA,MAAC,MAAM,CAAC,kBAAwC,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAClI,MAAK;YACP,sDAAsD;YACtD,KAAK,MAAM;gBACT,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAC9E,MAAK;YACP,qDAAqD;YACrD,KAAK,KAAK;gBACR,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBAC7E,MAAK;YACP;gBACE,MAAK;QACT,CAAC;QAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACY,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,gBAC5B,SAAS,EACrB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAQzC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,yEAAyE;IACzE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoC,EAAE,EAAE;;QACzE,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QACxC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,wGAAwG,CAAC,CAAA;YACtH,OAAM;QACR,CAAC;QAED,IAAI,cAAc,GAA6B,IAAI,CAAA;QACnD,MAAM,eAAe,GAAG,WAAW,CAAA;QACnC,MAAM,WAAW,GAAG,YAAY,CAAA;QAEhC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,wBAAwB;YACxB,qCAAqC;YACrC,+DAA+D;YAC/D,KAAK,eAAe;gBAClB,cAAc;oBACZ,MAAA,MAAC,MAAM,CAAC,sBAA4C,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBACtH,MAAK;YACP,wBAAwB;YACxB,iCAAiC;YACjC,+DAA+D;YAC/D,KAAK,WAAW;gBACd,cAAc,GAAG,MAAA,MAAC,MAAM,CAAC,kBAAwC,mCAAK,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAClI,MAAK;YACP,sDAAsD;YACtD,KAAK,MAAM;gBACT,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAgC,mCAAI,IAAI,CAAA;gBAC9E,MAAK;YACP,qDAAqD;YACrD,KAAK,KAAK;gBACR,cAAc,GAAG,MAAC,MAAA,UAAU,CAAC,OAAO,0CAAE,SAA+B,mCAAI,IAAI,CAAA;gBAC7E,MAAK;YACP;gBACE,MAAK;QACT,CAAC;QAED,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,cAAc,CAAC,KAAK,EAAE,CAAA;YACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,0CACY,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,gBAC5B,SAAS,EACrB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Tabs/TabList.module.css

@@ -0,0 +1,9 @@
+.tabList {
+  display: flex;
+  align-items: stretch;
+  gap: 0;
+  width: 100%;
+  border-bottom: var(--hive-border-width) solid var(--hive-color-border-v4);
+  box-sizing: border-box;
+  overflow-x: auto;
+}

package/lib/components/Tabs/TabPanel.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { useTabContext, getPanelId, getTabId } from './TabContext';
-import styles from './TabPanel.module.scss';
+import styles from './TabPanel.module.css';
 /**
  * ### Purpose
  * Serves as a container for tab content.

package/lib/components/Tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAO3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,KAAK,aAAa,CAAA;IAExC,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC9D,IAAI,EAAC,UAAU,eACJ,QAAQ,EACnB,EAAE,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,qBACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAEpD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvB,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAO1C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,KAAK,aAAa,CAAA;IAExC,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAC9D,IAAI,EAAC,UAAU,eACJ,QAAQ,EACnB,EAAE,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,qBACzB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAEpD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvB,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/components/Tabs/TabPanel.module.css

@@ -0,0 +1,7 @@
+.tabPanel {
+  visibility: visible;
+}
+
+.tabPanel.hidden {
+  visibility: hidden;
+}

package/lib/components/TextArea.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useUID } from 'react-uid';
 import { Error, errorId } from './Error';
 import { FieldHeader } from './FieldHeader';
-import styles from './TextArea.module.scss';
+import styles from './TextArea.module.css';
 export const TextArea = (props) => {
     const { error, label, name, onBlur, onChange, placeholder, value, disabled, className, labelClassName, textareaClassName, errorClassName, required, resizable = true, helperText, size = 'medium', 'data-test': dataTest = 'textarea', ...htmlAttrs } = props;
     const id = useUID();

package/lib/components/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,MAAM,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAsB3C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK;YACxB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK;SACrC,EACD,SAAS,CACV;QAED,oBAAC,WAAW,iBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI;QAC9H,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB;YACtC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe;gBACpC,kCACE,GAAG,EAAE,WAAW,kBACF,CAAC,CAAC,KAAK,mBACN,QAAQ,uBACJ,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,EACvC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX;wBACE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;qBAClC,EACD,iBAAiB,CAClB,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb;gBACF,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CACpC,CACF;QACN,oBAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAI,CAChI,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,MAAM,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAsB1C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK;YACxB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK;SACrC,EACD,SAAS,CACV;QAED,oBAAC,WAAW,iBAAY,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,GAAI;QAC9H,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB;YACtC,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe;gBACpC,kCACE,GAAG,EAAE,WAAW,kBACF,CAAC,CAAC,KAAK,mBACN,QAAQ,uBACJ,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC,EACvC,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX;wBACE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;qBAClC,EACD,iBAAiB,CAClB,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,KACd,SAAS,GACb;gBACF,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CACpC,CACF;QACN,oBAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAI,CAChI,CACP,CAAA;AACH,CAAC,CAAA"}