@revikornmann/muka-ui 0.2.1

package/dist/esm/components/Spinner/Spinner.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Spinner.css';
+/**
+ * Spinner — indeterminate loading indicator.
+ *
+ * Use for inline loading states (button labels, async fetches, image uploads).
+ * For full-page loading, prefer `Skeleton`. For determinate progress, use `Progress`.
+ *
+ * @accessibility
+ * - Renders with `role="status"` and a visually-hidden label for screen readers
+ * - Animation respects `prefers-reduced-motion`
+ */
+export const Spinner = ({ size = 'md', variant = 'default', label = 'Loading', className = '', }) => {
+    const classes = [
+        'muka-spinner',
+        `muka-spinner--${size}`,
+        `muka-spinner--${variant}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("span", { className: classes, role: "status", "aria-live": "polite", children: [_jsx("span", { className: "muka-spinner__circle", "aria-hidden": "true" }), _jsx("span", { className: "muka-spinner__sr-label", children: label })] }));
+};
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/esm/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../components/Spinner/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAyBvB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,cAAc;QACd,iBAAiB,IAAI,EAAE;QACvB,iBAAiB,OAAO,EAAE;QAC1B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gBAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACxD,eAAM,SAAS,EAAC,sBAAsB,iBAAa,MAAM,GAAG,EAC5D,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,IAClD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/components/Spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC"}

package/dist/esm/components/SwipeActions/SwipeActions.css

@@ -0,0 +1,105 @@
+/* SwipeActions Component Styles */
+
+.muka-swipe-actions {
+  position: relative;
+  overflow: hidden;
+  touch-action: pan-y;
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: var(--color-surface-level3);
+}
+
+.muka-swipe-actions--disabled {
+  touch-action: auto;
+}
+
+/* ─── Row that holds the actual content ────────────────── */
+
+.muka-swipe-actions__row {
+  position: relative;
+  z-index: 1;
+  background-color: inherit;
+  will-change: transform;
+}
+
+/* ─── Action panels — sit beneath the row ──────────────── */
+
+.muka-swipe-actions__panel {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: stretch;
+  z-index: 0;
+}
+
+.muka-swipe-actions__panel--left {
+  left: 0;
+}
+
+.muka-swipe-actions__panel--right {
+  right: 0;
+}
+
+/* ─── Single action button ─────────────────────────────── */
+
+.muka-swipe-actions__button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-1);
+  border: none;
+  cursor: pointer;
+  padding: var(--spacing-2);
+  background-color: var(--color-surface-level2);
+  color: var(--color-text-default-default);
+  font-family: var(--text-label-sm-semibold-fontFamily);
+  font-weight: var(--text-label-sm-semibold-fontWeight);
+  font-size: var(--text-label-sm-semibold-fontSize);
+  line-height: var(--text-label-sm-semibold-lineHeight);
+  -webkit-tap-highlight-color: transparent;
+  transition: filter 0.12s ease;
+}
+
+.muka-swipe-actions__button:hover {
+  filter: brightness(0.95);
+}
+
+.muka-swipe-actions__button:focus-visible {
+  outline: 2px solid var(--color-action-default);
+  outline-offset: -2px;
+}
+
+.muka-swipe-actions__button-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* ─── Color variants ───────────────────────────────────── */
+
+.muka-swipe-actions__button--neutral {
+  background-color: var(--color-surface-level2);
+  color: var(--color-text-default-default);
+}
+
+.muka-swipe-actions__button--primary {
+  background-color: var(--color-action-default);
+  color: var(--color-text-inverse-default, #fff);
+}
+
+.muka-swipe-actions__button--success {
+  background-color: var(--color-state-success-default, var(--color-action-default));
+  color: var(--color-text-inverse-default, #fff);
+}
+
+.muka-swipe-actions__button--warning {
+  background-color: var(--color-state-warning-default, var(--color-action-default));
+  color: var(--color-text-default-default);
+}
+
+.muka-swipe-actions__button--destructive {
+  background-color: var(--color-state-error-default, #c0392b);
+  color: var(--color-text-inverse-default, #fff);
+}

package/dist/esm/components/SwipeActions/SwipeActions.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import './SwipeActions.css';
+/**
+ * SwipeActions — adds iOS-style swipe-to-reveal action buttons around a row.
+ *
+ * Wrap a `ListItem` (or any row) to expose secondary actions like archive,
+ * delete, edit. Swipe left to reveal `rightActions`; swipe right for `leftActions`.
+ *
+ * @accessibility
+ * - All actions remain reachable via keyboard / screen reader when the row is
+ *   focused (rendered alongside the row, not hidden until swiped). The swipe
+ *   gesture is a progressive enhancement; the buttons are always in the DOM
+ *   and focusable.
+ */
+export const SwipeActions = ({ children, rightActions = [], leftActions = [], disabled = false, actionWidth = 80, fullSwipeThreshold = 0.6, className = '', }) => {
+    const wrapperRef = useRef(null);
+    const [offset, setOffset] = useState(0);
+    const [animating, setAnimating] = useState(true);
+    const dragRef = useRef(null);
+    const rightWidth = rightActions.length * actionWidth;
+    const leftWidth = leftActions.length * actionWidth;
+    const snapTo = useCallback((next) => {
+        setAnimating(true);
+        setOffset(next);
+    }, []);
+    const handlePointerDown = (e) => {
+        if (disabled)
+            return;
+        if (e.pointerType === 'mouse' && e.button !== 0)
+            return;
+        dragRef.current = {
+            startX: e.clientX,
+            startY: e.clientY,
+            startOffset: offset,
+            locked: null,
+            pointerId: e.pointerId,
+            rowWidth: wrapperRef.current?.offsetWidth ?? 0,
+        };
+    };
+    const handlePointerMove = (e) => {
+        const drag = dragRef.current;
+        if (!drag || drag.pointerId !== e.pointerId)
+            return;
+        const dx = e.clientX - drag.startX;
+        const dy = e.clientY - drag.startY;
+        if (drag.locked === null) {
+            if (Math.abs(dx) < 8 && Math.abs(dy) < 8)
+                return;
+            if (Math.abs(dx) > Math.abs(dy)) {
+                drag.locked = true;
+                wrapperRef.current?.setPointerCapture(e.pointerId);
+                setAnimating(false);
+            }
+            else {
+                drag.locked = false;
+                return;
+            }
+        }
+        if (!drag.locked)
+            return;
+        e.preventDefault();
+        let next = drag.startOffset + dx;
+        if (next > 0) {
+            next = leftActions.length > 0 ? Math.min(next, drag.rowWidth) : 0;
+        }
+        else {
+            next = rightActions.length > 0 ? Math.max(next, -drag.rowWidth) : 0;
+        }
+        setOffset(next);
+    };
+    const finishDrag = (commit) => {
+        const drag = dragRef.current;
+        dragRef.current = null;
+        if (!drag || !drag.locked)
+            return;
+        if (!commit) {
+            snapTo(0);
+            return;
+        }
+        const rowWidth = drag.rowWidth;
+        const fullSwipePx = rowWidth * fullSwipeThreshold;
+        if (offset <= -fullSwipePx && rightActions.length > 0) {
+            const action = rightActions[rightActions.length - 1];
+            if (action.fullSwipe) {
+                snapTo(0);
+                action.onClick();
+                return;
+            }
+        }
+        if (offset >= fullSwipePx && leftActions.length > 0) {
+            const action = leftActions[0];
+            if (action.fullSwipe) {
+                snapTo(0);
+                action.onClick();
+                return;
+            }
+        }
+        if (offset <= -rightWidth / 2 && rightActions.length > 0) {
+            snapTo(-rightWidth);
+        }
+        else if (offset >= leftWidth / 2 && leftActions.length > 0) {
+            snapTo(leftWidth);
+        }
+        else {
+            snapTo(0);
+        }
+    };
+    const handlePointerUp = () => finishDrag(true);
+    const handlePointerCancel = () => finishDrag(false);
+    useEffect(() => {
+        if (disabled)
+            snapTo(0);
+    }, [disabled, snapTo]);
+    const close = () => snapTo(0);
+    const renderActions = (actions, side) => {
+        if (actions.length === 0)
+            return null;
+        const totalWidth = actions.length * actionWidth;
+        return (_jsx("div", { className: `muka-swipe-actions__panel muka-swipe-actions__panel--${side}`, style: { width: totalWidth }, "aria-hidden": offset === 0, children: actions.map((action, i) => (_jsxs("button", { type: "button", className: `muka-swipe-actions__button muka-swipe-actions__button--${action.color ?? 'neutral'}`, style: { width: actionWidth }, onClick: () => {
+                    close();
+                    action.onClick();
+                }, "aria-label": action.ariaLabel ?? action.label, children: [action.icon && (_jsx("span", { className: "muka-swipe-actions__button-icon", "aria-hidden": "true", children: action.icon })), _jsx("span", { className: "muka-swipe-actions__button-label", children: action.label })] }, i))) }));
+    };
+    const classes = [
+        'muka-swipe-actions',
+        offset !== 0 && 'muka-swipe-actions--open',
+        disabled && 'muka-swipe-actions--disabled',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { ref: wrapperRef, className: classes, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerCancel, children: [renderActions(leftActions, 'left'), renderActions(rightActions, 'right'), _jsx("div", { className: "muka-swipe-actions__row", style: {
+                    transform: `translateX(${offset}px)`,
+                    transition: animating ? 'transform 0.22s cubic-bezier(0.22, 1, 0.36, 1)' : 'none',
+                }, children: children })] }));
+};
+export default SwipeActions;
+//# sourceMappingURL=SwipeActions.js.map

package/dist/esm/components/SwipeActions/SwipeActions.js.map

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

package/dist/esm/components/SwipeActions/index.js

@@ -0,0 +1,2 @@
+export { SwipeActions, } from './SwipeActions';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SwipeActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/SwipeActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,GAGb,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/Table/Table.css

@@ -0,0 +1,173 @@
+/* Table Component Styles - Using Muka Design Tokens */
+
+/* ========================================
+   TABLE WRAPPER (Responsive)
+   ======================================== */
+
+.muka-table-wrapper {
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* ========================================
+   TABLE BASE
+   ======================================== */
+
+.muka-table {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-size: var(--text-body-base-regular-fontSize);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  line-height: var(--text-body-base-regular-lineHeight);
+  color: var(--color-text-default-default);
+  background-color: var(--color-surface-level3);
+}
+
+.muka-table--fixed {
+  table-layout: fixed;
+}
+
+.muka-table__caption {
+  padding: var(--spacing-3);
+  font-weight: var(--text-label-md-semibold-fontWeight);
+  text-align: left;
+  color: var(--color-text-default-default);
+  caption-side: top;
+}
+
+/* ========================================
+   TABLE HEAD
+   ======================================== */
+
+.muka-table__head {
+  border-bottom: var(--border-width-regular) solid var(--color-border-default);
+}
+
+.muka-table__head .muka-table__row {
+  background-color: var(--color-surface-level0);
+}
+
+/* ========================================
+   TABLE BODY
+   ======================================== */
+
+.muka-table__body .muka-table__row {
+  border-bottom: var(--border-width-regular) solid var(--color-border-subtle);
+}
+
+.muka-table__body .muka-table__row:last-child {
+  border-bottom: none;
+}
+
+.muka-table__body .muka-table__row:hover {
+  background-color: var(--color-surface-hover);
+}
+
+.muka-table__body .muka-table__row--selected {
+  background-color: var(--table-row-selected-background, var(--color-action-background));
+}
+
+.muka-table__body .muka-table__row--selected:hover {
+  background-color: var(--table-row-selected-background, var(--color-action-background));
+}
+
+.muka-table__row--clickable {
+  cursor: pointer;
+}
+
+/* ========================================
+   TABLE CELLS
+   ======================================== */
+
+.muka-table__cell,
+.muka-table__header-cell {
+  vertical-align: middle;
+}
+
+/* Size: Small */
+.muka-table--sm .muka-table__cell,
+.muka-table--sm .muka-table__header-cell {
+  padding: var(--table-cell-padding-y-sm) var(--table-cell-padding-x-sm);
+}
+
+/* Size: Medium */
+.muka-table--md .muka-table__cell,
+.muka-table--md .muka-table__header-cell {
+  padding: var(--table-cell-padding-y-md) var(--table-cell-padding-x-md);
+}
+
+/* Size: Large */
+.muka-table--lg .muka-table__cell,
+.muka-table--lg .muka-table__header-cell {
+  padding: var(--table-cell-padding-y-lg) var(--table-cell-padding-x-lg);
+}
+
+/* Alignment */
+.muka-table__cell--left,
+.muka-table__header-cell--left {
+  text-align: left;
+}
+
+.muka-table__cell--center,
+.muka-table__header-cell--center {
+  text-align: center;
+}
+
+.muka-table__cell--right,
+.muka-table__header-cell--right {
+  text-align: right;
+}
+
+/* ========================================
+   HEADER CELLS
+   ======================================== */
+
+.muka-table__header-cell {
+  font-family: var(--text-body-base-bold-fontFamily);
+  font-weight: var(--text-body-base-bold-fontWeight);
+  font-size: var(--text-body-base-bold-fontSize);
+  line-height: var(--text-body-base-bold-lineHeight);
+  color: var(--color-text-default-default);
+  white-space: nowrap;
+}
+
+.muka-table__header-content {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+
+/* Sortable */
+.muka-table__header-cell--sortable {
+  cursor: pointer;
+  user-select: none;
+}
+
+.muka-table__header-cell--sortable:hover {
+  color: var(--color-text-default-default);
+}
+
+.muka-table__header-cell--sortable:focus-visible {
+  outline: 2px solid var(--color-action-default);
+  outline-offset: -2px;
+}
+
+/* Sort icon */
+.muka-table__sort-icon {
+  width: 1em;
+  height: 1em;
+  opacity: 0.4;
+  transition: opacity 0.2s, transform 0.2s;
+}
+
+.muka-table__header-cell--sortable:hover .muka-table__sort-icon {
+  opacity: 0.7;
+}
+
+.muka-table__sort-icon--asc,
+.muka-table__sort-icon--desc {
+  opacity: 1;
+}

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Table.css';
+import { Icon } from '../Icon';
+const SortIcon = ({ direction }) => (_jsx("span", { className: `muka-table__sort-icon ${direction ? `muka-table__sort-icon--${direction}` : ''}`, "aria-hidden": "true", children: direction === 'desc' ? (_jsx(Icon, { name: "sort-desc", variant: "line", size: "sm" })) : (_jsx(Icon, { name: "sort-asc", variant: "line", size: "sm" })) }));
+/**
+ * Table Component
+ *
+ * Data table with support for sorting, selection, and responsive layouts.
+ *
+ * Sizes: sm, md, lg (affects cell padding)
+ * Features: sortable columns, row selection, fixed layout, responsive scroll
+ */
+export const Table = ({ children, size = 'md', fixedLayout = false, responsive = true, className = '', caption, ...props }) => {
+    const tableClasses = [
+        'muka-table',
+        `muka-table--${size}`,
+        fixedLayout && 'muka-table--fixed',
+        className,
+    ].filter(Boolean).join(' ');
+    const table = (_jsxs("table", { className: tableClasses, ...props, children: [caption && _jsx("caption", { className: "muka-table__caption", children: caption }), children] }));
+    if (responsive) {
+        return _jsx("div", { className: "muka-table-wrapper", children: table });
+    }
+    return table;
+};
+/**
+ * TableHead - Table header section
+ */
+export const TableHead = ({ children, className = '', ...props }) => {
+    const headClasses = ['muka-table__head', className].filter(Boolean).join(' ');
+    return (_jsx("thead", { className: headClasses, ...props, children: children }));
+};
+/**
+ * TableBody - Table body section
+ */
+export const TableBody = ({ children, className = '', ...props }) => {
+    const bodyClasses = ['muka-table__body', className].filter(Boolean).join(' ');
+    return (_jsx("tbody", { className: bodyClasses, ...props, children: children }));
+};
+/**
+ * TableRow - Table row
+ */
+export const TableRow = ({ children, selected = false, onClick, className = '', ...props }) => {
+    const rowClasses = [
+        'muka-table__row',
+        selected && 'muka-table__row--selected',
+        onClick && 'muka-table__row--clickable',
+        className,
+    ].filter(Boolean).join(' ');
+    return (_jsx("tr", { className: rowClasses, onClick: onClick, "aria-selected": selected || undefined, ...props, children: children }));
+};
+/**
+ * TableCell - Standard table cell
+ */
+export const TableCell = ({ children, align = 'left', className = '', colSpan, rowSpan, ...props }) => {
+    const cellClasses = [
+        'muka-table__cell',
+        `muka-table__cell--${align}`,
+        className,
+    ].filter(Boolean).join(' ');
+    return (_jsx("td", { className: cellClasses, colSpan: colSpan, rowSpan: rowSpan, ...props, children: children }));
+};
+/**
+ * TableHeaderCell - Header cell with optional sorting
+ */
+export const TableHeaderCell = ({ children, align = 'left', sortable = false, sortDirection = null, onSort, scope = 'col', className = '', colSpan, rowSpan, ...props }) => {
+    const cellClasses = [
+        'muka-table__header-cell',
+        `muka-table__header-cell--${align}`,
+        sortable && 'muka-table__header-cell--sortable',
+        sortDirection && `muka-table__header-cell--sorted-${sortDirection}`,
+        className,
+    ].filter(Boolean).join(' ');
+    const handleClick = () => {
+        if (sortable && onSort) {
+            onSort();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (sortable && onSort && (e.key === 'Enter' || e.key === ' ')) {
+            e.preventDefault();
+            onSort();
+        }
+    };
+    return (_jsx("th", { className: cellClasses, scope: scope, colSpan: colSpan, rowSpan: rowSpan, onClick: sortable ? handleClick : undefined, onKeyDown: sortable ? handleKeyDown : undefined, tabIndex: sortable ? 0 : undefined, "aria-sort": sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : undefined, ...props, children: _jsxs("span", { className: "muka-table__header-content", children: [children, sortable && _jsx(SortIcon, { direction: sortDirection })] }) }));
+};
+export default Table;
+//# sourceMappingURL=Table.js.map

package/dist/esm/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../components/Table/Table.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuF/B,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAyC,EAAE,EAAE,CAAC,CACzE,eAAM,SAAS,EAAE,yBAAyB,SAAS,CAAC,CAAC,CAAC,0BAA0B,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,iBAAc,MAAM,YACnH,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAClD,GACI,CACR,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,EAAE,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG;QACnB,YAAY;QACZ,eAAe,IAAI,EAAE;QACrB,WAAW,IAAI,mBAAmB;QAClC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,CACZ,iBAAO,SAAS,EAAE,YAAY,KAAM,KAAK,aACtC,OAAO,IAAI,kBAAS,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAW,EACvE,QAAQ,IACH,CACT,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,CAAC;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9E,OAAO,CACL,gBAAO,SAAS,EAAE,WAAW,KAAM,KAAK,YACrC,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9E,OAAO,CACL,gBAAO,SAAS,EAAE,WAAW,KAAM,KAAK,YACrC,QAAQ,GACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,iBAAiB;QACjB,QAAQ,IAAI,2BAA2B;QACvC,OAAO,IAAI,4BAA4B;QACvC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,aACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,mBACD,QAAQ,IAAI,SAAS,KAChC,KAAK,YAER,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,SAAS,GAAG,EAAE,EACd,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,kBAAkB;QAClB,qBAAqB,KAAK,EAAE;QAC5B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,aAAI,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,yBAAyB;QACzB,4BAA4B,KAAK,EAAE;QACnC,QAAQ,IAAI,mCAAmC;QAC/C,aAAa,IAAI,mCAAmC,aAAa,EAAE;QACnE,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;YACvB,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IAAI,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YAC/D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,aACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,eACvB,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,KAClG,KAAK,YAET,gBAAM,SAAS,EAAC,4BAA4B,aACzC,QAAQ,EACR,QAAQ,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAE,aAAa,GAAI,IAC9C,GACJ,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}