@geneui/components 3.0.0-next-b9c382c-15042025 → 3.0.0-next-e985756-18042025

package/index-64726765.js

@@ -0,0 +1,78 @@
+import React__default, { useRef, useCallback, useEffect, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import { c as classNames } from './index-ce02421b.js';
+import Scrollbar from './Scrollbar.js';
+import { a as GeneUIDesignSystemContext } from './index-88589ce9.js';
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+
+const useClickOutside = (callback, relativeElements) => {
+    const ref = useRef(null);
+    const handleClickOutside = useCallback((e) => {
+        const { target } = e;
+        if (!(target instanceof Node))
+            return;
+        const isNotRelativeTarget = !(relativeElements === null || relativeElements === void 0 ? void 0 : relativeElements.some((relativeRef) => { var _a; return (_a = relativeRef.current) === null || _a === void 0 ? void 0 : _a.contains(target); }));
+        if (ref.current && !ref.current.contains(target) && isNotRelativeTarget) {
+            callback(e);
+        }
+    }, [callback, relativeElements]);
+    useEffect(() => {
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [handleClickOutside]);
+    return (node) => {
+        ref.current = node;
+    };
+};
+
+const SCROLL_LOCK_CLASS = "scroll-lock";
+const useScrollLock = (target) => {
+    const resolvedElement = target instanceof HTMLElement ? target : target.current;
+    const lockedRef = useRef(false);
+    const lock = useCallback(() => {
+        if (resolvedElement && !lockedRef.current) {
+            resolvedElement.classList.add(SCROLL_LOCK_CLASS);
+            lockedRef.current = true;
+        }
+    }, [resolvedElement]);
+    const unlock = useCallback(() => {
+        if (resolvedElement && lockedRef.current) {
+            resolvedElement.classList.remove(SCROLL_LOCK_CLASS);
+            lockedRef.current = false;
+        }
+    }, [resolvedElement]);
+    useEffect(() => {
+        return () => {
+            unlock();
+        };
+    }, [unlock]);
+    return { lock, unlock };
+};
+
+var css_248z = ".spreadsheet{background-color:var(--guit-sem-color-background-transparent-overlay-notheme-1);height:100vh;height:100dvh;left:0;max-height:100%;position:fixed;top:0;width:100%;z-index:1}.spreadsheet__body{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top-left-radius:var(--guit-ref-radius-2xsmall);border-top-right-radius:var(--guit-ref-radius-2xsmall);bottom:0;height:80vh;left:0;position:absolute;right:0;width:100%}.spreadsheet__body_inset{padding-inline:var(--guit-ref-spacing-large);padding-top:var(--guit-ref-spacing-large)}@supports (height:100lvh){.spreadsheet{height:100lvh}}";
+styleInject(css_248z);
+
+/**
+ * The Spreadsheet component is a mobile-specific layout container designed to fully cover the Popover in mobile view. It acts as a structured content shell for displaying or editing contextual information triggered by a Popover — giving users a focused, full-screen experience on smaller screens.
+ */
+const Spreadsheet = ({ open, inset = true, onClose = () => { }, children, className }) => {
+    const bodyRef = useClickOutside(onClose);
+    const { lock, unlock } = useScrollLock(document.body);
+    const { geneUIProviderRef } = useContext(GeneUIDesignSystemContext);
+    useEffect(() => {
+        if (open) {
+            lock();
+        }
+        else {
+            unlock();
+        }
+    }, [open]);
+    return (React__default.createElement(React__default.Fragment, null, open && geneUIProviderRef.current
+        ? createPortal(React__default.createElement("div", { className: classNames("spreadsheet", className) },
+            React__default.createElement("div", { ref: bodyRef, className: "spreadsheet__body" },
+                React__default.createElement(Scrollbar, null,
+                    React__default.createElement("div", { className: classNames({ spreadsheet__body_inset: inset }) }, children)))), geneUIProviderRef.current)
+        : null));
+};
+
+export { Spreadsheet as S, useClickOutside as a, useScrollLock as u };

package/{index-7fa24b9c.js → index-88589ce9.js}

@@ -1,10 +1,10 @@
-import React__default, { useState, useEffect, createContext, useRef, useMemo } from 'react';
+import React__default, { useState, useEffect, useMemo, createContext, useRef } from 'react';
 import { u as useDebouncedCallback } from './useDebounceCallback-999deae7.js';
 import { s as styleInject } from './style-inject.es-746bb8ed.js';
 
 /**
  * Do not edit directly
- * Generated on Fri, 28 Mar 2025 11:10:20 GMT
+ * Generated on Fri, 18 Apr 2025 06:33:11 GMT
  */
 
 const GuitRefColorNeutral800base = "#141414";
@@ -325,6 +325,42 @@ const GuitSemFontLabelSmallDefaultMediumFontFamily = "'Open Sans', -apple-system
 const GuitSemFontLabelSmallDefaultMediumFontSize = "1.2rem";
 const GuitSemFontLabelSmallDefaultMediumFontWeight = "500";
 const GuitSemFontLabelSmallDefaultMediumLineHeight = "1.6rem";
+const GuitSemFontBodyLargeUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyLargeUnderlineSemiboldFontSize = "1.6rem";
+const GuitSemFontBodyLargeUnderlineSemiboldFontWeight = "600";
+const GuitSemFontBodyLargeUnderlineSemiboldLineHeight = "2.4rem";
+const GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing = "2.4rem";
+const GuitSemFontBodyLargeUnderlineSemiboldTextDecoration = "Underline";
+const GuitSemFontBodyLargeUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyLargeUnderlineMediumFontSize = "1.6rem";
+const GuitSemFontBodyLargeUnderlineMediumFontWeight = "500";
+const GuitSemFontBodyLargeUnderlineMediumLineHeight = "2.4rem";
+const GuitSemFontBodyLargeUnderlineMediumParagraphSpacing = "2.4rem";
+const GuitSemFontBodyLargeUnderlineMediumTextDecoration = "Underline";
+const GuitSemFontBodyLargeUnderlineRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyLargeUnderlineRegularFontSize = "1.6rem";
+const GuitSemFontBodyLargeUnderlineRegularFontWeight = "400";
+const GuitSemFontBodyLargeUnderlineRegularLineHeight = "2.4rem";
+const GuitSemFontBodyLargeUnderlineRegularParagraphSpacing = "2.4rem";
+const GuitSemFontBodyLargeUnderlineRegularTextDecoration = "Underline";
+const GuitSemFontBodyMediumUnderlineSemiboldFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyMediumUnderlineMediumFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyMediumUnderlineMediumFontSize = "1.4rem";
+const GuitSemFontBodyMediumUnderlineMediumFontWeight = "500";
+const GuitSemFontBodyMediumUnderlineMediumLineHeight = "2rem";
+const GuitSemFontBodyMediumUnderlineMediumParagraphSpacing = "2rem";
+const GuitSemFontBodyMediumUnderlineMediumTextDecoration = "Underline";
+const GuitSemFontBodyMediumUnderlineSemiboldFontSize = "1.4rem";
+const GuitSemFontBodyMediumUnderlineSemiboldFontWeight = "600";
+const GuitSemFontBodyMediumUnderlineSemiboldLineHeight = "2rem";
+const GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing = "2rem";
+const GuitSemFontBodyMediumUnderlineSemiboldTextDecoration = "Underline";
+const GuitSemFontBodyMediumUnderlineRegularFontFamily = "'Open Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif";
+const GuitSemFontBodyMediumUnderlineRegularFontSize = "1.4rem";
+const GuitSemFontBodyMediumUnderlineRegularFontWeight = "400";
+const GuitSemFontBodyMediumUnderlineRegularLineHeight = "2rem";
+const GuitSemFontBodyMediumUnderlineRegularParagraphSpacing = "2rem";
+const GuitSemFontBodyMediumUnderlineRegularTextDecoration = "Underline";
 const GuitSemDimensionWidthNone = "0rem";
 const GuitSemDimensionWidth4xsmall = "0.4rem";
 const GuitSemDimensionWidth3xsmall = "0.8rem";
@@ -403,6 +439,8 @@ const GuitSemColorForegroundNeutral2Notheme = "#262627";
 const GuitSemColorBackgroundNeutral5 = "#262627";
 const GuitSemColorForegroundInverseNotheme = "#FFFFFF";
 const GuitSemColorBackgroundSuccess2Pressed = "#1E8A5C";
+const GuitSemColorBackgroundTransparentOverlayNotheme1 = "rgba(20, 20, 20, 0.4)";
+const GuitSemColorBackgroundTransparentOverlayNotheme2 = "rgba(20, 20, 20, 0.8)";
 const GuitSemColorSurfaceNeutral1 = "light-dark(#FFFFFF, #1c1c1c)";
 const GuitSemColorSurfaceNeutral2 = "light-dark(#F5F5F5, #141414)";
 const GuitSemColorFloating1Rgba1 = "light-dark(rgba(20, 20, 20, 0.1), rgba(20, 20, 20, 0.4))";
@@ -444,8 +482,8 @@ const GuitSemColorBackgroundBrand2 = "light-dark(#1473E6, #599CED)";
 const GuitSemColorBackgroundBrand2Hover = "light-dark(#105EBC, #95C0F4)";
 const GuitSemColorBackgroundBrand2Pressed = "light-dark(#0A3B75, #3989EA)";
 const GuitSemColorBackgroundError1 = "light-dark(#FCEAE9, #98332F)";
-const GuitSemColorBackgroundError1Hover = "light-dark(#F8CBC9, #BB3F3A)";
 const GuitSemColorForegroundInverse = "light-dark(#FFFFFF, #262627)";
+const GuitSemColorBackgroundError1Hover = "light-dark(#F8CBC9, #BB3F3A)";
 const GuitSemColorForegroundInverseHover = "light-dark(#F5F5F5, #323234)";
 const GuitSemColorForegroundInversePressed = "light-dark(#E8E8E8, #1c1c1c)";
 const GuitSemColorForegroundInverseDisabled = "light-dark(#B7B7B9, #646468)";
@@ -504,8 +542,6 @@ const GuitSemColorBackgroundTransparent1Hover = "light-dark(rgba(20, 20, 20, 0.1
 const GuitSemColorBackgroundTransparent1Pressed = "light-dark(rgba(20, 20, 20, 0.2), rgba(255, 255, 255, 0.2))";
 const GuitSemColorBackgroundTransparent2 = "light-dark(rgba(20, 20, 20, 0.2), rgba(255, 255, 255, 0.2))";
 const GuitSemColorBackgroundTransparentOverlay = "light-dark(rgba(20, 20, 20, 0.3), rgba(255, 255, 255, 0.3))";
-const GuitSemColorBackgroundTransparentOverlayNotheme1 = "light-dark(rgba(20, 20, 20, 0.4), rgba(20, 20, 20, 0.2))";
-const GuitSemColorBackgroundTransparentOverlayNotheme2 = "light-dark(rgba(20, 20, 20, 0.8), rgba(20, 20, 20, 0.4))";
 const GuitSemColorBackgroundTransparentInverse1 = "light-dark(rgba(255, 255, 255, 0.00), rgba(20, 20, 20, 0.1))";
 const GuitSemColorBackgroundTransparentInverse1Hover = "light-dark(rgba(255, 255, 255, 0.1), rgba(20, 20, 20, 0.2))";
 const GuitSemColorBackgroundTransparentInverse1Pressed = "light-dark(rgba(255, 255, 255, 0.2), rgba(20, 20, 20, 0.3))";
@@ -949,6 +985,24 @@ var jsTokens = /*#__PURE__*/Object.freeze({
     GuitSemFontBodyLargeDefaultSemiboldFontWeight: GuitSemFontBodyLargeDefaultSemiboldFontWeight,
     GuitSemFontBodyLargeDefaultSemiboldLineHeight: GuitSemFontBodyLargeDefaultSemiboldLineHeight,
     GuitSemFontBodyLargeDefaultSemiboldParagraphSpacing: GuitSemFontBodyLargeDefaultSemiboldParagraphSpacing,
+    GuitSemFontBodyLargeUnderlineMediumFontFamily: GuitSemFontBodyLargeUnderlineMediumFontFamily,
+    GuitSemFontBodyLargeUnderlineMediumFontSize: GuitSemFontBodyLargeUnderlineMediumFontSize,
+    GuitSemFontBodyLargeUnderlineMediumFontWeight: GuitSemFontBodyLargeUnderlineMediumFontWeight,
+    GuitSemFontBodyLargeUnderlineMediumLineHeight: GuitSemFontBodyLargeUnderlineMediumLineHeight,
+    GuitSemFontBodyLargeUnderlineMediumParagraphSpacing: GuitSemFontBodyLargeUnderlineMediumParagraphSpacing,
+    GuitSemFontBodyLargeUnderlineMediumTextDecoration: GuitSemFontBodyLargeUnderlineMediumTextDecoration,
+    GuitSemFontBodyLargeUnderlineRegularFontFamily: GuitSemFontBodyLargeUnderlineRegularFontFamily,
+    GuitSemFontBodyLargeUnderlineRegularFontSize: GuitSemFontBodyLargeUnderlineRegularFontSize,
+    GuitSemFontBodyLargeUnderlineRegularFontWeight: GuitSemFontBodyLargeUnderlineRegularFontWeight,
+    GuitSemFontBodyLargeUnderlineRegularLineHeight: GuitSemFontBodyLargeUnderlineRegularLineHeight,
+    GuitSemFontBodyLargeUnderlineRegularParagraphSpacing: GuitSemFontBodyLargeUnderlineRegularParagraphSpacing,
+    GuitSemFontBodyLargeUnderlineRegularTextDecoration: GuitSemFontBodyLargeUnderlineRegularTextDecoration,
+    GuitSemFontBodyLargeUnderlineSemiboldFontFamily: GuitSemFontBodyLargeUnderlineSemiboldFontFamily,
+    GuitSemFontBodyLargeUnderlineSemiboldFontSize: GuitSemFontBodyLargeUnderlineSemiboldFontSize,
+    GuitSemFontBodyLargeUnderlineSemiboldFontWeight: GuitSemFontBodyLargeUnderlineSemiboldFontWeight,
+    GuitSemFontBodyLargeUnderlineSemiboldLineHeight: GuitSemFontBodyLargeUnderlineSemiboldLineHeight,
+    GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing: GuitSemFontBodyLargeUnderlineSemiboldParagraphSpacing,
+    GuitSemFontBodyLargeUnderlineSemiboldTextDecoration: GuitSemFontBodyLargeUnderlineSemiboldTextDecoration,
     GuitSemFontBodyMediumDefaultMediumFontFamily: GuitSemFontBodyMediumDefaultMediumFontFamily,
     GuitSemFontBodyMediumDefaultMediumFontSize: GuitSemFontBodyMediumDefaultMediumFontSize,
     GuitSemFontBodyMediumDefaultMediumFontWeight: GuitSemFontBodyMediumDefaultMediumFontWeight,
@@ -964,6 +1018,24 @@ var jsTokens = /*#__PURE__*/Object.freeze({
     GuitSemFontBodyMediumDefaultSemiboldFontWeight: GuitSemFontBodyMediumDefaultSemiboldFontWeight,
     GuitSemFontBodyMediumDefaultSemiboldLineHeight: GuitSemFontBodyMediumDefaultSemiboldLineHeight,
     GuitSemFontBodyMediumDefaultSemiboldParagraphSpacing: GuitSemFontBodyMediumDefaultSemiboldParagraphSpacing,
+    GuitSemFontBodyMediumUnderlineMediumFontFamily: GuitSemFontBodyMediumUnderlineMediumFontFamily,
+    GuitSemFontBodyMediumUnderlineMediumFontSize: GuitSemFontBodyMediumUnderlineMediumFontSize,
+    GuitSemFontBodyMediumUnderlineMediumFontWeight: GuitSemFontBodyMediumUnderlineMediumFontWeight,
+    GuitSemFontBodyMediumUnderlineMediumLineHeight: GuitSemFontBodyMediumUnderlineMediumLineHeight,
+    GuitSemFontBodyMediumUnderlineMediumParagraphSpacing: GuitSemFontBodyMediumUnderlineMediumParagraphSpacing,
+    GuitSemFontBodyMediumUnderlineMediumTextDecoration: GuitSemFontBodyMediumUnderlineMediumTextDecoration,
+    GuitSemFontBodyMediumUnderlineRegularFontFamily: GuitSemFontBodyMediumUnderlineRegularFontFamily,
+    GuitSemFontBodyMediumUnderlineRegularFontSize: GuitSemFontBodyMediumUnderlineRegularFontSize,
+    GuitSemFontBodyMediumUnderlineRegularFontWeight: GuitSemFontBodyMediumUnderlineRegularFontWeight,
+    GuitSemFontBodyMediumUnderlineRegularLineHeight: GuitSemFontBodyMediumUnderlineRegularLineHeight,
+    GuitSemFontBodyMediumUnderlineRegularParagraphSpacing: GuitSemFontBodyMediumUnderlineRegularParagraphSpacing,
+    GuitSemFontBodyMediumUnderlineRegularTextDecoration: GuitSemFontBodyMediumUnderlineRegularTextDecoration,
+    GuitSemFontBodyMediumUnderlineSemiboldFontFamily: GuitSemFontBodyMediumUnderlineSemiboldFontFamily,
+    GuitSemFontBodyMediumUnderlineSemiboldFontSize: GuitSemFontBodyMediumUnderlineSemiboldFontSize,
+    GuitSemFontBodyMediumUnderlineSemiboldFontWeight: GuitSemFontBodyMediumUnderlineSemiboldFontWeight,
+    GuitSemFontBodyMediumUnderlineSemiboldLineHeight: GuitSemFontBodyMediumUnderlineSemiboldLineHeight,
+    GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing: GuitSemFontBodyMediumUnderlineSemiboldParagraphSpacing,
+    GuitSemFontBodyMediumUnderlineSemiboldTextDecoration: GuitSemFontBodyMediumUnderlineSemiboldTextDecoration,
     GuitSemFontCaptionLargeMediumFontFamily: GuitSemFontCaptionLargeMediumFontFamily,
     GuitSemFontCaptionLargeMediumFontSize: GuitSemFontCaptionLargeMediumFontSize,
     GuitSemFontCaptionLargeMediumFontWeight: GuitSemFontCaptionLargeMediumFontWeight,
@@ -1087,7 +1159,7 @@ var jsTokens = /*#__PURE__*/Object.freeze({
 });
 
 const bootstrap = () => {
-    import('./tokens-ed374aee.js');
+    import('./tokens-f34162d4.js');
     return jsTokens;
 };
 
@@ -1151,6 +1223,62 @@ const useBreakpoint = (breakpoints) => {
     };
 };
 
+// Map of OS detection patterns
+const osPatterns = [
+    ["Windows", /\b(windows nt|win)\b/i],
+    ["iOS", /\b(iPhone|iPad|iPod).*?OS \d+/i],
+    ["Android", /\bandroid\b/i],
+    ["macOS", /\b(mac os|macintosh)\b(?!.*(?:iphone|ipad|ipod))/i],
+    ["Linux", /\blinux\b/i]
+];
+const useDeviceInfo = () => {
+    return useMemo(() => {
+        var _a;
+        if (typeof navigator === "undefined") {
+            return {
+                isMobileDevice: false,
+                isDesktopDevice: false,
+                isTouch: false,
+                os: "Unknown",
+                isWindows: false,
+                isMacOS: false,
+                isLinux: false,
+                isAndroid: false,
+                isIOS: false,
+                theme: "light"
+            }; // Safe for SSR
+        }
+        const userAgent = (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        // Find the first matching OS using destructuring
+        const [detectedOS = "Unknown"] = osPatterns.find(([, pattern]) => pattern.test(userAgent)) || [];
+        const isWindows = detectedOS === "Windows";
+        const isMacOS = detectedOS === "macOS";
+        const isLinux = detectedOS === "Linux";
+        const isAndroid = detectedOS === "Android";
+        const isIOS = detectedOS === "iOS";
+        const isMobileDevice = isAndroid || isIOS;
+        const isDesktopDevice = isWindows || isMacOS || isLinux;
+        // Detect touch device
+        const isTouch = "ontouchstart" in window ||
+            navigator.maxTouchPoints > 0 ||
+            (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) ||
+            false;
+        const theme = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        return {
+            isMobileDevice,
+            isDesktopDevice,
+            isTouch,
+            os: detectedOS,
+            isWindows,
+            isMacOS,
+            isLinux,
+            isAndroid,
+            isIOS,
+            theme
+        };
+    }, []);
+};
+
 var css_248z$2 = "a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,main,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{border:0;box-sizing:border-box;margin:0;padding:0;vertical-align:initial}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:\"\";content:none;font-family:Arial,Helvetica,sans-serif}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}input::-ms-clear{display:none}::-moz-focus-inner{border:0;padding:0}a{text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0}button,select{background:none;padding:0;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[role=button],button{background-color:initial;border:none;color:inherit;cursor:pointer;font:inherit;margin:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=number]{-moz-appearance:textfield}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}select::-ms-expand{display:none}:after,:before{box-sizing:border-box}";
 styleInject(css_248z$2);
 
@@ -1334,7 +1462,7 @@ var dependencies = {
 	"@floating-ui/react-dom": "^2.1.2",
 	"@floating-ui/utils": "^0.2.8",
 	"@geneui/icons": "^1.1.0",
-	"@geneui/tokens": "^1.0.1",
+	"@geneui/tokens": "^1.0.2",
 	classnames: "^2.3.2",
 	"qrcode.react": "^4.2.0",
 	"react-is": "^17.0.2",
@@ -1389,6 +1517,7 @@ const GeneUIDesignSystemContext = createContext({
     tokens: {},
     geneUIProviderRef: { current: null },
     breakpoint: null,
+    deviceInfo: null,
     logo: defaultLogo
 });
 // TODO: implement theme detection in the `useDeviceInfo` hook, and insert all device info data into context
@@ -1400,11 +1529,13 @@ function GeneUIProvider({ children, tokens = defaultTokens, theme = "system", lo
         tablet: +tokens.GuitRefBreakpointTablet,
         desktop: +tokens.GuitRefBreakpointDesktop
     });
+    const deviceInfo = useDeviceInfo();
     const contextValue = useMemo(() => ({
-        theme,
+        theme: theme === "system" ? deviceInfo.theme : theme,
         tokens,
         geneUIProviderRef,
         breakpoint: currentBreakpoint,
+        deviceInfo,
         logo: logo || defaultLogo
     }), [theme, tokens, geneUIProviderRef, currentBreakpoint]);
     useEffect(() => {
@@ -1416,4 +1547,4 @@ function GeneUIProvider({ children, tokens = defaultTokens, theme = "system", lo
         React__default.createElement("div", { className: "gene-ui-provider", "data-gene-ui-version": pgk.version, ref: geneUIProviderRef, style: { height: "100%" } }, isRefExist && children)));
 }
 
-export { GeneUIProvider as G, GeneUIDesignSystemContext as a, useBreakpoint as b, useWindowSize as u };
+export { GeneUIProvider as G, GeneUIDesignSystemContext as a, useDeviceInfo as b, useBreakpoint as c, useWindowSize as u };

package/index.d.ts

@@ -14,6 +14,8 @@ export { Popover, PopoverBody, PopoverFooter, PopoverFooterActions, IPopoverProp
 export { default as Badge, IBadgeProps } from "./components/atoms/Badge";
 export { default as Scrollbar, IScrollbarProps } from "./components/atoms/Scrollbar";
 export { Grid, Col, Row, IColProps, IRowProps } from "./components/atoms/Grid";
+export { default as Spreadsheet, ISpreadsheetProps } from "./components/atoms/Spreadsheet";
+export { default as Copy, ICopyProps } from "./components/atoms/Copy";
 export { default as Tooltip, ITooltipProps } from "./components/molecules/Tooltip";
 export { default as ProgressBar, IProgressBarProps } from "./components/molecules/ProgressBar";
 export { Steps, Step, IStepProps, IStepsProps } from "./components/molecules/Steps";

package/index.js

@@ -14,6 +14,8 @@ export { Popover, PopoverBody, PopoverFooter, PopoverFooterActions } from './Pop
 export { default as Badge } from './Badge.js';
 export { default as Scrollbar } from './Scrollbar.js';
 export { Col, Grid, Row } from './Grid.js';
+export { S as Spreadsheet, a as useClickOutside, u as useScrollLock } from './index-64726765.js';
+export { default as Copy } from './Copy.js';
 export { default as Tooltip } from './Tooltip.js';
 export { default as ProgressBar } from './ProgressBar.js';
 export { Step, Steps } from './Steps.js';
@@ -21,10 +23,10 @@ export { default as Tag } from './Tag.js';
 export { TimelinePoint, Timelines } from './Timeline.js';
 export { default as QRCode } from './QRCode.js';
 export { Key, KeyValue, Value } from './KeyValue.js';
-export { a as GeneUIDesignSystemContext, G as GeneUIProvider, b as useBreakpoint, u as useWindowSize } from './index-7fa24b9c.js';
+export { a as GeneUIDesignSystemContext, G as GeneUIProvider, c as useBreakpoint, b as useDeviceInfo, u as useWindowSize } from './index-88589ce9.js';
 export { u as useDebounce } from './useDebounceCallback-999deae7.js';
-export { u as useEllipsisDetection } from './useEllipsisDetection-e2685fb7.js';
-import { useRef, useCallback, useEffect, useMemo } from 'react';
+export { u as useEllipsisDetection } from './useEllipsisDetection-54b1edfe.js';
+import 'react';
 import './index-ce02421b.js';
 import './ActivityRecent-b88e2ba8.js';
 import './style-inject.es-746bb8ed.js';
@@ -36,102 +38,4 @@ import './floating-ui.react-0485e4db.js';
 import 'react-dom';
 import './X-20da3b4a.js';
 import 'prop-types';
-
-const SCROLL_LOCK_CLASS = "scroll-lock";
-const useScrollLock = (target) => {
-    const resolvedElement = target instanceof HTMLElement ? target : target.current;
-    const lockedRef = useRef(false);
-    const lock = useCallback(() => {
-        if (resolvedElement && !lockedRef.current) {
-            resolvedElement.classList.add(SCROLL_LOCK_CLASS);
-            lockedRef.current = true;
-        }
-    }, [resolvedElement]);
-    const unlock = useCallback(() => {
-        if (resolvedElement && lockedRef.current) {
-            resolvedElement.classList.remove(SCROLL_LOCK_CLASS);
-            lockedRef.current = false;
-        }
-    }, [resolvedElement]);
-    useEffect(() => {
-        return () => {
-            unlock();
-        };
-    }, [unlock]);
-    return { lock, unlock };
-};
-
-const useClickOutside = (callback, relativeElements) => {
-    const ref = useRef(null);
-    const handleClickOutside = useCallback((e) => {
-        const { target } = e;
-        if (!(target instanceof Node))
-            return;
-        const isNotRelativeTarget = !(relativeElements === null || relativeElements === void 0 ? void 0 : relativeElements.some((relativeRef) => { var _a; return (_a = relativeRef.current) === null || _a === void 0 ? void 0 : _a.contains(target); }));
-        if (ref.current && !ref.current.contains(target) && isNotRelativeTarget) {
-            callback(e);
-        }
-    }, [callback, relativeElements]);
-    useEffect(() => {
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [handleClickOutside]);
-    return (node) => {
-        ref.current = node;
-    };
-};
-
-// Map of OS detection patterns
-const osPatterns = [
-    ["Windows", /\b(windows nt|win)\b/i],
-    ["iOS", /\b(iPhone|iPad|iPod).*?OS \d+/i],
-    ["Android", /\bandroid\b/i],
-    ["macOS", /\b(mac os|macintosh)\b(?!.*(?:iphone|ipad|ipod))/i],
-    ["Linux", /\blinux\b/i]
-];
-const useDeviceInfo = () => {
-    return useMemo(() => {
-        var _a;
-        if (typeof navigator === "undefined") {
-            return {
-                isMobileDevice: false,
-                isDesktopDevice: false,
-                isTouch: false,
-                os: "Unknown",
-                isWindows: false,
-                isMacOS: false,
-                isLinux: false,
-                isAndroid: false,
-                isIOS: false
-            }; // Safe for SSR
-        }
-        const userAgent = (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-        // Find the first matching OS using destructuring
-        const [detectedOS = "Unknown"] = osPatterns.find(([, pattern]) => pattern.test(userAgent)) || [];
-        const isWindows = detectedOS === "Windows";
-        const isMacOS = detectedOS === "macOS";
-        const isLinux = detectedOS === "Linux";
-        const isAndroid = detectedOS === "Android";
-        const isIOS = detectedOS === "iOS";
-        const isMobileDevice = isAndroid || isIOS;
-        const isDesktopDevice = isWindows || isMacOS || isLinux;
-        // Detect touch device
-        const isTouch = "ontouchstart" in window ||
-            navigator.maxTouchPoints > 0 ||
-            (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) ||
-            false;
-        return {
-            isMobileDevice,
-            isDesktopDevice,
-            isTouch,
-            os: detectedOS,
-            isWindows,
-            isMacOS,
-            isLinux,
-            isAndroid,
-            isIOS
-        };
-    }, []);
-};
-
-export { useClickOutside, useDeviceInfo, useScrollLock };
+import './CheckMark-34798545.js';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-b9c382c-15042025",
+    "version": "3.0.0-next-e985756-18042025",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {
@@ -173,7 +173,7 @@
         "@floating-ui/react-dom": "^2.1.2",
         "@floating-ui/utils": "^0.2.8",
         "@geneui/icons": "^1.1.0",
-        "@geneui/tokens": "^1.0.1",
+        "@geneui/tokens": "^1.0.2",
         "classnames": "^2.3.2",
         "qrcode.react": "^4.2.0",
         "react-is": "^17.0.2",

package/tokens-f34162d4.js

@@ -0,0 +1,6 @@
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+
+var css_248z = ":root{--guit-ref-breakpoint-desktop:1200;--guit-ref-breakpoint-tablet:1199;--guit-ref-breakpoint-mobile:767;--guit-ref-motion-duration-slow-macro:1200ms;--guit-ref-motion-duration-slow:400ms;--guit-ref-motion-duration-moderate-macro:240ms;--guit-ref-motion-duration-moderate:120ms;--guit-ref-motion-duration-micro:80ms;--guit-ref-motion-easing-input-and-output:cubic-bezier(0.1,0,0.58,1);--guit-ref-motion-easing-output:cubic-bezier(0.4,0.12,1,1);--guit-ref-motion-easing-input:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-motion-easing-standard:cubic-bezier(0.4,0.12,0.2,1);--guit-ref-shadow-positioning-small:0.6rem;--guit-ref-shadow-positioning-xsmall:0.4rem;--guit-ref-shadow-positioning-2xsmall:0.2rem;--guit-ref-shadow-positioning-none:0rem;--guit-ref-shadow-positioning-negative-2xsmall:-0.2rem;--guit-ref-shadow-spread-xsmall:0.4rem;--guit-ref-shadow-spread-2xsmall:0.2rem;--guit-ref-shadow-spread-none:0rem;--guit-ref-shadow-spread-negative-xsmall:-0.4rem;--guit-ref-shadow-blur-medium:0.8rem;--guit-ref-shadow-blur-small:0.6rem;--guit-ref-shadow-blur-xsmall:0.4rem;--guit-ref-shadow-blur-2xsmall:0.2rem;--guit-ref-shadow-blur-none:0rem;--guit-ref-border-style-dashed:dashed;--guit-ref-border-style-solid:solid;--guit-ref-border-width-thicker:0.4rem;--guit-ref-border-width-thick:0.2rem;--guit-ref-border-width-thin:0.1rem;--guit-ref-border-width-none:0rem;--guit-ref-radius-full:50%;--guit-ref-radius-large:1.6rem;--guit-ref-radius-medium:1.2rem;--guit-ref-radius-small:1rem;--guit-ref-radius-xsmall:0.8rem;--guit-ref-radius-2xsmall:0.6rem;--guit-ref-radius-3xsmall:0.4rem;--guit-ref-radius-4xsmall:0.2rem;--guit-ref-radius-none:0rem;--guit-ref-sizing-7xl:16rem;--guit-ref-sizing-6xlarge:12rem;--guit-ref-sizing-5xlarge:9.6rem;--guit-ref-sizing-4xlarge:8rem;--guit-ref-sizing-3xlarge:6.4rem;--guit-ref-sizing-2xlarge:5.6rem;--guit-ref-sizing-xlarge:4.8rem;--guit-ref-sizing-large:4rem;--guit-ref-sizing-large-nudge:3.6rem;--guit-ref-sizing-medium:3.2rem;--guit-ref-sizing-medium-nudge:2.8rem;--guit-ref-sizing-small:2.4rem;--guit-ref-sizing-small-nudge:2rem;--guit-ref-sizing-xsmall:1.6rem;--guit-ref-sizing-2xsmall:1.2rem;--guit-ref-sizing-3xsmall:0.8rem;--guit-ref-sizing-4xsmall:0.4rem;--guit-ref-sizing-none:0rem;--guit-ref-spacing-11xlarge:8rem;--guit-ref-spacing-10xlarge:6.4rem;--guit-ref-spacing-9xlarge:5.6rem;--guit-ref-spacing-8xlarge:4.8rem;--guit-ref-spacing-7xlarge:4.4rem;--guit-ref-spacing-6xlarge:4rem;--guit-ref-spacing-5xlarge:3.6rem;--guit-ref-spacing-4xlarge:3.2rem;--guit-ref-spacing-3xlarge:2.8rem;--guit-ref-spacing-2xlarge:2.4rem;--guit-ref-spacing-xlarge:2rem;--guit-ref-spacing-large:1.6rem;--guit-ref-spacing-medium:1.2rem;--guit-ref-spacing-small:1rem;--guit-ref-spacing-xsmall:0.8rem;--guit-ref-spacing-2xsmall:0.6rem;--guit-ref-spacing-3xsmall:0.4rem;--guit-ref-spacing-4xsmall:0.2rem;--guit-ref-spacing-none:0rem;--guit-ref-font-text-align-center:Center;--guit-ref-font-text-align-right:Right;--guit-ref-font-text-align-left:Left;--guit-ref-font-text-decoration-underline:Underline;--guit-ref-font-text-decoration-strike:Strike Line;--guit-ref-font-text-case-uppercase:Uppercase;--guit-ref-font-line-height-70:1.4rem;--guit-ref-font-line-height-80:1.6rem;--guit-ref-font-line-height-90:1.8rem;--guit-ref-font-line-height-100:2rem;--guit-ref-font-line-height-120:2.4rem;--guit-ref-font-line-height-140:2.8rem;--guit-ref-font-line-height-160:3.2rem;--guit-ref-font-line-height-200:4rem;--guit-ref-font-line-height-240:4.8rem;--guit-ref-font-line-height-320:6.4rem;--guit-ref-font-letter-spacing-0-3:0.03rem;--guit-ref-font-letter-spacing-none:0;--guit-ref-font-weight-semibold:600;--guit-ref-font-weight-medium:500;--guit-ref-font-weight-regular:400;--guit-ref-font-size-50:1rem;--guit-ref-font-size-60:1.2rem;--guit-ref-font-size-70:1.4rem;--guit-ref-font-size-80:1.6rem;--guit-ref-font-size-90:1.8rem;--guit-ref-font-size-100:2rem;--guit-ref-font-size-120:2.4rem;--guit-ref-font-size-140:2.8rem;--guit-ref-font-size-160:3.2rem;--guit-ref-font-size-200:4rem;--guit-ref-font-size-240:4.8rem;--guit-ref-font-family-monospace:\"Noto Sans Mono\",\"DejaVu Sans Mono\",Courier,monospace;--guit-ref-font-family-armenian:\"Noto Sans Arm\",\"Times New Roman Armenian\",\"DejaVu Sans\",Arial,sans-serif;--guit-ref-font-family-latin:\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Ubuntu,system-ui,\"Helvetica Neue\",sans-serif;--guit-ref-color-transparent-neutral-0-40:#fff6;--guit-ref-color-transparent-neutral-0-30:#ffffff4d;--guit-ref-color-transparent-neutral-0-20:#fff3;--guit-ref-color-transparent-neutral-0-10:#ffffff1a;--guit-ref-color-transparent-neutral-0-0:#fff0;--guit-ref-color-transparent-neutral-800-80:#141414cc;--guit-ref-color-transparent-neutral-800-40:#14141466;--guit-ref-color-transparent-neutral-800-30:#1414144d;--guit-ref-color-transparent-neutral-800-20:#14141433;--guit-ref-color-transparent-neutral-800-10:#1414141a;--guit-ref-color-transparent-neutral-800-0:#14141400;--guit-ref-color-slate-40:#e9e9ed;--guit-ref-color-slate-60:#d5d5dc;--guit-ref-color-slate-80:#b6b6c3;--guit-ref-color-slate-100:#8f8fa3;--guit-ref-color-slate-200:#7c7c93;--guit-ref-color-slate-300:#646482;--guit-ref-color-slate-400:#4f4f6e;--guit-ref-color-slate-500base:#3d3d5f;--guit-ref-color-magenta-40:#f4e1ec;--guit-ref-color-magenta-60:#edcadf;--guit-ref-color-magenta-80:#dea0c5;--guit-ref-color-magenta-100:#cc6ca5;--guit-ref-color-magenta-200:#c45597;--guit-ref-color-magenta-300:#ae3d80;--guit-ref-color-magenta-400:#af1a73;--guit-ref-color-magenta-500base:#a60063;--guit-ref-color-lagoon-40:#dfebec;--guit-ref-color-lagoon-60:#c8dcdf;--guit-ref-color-lagoon-80:#9ec2c7;--guit-ref-color-lagoon-100:#6aa2a9;--guit-ref-color-lagoon-200:#4c8c95;--guit-ref-color-lagoon-300base:#2c7c87;--guit-ref-color-lagoon-400:#23636c;--guit-ref-color-lagoon-500:#174045;--guit-ref-color-purple-40:#e9e5fb;--guit-ref-color-purple-60:#d7cff7;--guit-ref-color-purple-80:#baacf1;--guit-ref-color-purple-100:#9681e9;--guit-ref-color-purple-200:#7c62e4;--guit-ref-color-purple-300base:#684ae0;--guit-ref-color-purple-400:#553eb7;--guit-ref-color-purple-500:#372777;--guit-ref-color-orange-40:#f7e4c7;--guit-ref-color-orange-60:#f0d09d;--guit-ref-color-orange-80base:#e6af57;--guit-ref-color-orange-100:#ba8b40;--guit-ref-color-orange-200:#99753a;--guit-ref-color-orange-300:#7e6030;--guit-ref-color-orange-400:#684f27;--guit-ref-color-orange-500:#42331a;--guit-ref-color-red-40:#fceae9;--guit-ref-color-red-60:#f8cbc9;--guit-ref-color-red-80:#f2a09c;--guit-ref-color-red-100:#ea6b66;--guit-ref-color-red-200base:#e64d47;--guit-ref-color-red-300:#bb3f3a;--guit-ref-color-red-400:#98332f;--guit-ref-color-red-500:#61211e;--guit-ref-color-green-40:#e3f7ee;--guit-ref-color-green-60:#b6ecd5;--guit-ref-color-green-80:#76dbaf;--guit-ref-color-green-100base:#2bc784;--guit-ref-color-green-200:#25ac72;--guit-ref-color-green-300:#1e8a5c;--guit-ref-color-green-400:#18714c;--guit-ref-color-green-500:#0f472f;--guit-ref-color-blue-40:#e8f1fd;--guit-ref-color-blue-60:#c3dbf9;--guit-ref-color-blue-80:#95c0f4;--guit-ref-color-blue-100:#599ced;--guit-ref-color-blue-200:#3989ea;--guit-ref-color-blue-300base:#1473e6;--guit-ref-color-blue-400:#105ebc;--guit-ref-color-blue-500:#0a3b75;--guit-ref-color-neutral-0:#fff;--guit-ref-color-neutral-10:#fafafa;--guit-ref-color-neutral-20:#f5f5f5;--guit-ref-color-neutral-40:#e8e8e8;--guit-ref-color-neutral-60:#d3d3d4;--guit-ref-color-neutral-80:#b7b7b9;--guit-ref-color-neutral-100:#929295;--guit-ref-color-neutral-300:#646468;--guit-ref-color-neutral-500:#323234;--guit-ref-color-neutral-600:#262627;--guit-ref-color-neutral-700:#1c1c1c;--guit-ref-color-neutral-800base:#141414;--guit-sem-color-raised-bottom-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-raised-top-rgba:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-border-disabled-2:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-border-disabled-1:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-300));--guit-sem-color-border-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-100));--guit-sem-color-border-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-border-accent-slate:light-dark(var(--guit-ref-color-slate-100),var(--guit-ref-color-slate-200));--guit-sem-color-border-accent-magenta:light-dark(var(--guit-ref-color-magenta-100),var(--guit-ref-color-magenta-200));--guit-sem-color-border-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-100),var(--guit-ref-color-lagoon-200));--guit-sem-color-border-accent-purple:light-dark(var(--guit-ref-color-purple-100),var(--guit-ref-color-purple-200));--guit-sem-color-border-accent-red:light-dark(var(--guit-ref-color-red-100),var(--guit-ref-color-red-200base));--guit-sem-color-border-accent-green:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-border-accent-orange:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-border-accent-blue:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-200));--guit-sem-color-border-focus:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-border-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-border-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-80));--guit-sem-color-border-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-border-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-80));--guit-sem-color-border-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-border-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-border-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-border-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-border-neutral-4:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-border-neutral-3:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-60));--guit-sem-color-border-neutral-2:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-500));--guit-sem-color-border-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-800base));--guit-sem-color-background-transparent-inverse-disabled-2:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-disabled:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-40),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-background-transparent-inverse-2-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-30),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-2:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-0-20),var(--guit-ref-color-transparent-neutral-800-30));--guit-sem-color-background-transparent-inverse-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-0-10),var(--guit-ref-color-transparent-neutral-800-20));--guit-sem-color-background-transparent-inverse-1:light-dark(var(--guit-ref-color-transparent-neutral-0-0),var(--guit-ref-color-transparent-neutral-800-10));--guit-sem-color-background-transparent-overlay:light-dark(var(--guit-ref-color-transparent-neutral-800-30),var(--guit-ref-color-transparent-neutral-0-30));--guit-sem-color-background-transparent-2:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-pressed:light-dark(var(--guit-ref-color-transparent-neutral-800-20),var(--guit-ref-color-transparent-neutral-0-20));--guit-sem-color-background-transparent-1-hover:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-0-10));--guit-sem-color-background-transparent-1:light-dark(var(--guit-ref-color-transparent-neutral-800-0),var(--guit-ref-color-transparent-neutral-0-0));--guit-sem-color-background-accent-slate-2:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-100));--guit-sem-color-background-accent-slate-1:light-dark(var(--guit-ref-color-slate-40),var(--guit-ref-color-slate-500base));--guit-sem-color-background-accent-magenta-2:light-dark(var(--guit-ref-color-magenta-400),var(--guit-ref-color-magenta-100));--guit-sem-color-background-accent-magenta-1:light-dark(var(--guit-ref-color-magenta-40),var(--guit-ref-color-magenta-500base));--guit-sem-color-background-accent-lagoon-2:light-dark(var(--guit-ref-color-lagoon-300base),var(--guit-ref-color-lagoon-100));--guit-sem-color-background-accent-lagoon-1:light-dark(var(--guit-ref-color-lagoon-40),var(--guit-ref-color-lagoon-500));--guit-sem-color-background-accent-purple-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-100));--guit-sem-color-background-accent-purple-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-500));--guit-sem-color-background-accent-orange-2:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-100));--guit-sem-color-background-accent-orange-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-500));--guit-sem-color-background-accent-green-2:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-100base));--guit-sem-color-background-accent-green-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-500));--guit-sem-color-background-accent-red-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-background-accent-red-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-500));--guit-sem-color-background-accent-blue-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-accent-blue-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-500));--guit-sem-color-background-disabled:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-background-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-selected-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-selected-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-selected-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-background-selected-1-pressed:light-dark(var(--guit-ref-color-blue-100),var(--guit-ref-color-blue-500));--guit-sem-color-background-selected-1-hover:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-300base));--guit-sem-color-background-selected-1:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-400));--guit-sem-color-background-informative:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-background-recommendation-2:light-dark(var(--guit-ref-color-purple-300base),var(--guit-ref-color-purple-80));--guit-sem-color-background-recommendation-1:light-dark(var(--guit-ref-color-purple-40),var(--guit-ref-color-purple-400));--guit-sem-color-background-warning-2:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-300));--guit-sem-color-background-warning-1:light-dark(var(--guit-ref-color-orange-40),var(--guit-ref-color-orange-400));--guit-sem-color-background-success-2-hover:light-dark(var(--guit-ref-color-green-200),var(--guit-ref-color-green-100base));--guit-sem-color-background-success-2:light-dark(var(--guit-ref-color-green-100base),var(--guit-ref-color-green-200));--guit-sem-color-background-success-1-pressed:light-dark(var(--guit-ref-color-green-80),var(--guit-ref-color-green-500));--guit-sem-color-background-success-1-hover:light-dark(var(--guit-ref-color-green-60),var(--guit-ref-color-green-300));--guit-sem-color-background-success-1:light-dark(var(--guit-ref-color-green-40),var(--guit-ref-color-green-400));--guit-sem-color-background-error-2-pressed:light-dark(var(--guit-ref-color-red-500),var(--guit-ref-color-red-200base));--guit-sem-color-background-error-2-hover:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-80));--guit-sem-color-background-error-2:light-dark(var(--guit-ref-color-red-300),var(--guit-ref-color-red-100));--guit-sem-color-foreground-accent-slate:light-dark(var(--guit-ref-color-slate-400),var(--guit-ref-color-slate-60));--guit-sem-color-foreground-accent-magenta:light-dark(var(--guit-ref-color-magenta-500base),var(--guit-ref-color-magenta-60));--guit-sem-color-foreground-accent-lagoon:light-dark(var(--guit-ref-color-lagoon-400),var(--guit-ref-color-lagoon-60));--guit-sem-color-foreground-accent-purple:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-accent-orange-2:light-dark(var(--guit-ref-color-orange-400),var(--guit-ref-color-orange-40));--guit-sem-color-foreground-accent-orange-1:light-dark(var(--guit-ref-color-orange-80base),var(--guit-ref-color-orange-100));--guit-sem-color-foreground-accent-green:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-foreground-accent-red:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-foreground-accent-blue:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-background-error-1-pressed:light-dark(var(--guit-ref-color-red-80),var(--guit-ref-color-red-500));--guit-sem-color-foreground-disabled:light-dark(var(--guit-ref-color-neutral-100),var(--guit-ref-color-neutral-300));--guit-sem-color-foreground-inverse-disabled:light-dark(var(--guit-ref-color-neutral-80),var(--guit-ref-color-neutral-300));--guit-sem-color-foreground-inverse-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-inverse-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-background-error-1-hover:light-dark(var(--guit-ref-color-red-60),var(--guit-ref-color-red-300));--guit-sem-color-foreground-inverse:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-error-1:light-dark(var(--guit-ref-color-red-40),var(--guit-ref-color-red-400));--guit-sem-color-background-brand-2-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-200));--guit-sem-color-background-brand-2-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-80));--guit-sem-color-background-brand-2:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-100));--guit-sem-color-foreground-selected-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-background-brand-1-pressed:light-dark(var(--guit-ref-color-blue-80),var(--guit-ref-color-blue-500));--guit-sem-color-foreground-selected-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-background-brand-1-hover:light-dark(var(--guit-ref-color-blue-60),var(--guit-ref-color-blue-300base));--guit-sem-color-foreground-selected:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-brand-1:light-dark(var(--guit-ref-color-blue-40),var(--guit-ref-color-blue-400));--guit-sem-color-foreground-informative:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-recommendation:light-dark(var(--guit-ref-color-purple-400),var(--guit-ref-color-purple-60));--guit-sem-color-foreground-warning:light-dark(var(--guit-ref-color-orange-300),var(--guit-ref-color-orange-60));--guit-sem-color-background-neutral-4:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-3-pressed:light-dark(var(--guit-ref-color-neutral-60),var(--guit-ref-color-neutral-700));--guit-sem-color-foreground-success:light-dark(var(--guit-ref-color-green-400),var(--guit-ref-color-green-60));--guit-sem-color-foreground-error:light-dark(var(--guit-ref-color-red-400),var(--guit-ref-color-red-60));--guit-sem-color-background-neutral-3-hover:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-3:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-background-neutral-2:light-dark(var(--guit-ref-color-neutral-10),var(--guit-ref-color-neutral-800base));--guit-sem-color-foreground-brand-pressed:light-dark(var(--guit-ref-color-blue-500),var(--guit-ref-color-blue-40));--guit-sem-color-foreground-brand-hover:light-dark(var(--guit-ref-color-blue-400),var(--guit-ref-color-blue-60));--guit-sem-color-foreground-brand:light-dark(var(--guit-ref-color-blue-300base),var(--guit-ref-color-blue-80));--guit-sem-color-background-neutral-1-nudge-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-700));--guit-sem-color-background-neutral-1-nudge-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-500));--guit-sem-color-background-neutral-1-nudge:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-600));--guit-sem-color-background-neutral-1-pressed:light-dark(var(--guit-ref-color-neutral-40),var(--guit-ref-color-neutral-500));--guit-sem-color-foreground-neutral-2-pressed:light-dark(var(--guit-ref-color-neutral-700),var(--guit-ref-color-neutral-10));--guit-sem-color-foreground-neutral-2-hover:light-dark(var(--guit-ref-color-neutral-500),var(--guit-ref-color-neutral-40));--guit-sem-color-foreground-neutral-2:light-dark(var(--guit-ref-color-neutral-600),var(--guit-ref-color-neutral-20));--guit-sem-color-background-neutral-1-hover:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-600));--guit-sem-color-foreground-neutral-1:light-dark(var(--guit-ref-color-neutral-300),var(--guit-ref-color-neutral-80));--guit-sem-color-background-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-floating-3-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-3-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-2-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-2:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-floating-1-rgba-1:light-dark(var(--guit-ref-color-transparent-neutral-800-10),var(--guit-ref-color-transparent-neutral-800-40));--guit-sem-color-surface-neutral-2:light-dark(var(--guit-ref-color-neutral-20),var(--guit-ref-color-neutral-800base));--guit-sem-color-surface-neutral-1:light-dark(var(--guit-ref-color-neutral-0),var(--guit-ref-color-neutral-700));--guit-sem-color-background-transparent-overlay-notheme-2:var(--guit-ref-color-transparent-neutral-800-80);--guit-sem-color-background-transparent-overlay-notheme-1:var(--guit-ref-color-transparent-neutral-800-40);--guit-sem-color-background-success-2-pressed:var(--guit-ref-color-green-300);--guit-sem-color-foreground-inverse-notheme:var(--guit-ref-color-neutral-0);--guit-sem-color-background-neutral-5:var(--guit-ref-color-neutral-600);--guit-sem-color-foreground-neutral-2-notheme:var(--guit-ref-color-neutral-600);--guit-sem-shadow-raised-bottom-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-bottom-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-bottom-position-y:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-raised-bottom-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-raised-top-spread:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-raised-top-blur:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-raised-top-position-y:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-raised-top-position-x:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-3-blur-2:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-3-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-3-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-3-blur-1:var(--guit-ref-shadow-blur-medium);--guit-sem-shadow-floating-2-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-2-blur-2:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-2-position-y-2:var(--guit-ref-shadow-positioning-negative-2xsmall);--guit-sem-shadow-floating-2-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-3-position-y-1:var(--guit-ref-shadow-positioning-small);--guit-sem-shadow-floating-3-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-spread-1:var(--guit-ref-shadow-spread-xsmall);--guit-sem-shadow-floating-2-blur-1:var(--guit-ref-shadow-blur-small);--guit-sem-shadow-floating-1-spread-2:var(--guit-ref-shadow-spread-negative-xsmall);--guit-sem-shadow-floating-1-blur-2:var(--guit-ref-shadow-blur-2xsmall);--guit-sem-shadow-floating-1-position-y-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-position-x-2:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-2-position-y-1:var(--guit-ref-shadow-positioning-xsmall);--guit-sem-shadow-floating-2-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-shadow-floating-1-spread-1:var(--guit-ref-shadow-spread-2xsmall);--guit-sem-shadow-floating-1-blur-1:var(--guit-ref-shadow-blur-xsmall);--guit-sem-shadow-floating-1-position-y-1:var(--guit-ref-shadow-positioning-2xsmall);--guit-sem-shadow-floating-1-position-x-1:var(--guit-ref-shadow-positioning-none);--guit-sem-border-highlight-style:var(--guit-ref-border-style-solid);--guit-sem-border-highlight-width:var(--guit-ref-border-width-thicker);--guit-sem-border-focus-style:var(--guit-ref-border-style-solid);--guit-sem-border-focus-width:var(--guit-ref-border-width-thick);--guit-sem-border-default-style:var(--guit-ref-border-style-solid);--guit-sem-border-default-width:var(--guit-ref-border-width-thin);--guit-sem-dimension-height-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-height-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-height-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-height-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-height-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-height-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-height-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-height-large:var(--guit-ref-sizing-large);--guit-sem-dimension-height-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-height-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-height-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-height-small:var(--guit-ref-sizing-small);--guit-sem-dimension-height-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-height-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-height-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-height-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-height-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-height-none:var(--guit-ref-sizing-none);--guit-sem-dimension-width-7xlarge:var(--guit-ref-sizing-7xl);--guit-sem-dimension-width-6xlarge:var(--guit-ref-sizing-6xlarge);--guit-sem-dimension-width-5xlarge:var(--guit-ref-sizing-5xlarge);--guit-sem-dimension-width-4xlarge:var(--guit-ref-sizing-4xlarge);--guit-sem-dimension-width-3xlarge:var(--guit-ref-sizing-3xlarge);--guit-sem-dimension-width-2xlarge:var(--guit-ref-sizing-2xlarge);--guit-sem-dimension-width-xlarge:var(--guit-ref-sizing-xlarge);--guit-sem-dimension-width-large:var(--guit-ref-sizing-large);--guit-sem-dimension-width-large-nudge:var(--guit-ref-sizing-large-nudge);--guit-sem-dimension-width-medium:var(--guit-ref-sizing-medium);--guit-sem-dimension-width-medium-nudge:var(--guit-ref-sizing-medium-nudge);--guit-sem-dimension-width-small:var(--guit-ref-sizing-small);--guit-sem-dimension-width-small-nudge:var(--guit-ref-sizing-small-nudge);--guit-sem-dimension-width-xsmall:var(--guit-ref-sizing-xsmall);--guit-sem-dimension-width-2xsmall:var(--guit-ref-sizing-2xsmall);--guit-sem-dimension-width-3xsmall:var(--guit-ref-sizing-3xsmall);--guit-sem-dimension-width-4xsmall:var(--guit-ref-sizing-4xsmall);--guit-sem-dimension-width-none:var(--guit-ref-sizing-none);--guit-sem-font-body-medium-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-underline-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-underline-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-medium-underline-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-underline-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-underline-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-regular-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-underline-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-medium-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-underline-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-underline-semibold-text-decoration:var(--guit-ref-font-text-decoration-underline);--guit-sem-font-body-large-underline-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-underline-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-underline-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-underline-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-underline-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-small-default-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-small-default-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-label-small-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-small-default-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-label-small-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-label-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xsmall-semibold-line-height:var(--guit-ref-font-line-height-160);--guit-sem-font-heading-xsmall-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xsmall-semibold-font-size:var(--guit-ref-font-size-120);--guit-sem-font-heading-xsmall-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-medium-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-medium-medium-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-regular-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-medium-regular-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-medium-semibold-paragraph-spacing:var(--guit-ref-spacing-medium);--guit-sem-font-caption-medium-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-medium-semibold-line-height:var(--guit-ref-font-line-height-70);--guit-sem-font-caption-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-medium-semibold-font-size:var(--guit-ref-font-size-50);--guit-sem-font-caption-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-regular-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-regular-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-regular-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-caption-large-regular-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-medium-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-medium-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-medium-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-caption-large-medium-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-caption-large-semibold-paragraph-spacing:var(--guit-ref-spacing-large);--guit-sem-font-caption-large-semibold-letter-spacing:var(--guit-ref-font-letter-spacing-0-3);--guit-sem-font-caption-large-semibold-line-height:var(--guit-ref-font-line-height-80);--guit-sem-font-caption-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-caption-large-semibold-font-size:var(--guit-ref-font-size-60);--guit-sem-font-caption-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-regular-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-regular-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-medium-default-regular-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-paragraph-spacing:var(--guit-ref-spacing-xlarge);--guit-sem-font-body-medium-default-medium-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-body-medium-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-medium-default-medium-font-size:var(--guit-ref-font-size-70);--guit-sem-font-body-medium-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-regular-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-regular-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-regular-font-weight:var(--guit-ref-font-weight-regular);--guit-sem-font-body-large-default-regular-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-regular-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-medium-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-medium-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-medium-font-weight:var(--guit-ref-font-weight-medium);--guit-sem-font-body-large-default-medium-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-medium-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-body-large-default-semibold-paragraph-spacing:var(--guit-ref-spacing-2xlarge);--guit-sem-font-body-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-body-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-body-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-body-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-medium-default-semibold-line-height:var(--guit-ref-font-line-height-100);--guit-sem-font-label-medium-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-medium-default-semibold-font-size:var(--guit-ref-font-size-70);--guit-sem-font-label-medium-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-label-large-default-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-label-large-default-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-label-large-default-semibold-font-size:var(--guit-ref-font-size-80);--guit-sem-font-label-large-default-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-medium-semibold-line-height:var(--guit-ref-font-line-height-120);--guit-sem-font-subheading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-medium-semibold-font-size:var(--guit-ref-font-size-90);--guit-sem-font-subheading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-subheading-large-semibold-line-height:var(--guit-ref-font-line-height-140);--guit-sem-font-subheading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-subheading-large-semibold-font-size:var(--guit-ref-font-size-100);--guit-sem-font-subheading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-small-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-small-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-small-semibold-font-size:var(--guit-ref-font-size-140);--guit-sem-font-heading-small-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-medium-semibold-line-height:var(--guit-ref-font-line-height-200);--guit-sem-font-heading-medium-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-medium-semibold-font-size:var(--guit-ref-font-size-160);--guit-sem-font-heading-medium-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-large-semibold-line-height:var(--guit-ref-font-line-height-240);--guit-sem-font-heading-large-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-large-semibold-font-size:var(--guit-ref-font-size-200);--guit-sem-font-heading-large-semibold-font-family:var(--guit-ref-font-family-latin);--guit-sem-font-heading-xlarge-semibold-line-height:var(--guit-ref-font-line-height-320);--guit-sem-font-heading-xlarge-semibold-font-weight:var(--guit-ref-font-weight-semibold);--guit-sem-font-heading-xlarge-semibold-font-size:var(--guit-ref-font-size-240);--guit-sem-font-heading-xlarge-semibold-font-family:var(--guit-ref-font-family-latin)}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/{useEllipsisDetection-e2685fb7.js → useEllipsisDetection-54b1edfe.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { u as useWindowSize } from './index-7fa24b9c.js';
+import { u as useWindowSize } from './index-88589ce9.js';
 
 const EQUAL_HEIGHT_DIFF = 3;
 const useEllipsisDetection = (ref, externalDependencies = []) => {