@homecode/ui 5.18.5 → 5.18.8

package/dist/esm/src/components/DropZone/DropZone.js

@@ -3,108 +3,127 @@ import { useState, useRef, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { generateUID } from '../../tools/uid.js';
 import S from './DropZone.styl.js';
+import { matchesAccept, dragCarriesFiles, filesForDrop, DROP_HIDE_GRACE_MS } from './dropFiles.js';
 
-function matchesAcceptPart(file, part) {
-    const p = part.trim().toLowerCase();
-    if (!p)
-        return false;
-    if (p.startsWith('.')) {
-        return file.name.toLowerCase().endsWith(p);
-    }
-    if (p.includes('/')) {
-        const t = file.type.toLowerCase();
-        if (p.endsWith('/*')) {
-            const prefix = p.slice(0, -1);
-            return t.startsWith(prefix);
-        }
-        return t === p;
-    }
-    return false;
-}
-function matchesAccept(file, accept) {
-    const trimmed = accept.trim();
-    if (!trimmed)
-        return true;
-    const parts = trimmed
-        .split(',')
-        .map(s => s.trim())
-        .filter(Boolean);
-    if (parts.length === 0)
-        return true;
-    return parts.some(part => matchesAcceptPart(file, part));
-}
 function DropZone(props) {
     const { accept, label, error, disabled = false, ghost = false, id, className, } = props;
     const [isDragging, setIsDragging] = useState(false);
-    const dropAreaRef = useRef(null);
+    const rootRef = useRef(null);
     const fallbackInputIdRef = useRef(generateUID());
     const inputId = id ?? fallbackInputIdRef.current;
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(false);
+    const propsRef = useRef(props);
+    propsRef.current = props;
+    const disabledRef = useRef(disabled);
+    disabledRef.current = disabled;
+    const handleFileInput = useCallback((event) => {
         if (disabled)
             return;
-        const list = Array.from(e.dataTransfer.files).filter(f => matchesAccept(f, accept));
-        if (props.multiple === true) {
-            if (list.length > 0) {
-                props.onFiles(list);
-            }
-        }
-        else {
-            const file = list[0];
-            if (file) {
-                props.onFile(file);
-            }
-        }
-    }, [accept, disabled, props]);
-    const handleFileInput = useCallback((e) => {
-        if (disabled)
-            return;
-        const raw = e.target.files;
+        const raw = event.target.files;
         if (!raw?.length)
             return;
-        const list = Array.from(raw).filter(f => matchesAccept(f, accept));
+        const list = Array.from(raw).filter(file => matchesAccept(file, accept));
         if (props.multiple === true) {
-            if (list.length > 0) {
+            if (list.length > 0)
                 props.onFiles(list);
-            }
         }
         else {
             const file = list[0];
-            if (file) {
+            if (file)
                 props.onFile(file);
-            }
         }
-        e.target.value = '';
+        event.target.value = '';
     }, [accept, disabled, props]);
     useEffect(() => {
-        const dialog = dropAreaRef.current?.closest('[role="dialog"]');
-        const targetElement = dialog || document.body;
-        const handleGlobalDragOver = (e) => {
-            e.preventDefault();
+        const dialog = rootRef.current?.closest('[role="dialog"]');
+        const target = dialog ?? window;
+        let hideTimer = 0;
+        let snapshotted = null;
+        const allowFileDrag = (event) => {
+            const transfer = event.dataTransfer;
+            if (!transfer || !dragCarriesFiles(transfer.types))
+                return;
+            event.preventDefault();
+            transfer.dropEffect = disabledRef.current ? 'none' : 'copy';
+            if (disabledRef.current)
+                return;
+            window.clearTimeout(hideTimer);
             setIsDragging(true);
         };
-        const handleGlobalDragLeave = (e) => {
-            if (!e.relatedTarget ||
-                !targetElement.contains(e.relatedTarget)) {
+        const scheduleHide = () => {
+            window.clearTimeout(hideTimer);
+            hideTimer = window.setTimeout(() => {
                 setIsDragging(false);
+            }, DROP_HIDE_GRACE_MS);
+        };
+        const onDragLeave = (event) => {
+            const related = event.relatedTarget;
+            if (related instanceof Node) {
+                const host = dialog ?? document;
+                if (host.contains(related))
+                    return;
             }
+            scheduleHide();
+        };
+        const onDropCapture = (event) => {
+            // Snapshot before later capture listeners read `items`. WebKit then
+            // clears `files`, so the bubble handler would see an empty drop.
+            snapshotted = event.dataTransfer
+                ? Array.from(event.dataTransfer.files)
+                : [];
         };
-        const handleGlobalDrop = () => {
+        const deliver = (event) => {
+            window.clearTimeout(hideTimer);
             setIsDragging(false);
+            const saved = snapshotted;
+            snapshotted = null;
+            const transfer = event.dataTransfer;
+            const claimed = event.defaultPrevented;
+            if (transfer && dragCarriesFiles(transfer.types) && !claimed) {
+                event.preventDefault();
+            }
+            if (claimed || disabledRef.current)
+                return;
+            const current = propsRef.current;
+            const dataTransfer = saved && saved.length > 0
+                ? { types: transfer?.types, files: saved, items: null }
+                : transfer;
+            const files = filesForDrop({
+                defaultPrevented: false,
+                disabled: false,
+                accept: current.accept,
+                multiple: current.multiple === true,
+                dataTransfer,
+            });
+            if (files.length === 0)
+                return;
+            if (current.multiple === true)
+                current.onFiles(files);
+            else
+                current.onFile(files[0]);
         };
-        targetElement.addEventListener('dragover', handleGlobalDragOver);
-        targetElement.addEventListener('dragleave', handleGlobalDragLeave);
-        targetElement.addEventListener('drop', handleGlobalDrop);
+        target.addEventListener('dragenter', allowFileDrag, true);
+        target.addEventListener('dragover', allowFileDrag, true);
+        target.addEventListener('dragleave', onDragLeave, true);
+        target.addEventListener('drop', onDropCapture, true);
+        target.addEventListener('drop', deliver);
         return () => {
-            targetElement.removeEventListener('dragover', handleGlobalDragOver);
-            targetElement.removeEventListener('dragleave', handleGlobalDragLeave);
-            targetElement.removeEventListener('drop', handleGlobalDrop);
+            window.clearTimeout(hideTimer);
+            target.removeEventListener('dragenter', allowFileDrag, true);
+            target.removeEventListener('dragover', allowFileDrag, true);
+            target.removeEventListener('dragleave', onDragLeave, true);
+            target.removeEventListener('drop', onDropCapture, true);
+            target.removeEventListener('drop', deliver);
         };
     }, []);
+    const keepFileDrag = (event) => {
+        if (!dragCarriesFiles(event.dataTransfer.types))
+            return;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = disabled ? 'none' : 'copy';
+    };
     const shouldShowDropArea = !ghost || isDragging;
     const multiple = props.multiple === true;
-    return (jsxs("div", { className: cn(S.root, className), children: [shouldShowDropArea && (jsxs("div", { ref: dropAreaRef, className: cn(S.dropArea, isDragging && S.isDragging, disabled && S.disabled), onDrop: handleDrop, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
+    return (jsxs("div", { ref: rootRef, className: cn(S.root, className), children: [shouldShowDropArea && (jsxs("div", { className: cn(S.dropArea, isDragging && S.isDragging, disabled && S.disabled), onDragEnter: keepFileDrag, onDragOver: keepFileDrag, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
                             cursor: disabled ? 'not-allowed' : 'pointer',
                         }, children: label })] })), error && jsx("div", { className: S.error, children: error })] }));
 }

package/dist/esm/src/components/DropZone/DropZone.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".DropZone_root__gk-Ef{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__u-8Ye{background-color:var(--accent-color-alpha-100);border:2px dashed var(--decent-color-alpha-200);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__u-8Ye label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp,.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){border:2px dashed var(--active-color-alpha-500)}.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){background-color:var(--accent-color-alpha-50)}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-900)!important;display:flex;height:calc(100% - var(--p-2));justify-content:center;left:var(--p-1);position:fixed;top:var(--p-1);width:calc(100% - var(--p-2));z-index:9999}.DropZone_dropArea__u-8Ye.DropZone_disabled__qsAf6{cursor:not-allowed;opacity:.6}.DropZone_fileInput__E8DeE{display:none}.DropZone_label__u7-Pb{cursor:pointer}.DropZone_error__vSiwM{color:var(--danger-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
+var css_248z = ".DropZone_root__gk-Ef{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__u-8Ye{background-color:var(--accent-color-alpha-100);border:2px dashed var(--decent-color-alpha-200);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__u-8Ye label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp,.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){border:2px dashed var(--active-color-alpha-500)}.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){background-color:var(--accent-color-alpha-50)}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-900)!important;display:flex;height:calc(100% - var(--p-2));justify-content:center;left:var(--p-1);position:fixed;top:var(--p-1);width:calc(100% - var(--p-2));z-index:9999}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp label{pointer-events:none}.DropZone_dropArea__u-8Ye.DropZone_disabled__qsAf6{cursor:not-allowed;opacity:.6}.DropZone_fileInput__E8DeE{display:none}.DropZone_label__u7-Pb{cursor:pointer}.DropZone_error__vSiwM{color:var(--danger-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
 var S = {"root":"DropZone_root__gk-Ef","dropArea":"DropZone_dropArea__u-8Ye","disabled":"DropZone_disabled__qsAf6","isDragging":"DropZone_isDragging__S-aQp","fileInput":"DropZone_fileInput__E8DeE","label":"DropZone_label__u7-Pb","error":"DropZone_error__vSiwM"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/DropZone/dropFiles.js

@@ -0,0 +1,80 @@
+/** Finder / WKWebView file drags. Structural drag types, not language checks. */
+const FILE_DRAG_TYPES = new Set([
+    'Files',
+    'files',
+    'public.file-url',
+    'application/x-moz-file',
+]);
+/**
+ * macOS fires `dragleave` with a null `relatedTarget` while the pointer is
+ * still inside the window. `dragover` can be a few hundred milliseconds
+ * apart, so hide the overlay only after it has stopped.
+ */
+const DROP_HIDE_GRACE_MS = 400;
+function dragCarriesFiles(types) {
+    if (!types)
+        return false;
+    const list = Array.from(types);
+    // Some WebKit builds hide types until drop. Don't reject those drags.
+    if (list.length === 0)
+        return true;
+    return list.some(type => FILE_DRAG_TYPES.has(type));
+}
+function matchesAcceptPart(file, part) {
+    const token = part.trim().toLowerCase();
+    if (!token)
+        return false;
+    if (token.startsWith('.')) {
+        return file.name.toLowerCase().endsWith(token);
+    }
+    if (token.includes('/')) {
+        const mime = file.type.toLowerCase();
+        if (token.endsWith('/*'))
+            return mime.startsWith(token.slice(0, -1));
+        return mime === token;
+    }
+    return false;
+}
+function matchesAccept(file, accept) {
+    const trimmed = accept.trim();
+    if (!trimmed)
+        return true;
+    const parts = trimmed
+        .split(',')
+        .map(part => part.trim())
+        .filter(Boolean);
+    if (parts.length === 0)
+        return true;
+    return parts.some(part => matchesAcceptPart(file, part));
+}
+function filesFromItems(items) {
+    if (!items)
+        return [];
+    const files = [];
+    for (let i = 0; i < items.length; i += 1) {
+        const item = items[i];
+        if (item?.kind !== 'file')
+            continue;
+        const file = item.getAsFile?.() ?? null;
+        if (file)
+            files.push(file);
+    }
+    return files;
+}
+function filesForDrop(args) {
+    if (args.disabled || args.defaultPrevented || !args.dataTransfer)
+        return [];
+    const listed = args.dataTransfer.files
+        ? Array.from(args.dataTransfer.files)
+        : [];
+    if (!dragCarriesFiles(args.dataTransfer.types) && listed.length === 0) {
+        return [];
+    }
+    const files = listed.length > 0 ? listed : filesFromItems(args.dataTransfer.items);
+    const matched = files.filter(file => matchesAccept(file, args.accept));
+    if (args.multiple)
+        return matched;
+    return matched[0] ? [matched[0]] : [];
+}
+
+export { DROP_HIDE_GRACE_MS, dragCarriesFiles, filesForDrop, matchesAccept };

package/dist/esm/src/components/Expand/Expand.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{opacity:.4;transform:scale(.7);transition:transform .2s ease-out,opacity .2s ease-out}.Expand_header__LxAel:hover .Expand_headerIcon__CXlwY{opacity:1}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:scale(.7) rotate(90deg)}";
 var S = {"root":"Expand_root__zxSvx","header":"Expand_header__LxAel","headerIcon":"Expand_headerIcon__CXlwY","isOpen":"Expand_isOpen__k6lyZ"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Flex/Flex.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Flex_root__1yZ2z{display:flex}";
 var S = {"root":"Flex_root__1yZ2z"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/FoldedLine/FoldedLine.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".FoldedLine_root__lhi-1{border-radius:12px;display:flex;flex-direction:column;min-height:1rem;padding-left:calc(4px + var(--p-2));position:relative;transition:.1s ease-out;transition-property:border-radius,margin,background-color}.FoldedLine_root__lhi-1:before{background:var(--accent-color);border-radius:2px;bottom:2px;content:\"\";height:calc(100% - 4px);left:6px;opacity:.1;pointer-events:none;position:absolute;top:2px;width:4px}.FoldedLine_root__lhi-1:hover:before,.FoldedLine_root__lhi-1:not(.FoldedLine_folded__6zX8d):before{opacity:.7}.FoldedLine_root__lhi-1.FoldedLine_folded__6zX8d{border-radius:0;margin:0}.FoldedLine_root__lhi-1.FoldedLine_folded__6zX8d .FoldedLine_scroll__X7T5v{height:1em}.FoldedLine_root__lhi-1.FoldedLine_hasChildren__8hCZA.FoldedLine_folded__6zX8d{cursor:pointer}.FoldedLine_root__lhi-1.FoldedLine_hasChildren__8hCZA:not(.FoldedLine_folded__6zX8d) .FoldedLine_triggerInteractive__sCLnl{border-top-left-radius:inherit;border-top-right-radius:inherit}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA{border-radius:inherit;min-height:0;padding:0}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA:before{content:none}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA.FoldedLine_hasChildren__8hCZA{cursor:pointer}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA.FoldedLine_folded__6zX8d{-webkit-line-clamp:unset;-webkit-box-orient:unset;line-clamp:none;display:flex;overflow:visible;text-overflow:clip}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA .FoldedLine_triggerInteractive__sCLnl{opacity:1}.FoldedLine_chevron__zxu20{opacity:.3;position:absolute;right:var(--p-2);transition:transform .1s ease-out,opacity .1s ease-out}.FoldedLine_root__lhi-1:hover .FoldedLine_chevron__zxu20{opacity:1}.FoldedLine_folded__6zX8d .FoldedLine_chevron__zxu20{transform:rotate(-90deg)}.FoldedLine_lineCompleted__sEfzm:before{background:var(--active-color)}.FoldedLine_lineInProgress__VcwjJ:before{animation:FoldedLine_foldedLinePulse__y-Dle 1.4s ease-in-out infinite}.FoldedLine_triggerInteractive__sCLnl{align-items:center;cursor:pointer;display:flex;gap:var(--p-1);opacity:.8;padding-right:var(--p-6);transition:background-color .1s ease-out}.FoldedLine_triggerInteractive__sCLnl:hover{opacity:1}.FoldedLine_triggerInteractive__sCLnl:hover:before{background-color:var(--accent-color-alpha-900)}.FoldedLine_header__gyQpI{cursor:pointer;height:100%;position:absolute;transition:opacity .1s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.FoldedLine_folded__6zX8d{-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;transition:opacity .1s ease-out}.FoldedLine_folded__6zX8d:before{opacity:.4}.FoldedLine_folded__6zX8d .FoldedLine_scroll__X7T5v{max-height:1.5em}.FoldedLine_content__POIox{position:relative}.FoldedLine_scroll__X7T5v{max-height:50vh}.FoldedLine_scrollInner__1BGOP>div{-webkit-user-select:text;-moz-user-select:text;user-select:text}.FoldedLine_actions__SmF3b{align-items:center;bottom:0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--p-1);justify-content:flex-end;padding:0 var(--p-5) var(--p-3) var(--p-2);position:absolute;right:0}.FoldedLine_actions__SmF3b>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes FoldedLine_foldedLinePulse__y-Dle{0%,to{background-color:var(--accent-color-alpha-400)}50%{background-color:var(--active-color)}}";
+var css_248z = ".FoldedLine_root__lhi-1{border-radius:12px;display:flex;flex-direction:column;min-height:1rem;padding-left:calc(4px + var(--p-2));position:relative;transition:.1s ease-out;transition-property:border-radius,margin,background-color}.FoldedLine_root__lhi-1:before{background:var(--accent-color);border-radius:2px;bottom:2px;content:\"\";height:calc(100% - 4px);left:6px;opacity:.1;pointer-events:none;position:absolute;top:2px;width:4px}.FoldedLine_root__lhi-1:hover:before,.FoldedLine_root__lhi-1:not(.FoldedLine_folded__6zX8d):before{opacity:.7}.FoldedLine_root__lhi-1.FoldedLine_folded__6zX8d{border-radius:0;margin:0}.FoldedLine_root__lhi-1.FoldedLine_folded__6zX8d .FoldedLine_scroll__X7T5v{height:1em}.FoldedLine_root__lhi-1.FoldedLine_hasChildren__8hCZA.FoldedLine_folded__6zX8d{cursor:pointer}.FoldedLine_root__lhi-1.FoldedLine_hasChildren__8hCZA:not(.FoldedLine_folded__6zX8d) .FoldedLine_triggerInteractive__sCLnl{border-top-left-radius:inherit;border-top-right-radius:inherit}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA{border-radius:inherit;min-height:0;padding:0}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA:before{content:none}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA.FoldedLine_hasChildren__8hCZA{cursor:pointer}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA.FoldedLine_folded__6zX8d{-webkit-line-clamp:unset;-webkit-box-orient:unset;line-clamp:none;display:flex;overflow:visible;text-overflow:clip}.FoldedLine_root__lhi-1.FoldedLine_clear__t47RA .FoldedLine_triggerInteractive__sCLnl{opacity:1}.FoldedLine_chevron__zxu20{opacity:.3;position:absolute;right:var(--p-2);transition:transform .1s ease-out,opacity .1s ease-out}.FoldedLine_root__lhi-1:hover .FoldedLine_chevron__zxu20{opacity:1}.FoldedLine_folded__6zX8d .FoldedLine_chevron__zxu20{transform:rotate(-90deg)}.FoldedLine_lineCompleted__sEfzm:before{background:var(--active-color)}.FoldedLine_lineInProgress__VcwjJ:before{animation:FoldedLine_foldedLinePulse__y-Dle 1.4s ease-in-out infinite}.FoldedLine_triggerInteractive__sCLnl{align-items:center;cursor:pointer;display:flex;gap:var(--p-1);opacity:.8;padding-right:var(--p-6);transition:background-color .1s ease-out}.FoldedLine_triggerInteractive__sCLnl:hover{opacity:1}.FoldedLine_triggerInteractive__sCLnl:hover:before{background-color:var(--accent-color-alpha-900)}.FoldedLine_header__gyQpI{cursor:pointer;height:100%;position:absolute;transition:opacity .1s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.FoldedLine_folded__6zX8d{-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .1s ease-out;width:100%}.FoldedLine_folded__6zX8d:before{opacity:.4}.FoldedLine_folded__6zX8d .FoldedLine_scroll__X7T5v{max-height:1.5em}.FoldedLine_content__POIox{position:relative}.FoldedLine_scroll__X7T5v{max-height:50vh}.FoldedLine_scrollInner__1BGOP>div{-webkit-user-select:text;-moz-user-select:text;user-select:text}.FoldedLine_actions__SmF3b{align-items:center;bottom:0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--p-1);justify-content:flex-end;padding:0 var(--p-5) var(--p-3) var(--p-2);position:absolute;right:0}.FoldedLine_actions__SmF3b>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes FoldedLine_foldedLinePulse__y-Dle{0%,to{background-color:var(--accent-color-alpha-400)}50%{background-color:var(--active-color)}}";
 var S = {"root":"FoldedLine_root__lhi-1","folded":"FoldedLine_folded__6zX8d","scroll":"FoldedLine_scroll__X7T5v","hasChildren":"FoldedLine_hasChildren__8hCZA","triggerInteractive":"FoldedLine_triggerInteractive__sCLnl","clear":"FoldedLine_clear__t47RA","chevron":"FoldedLine_chevron__zxu20","lineCompleted":"FoldedLine_lineCompleted__sEfzm","lineInProgress":"FoldedLine_lineInProgress__VcwjJ","foldedLinePulse":"FoldedLine_foldedLinePulse__y-Dle","header":"FoldedLine_header__gyQpI","content":"FoldedLine_content__POIox","scrollInner":"FoldedLine_scrollInner__1BGOP","actions":"FoldedLine_actions__SmF3b"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Form/Form.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Form_root__EzxOr{margin:0 auto;max-width:100%;width:100%}.Form_isLoading__D1sPp{opacity:.8;pointer-events:none;transition:opacity .2s ease-out}.Form_field__S50yT{position:relative}.Form_field__S50yT+.Form_field__S50yT{margin-top:10px}.Form_field__S50yT+.Form_field__S50yT.Form_clearMargins__-KvTS{margin-top:0}.Form_field__S50yT.Form_changed__j-elu:after{background-color:$primaryColor;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8);content:\"\";height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px;z-index:1}.Form_hidden__MId3H{display:none}.Form_error__J7BaB{color:#e91b20;font-size:80%;margin:5px}";
 var S = {"root":"Form_root__EzxOr","isLoading":"Form_isLoading__D1sPp","field":"Form_field__S50yT","clearMargins":"Form_clearMargins__-KvTS","changed":"Form_changed__j-elu","hidden":"Form_hidden__MId3H","error":"Form_error__J7BaB"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".SubmitButtons_root__sXP-n{display:flex;justify-content:flex-end;margin-top:15px}.SubmitButtons_item__f0l6w+.SubmitButtons_item__f0l6w{margin-left:10px}";
 var S = {"root":"SubmitButtons_root__sXP-n","item":"SubmitButtons_item__f0l6w"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/FormattedText/FormattedText.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".FormattedText_bullet__vbqlq{display:inline-block;margin-bottom:2px;margin-left:var(--p-2);margin-right:2px}.FormattedText_bullet__vbqlq:before{background-color:var(--accent-color);border-radius:50%;content:\"\";display:block;height:6px;margin:0 4px;width:6px}.FormattedText_numberedIndex__rZ6Kt{font-feature-settings:\"tnum\";color:var(--accent-color);display:inline-block;font-variant-numeric:tabular-nums;margin-left:var(--p-2);margin-right:6px;min-width:1.25em}.FormattedText_line__c2bmE{background-color:var(--accent-color-alpha-200);border-radius:2px;height:2px;margin:var(--p-2) 0;width:100%}.FormattedText_codeBlock__Xrbvn,.FormattedText_codeInline__jCbNL{background-color:var(--decent-color-alpha-400);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--decent-color-alpha-500);font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text}.FormattedText_codeInline__jCbNL{border-radius:3px;display:inline;font-size:90%;padding:0 4px}.FormattedText_codeBlock__Xrbvn,.FormattedText_jsonPre__qOGmo{display:block;font-size:90%;margin:var(--p-2) 0;overflow-x:auto;padding:var(--p-2);white-space:pre-wrap}.FormattedText_jsonPre__qOGmo{background-color:var(--decent-color-alpha-300);border-radius:var(--p-2);box-shadow:0 1px 1px var(--accent-color-alpha-50),inset 0 1px 1px var(--accent-color-alpha-50);font-family:monospace;max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text}.FormattedText_table__ipMMS{margin-bottom:10px}";
 var S = {"bullet":"FormattedText_bullet__vbqlq","numberedIndex":"FormattedText_numberedIndex__rZ6Kt","line":"FormattedText_line__c2bmE","codeInline":"FormattedText_codeInline__jCbNL","codeBlock":"FormattedText_codeBlock__Xrbvn","jsonPre":"FormattedText_jsonPre__qOGmo","table":"FormattedText_table__ipMMS"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Gallery/Dots/Dots.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Dots_root__dTavT{bottom:1%;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);overflow:hidden;padding:0 10%;pointer-events:none;position:absolute;width:100%}.Dots_inner__0Nqa9{align-items:center;display:flex}.Dots_item__gEVuS{background-color:var(--accent-color-alpha-200);border-radius:50%;box-shadow:0 0 0 1px var(--decent-color-alpha-500);flex-shrink:0;height:8px;margin:3px;transition:.1s ease-out;transition-property:background-color,transform;width:8px}.Dots_item__gEVuS.Dots_active__gAUAj{background-color:var(--accent-color-alpha-500);transform:scale(1.2)}";
 var S = {"root":"Dots_root__dTavT","inner":"Dots_inner__0Nqa9","item":"Dots_item__gEVuS","active":"Dots_active__gAUAj"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Gallery/Gallery.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Gallery_item__P4qTJ,.Gallery_root__-Crit{height:100%;width:100%}.Gallery_root__-Crit{overflow:hidden;position:relative}.Gallery_inner__4FAPt{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;position:absolute;touch-action:none;transform:translate3d(-33.33333%,0,0);width:calc(300% + 1px)}.Gallery_single__Wfd9h .Gallery_inner__4FAPt{transform:none;width:100%}.Gallery_single__Wfd9h .Gallery_item__P4qTJ{width:100%}.Gallery_inner__4FAPt.Gallery_left__zrrmv,.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transition:transform 0s ease-out;transition-duration:.2s}.Gallery_inner__4FAPt.Gallery_left__zrrmv{transform:translateZ(0)!important}.Gallery_inner__4FAPt.Gallery_right__dpZ-m{transform:translate3d(-66.66667%,0,0)!important}.Gallery_inner__4FAPt.Gallery_initialBounce__nZnKd{animation:Gallery_bounce__buqva 1s ease-out}.Gallery_item__P4qTJ{align-items:center;display:flex;justify-content:center;position:relative;width:33.33333%}.Gallery_image__FkvmG{height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .15s ease-out;width:auto}.Gallery_image__FkvmG.Gallery_imageLoaded__1rGwn{opacity:1}.Gallery_cover__ZGx5X .Gallery_image__FkvmG{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Gallery_brokenImage__Bj3O-{height:50%;opacity:.2;width:50%}.Gallery_videoItem__06r39 .Gallery_video__vKK23{max-height:100%;max-width:100%}.Gallery_arr__knicI{background:transparent!important;height:100%;min-height:100%;opacity:0;padding:10%;position:absolute;top:0;transition:opacity .1s ease-out;z-index:1}.Gallery_arr__knicI.Gallery_left__zrrmv{justify-content:flex-start;left:0}.Gallery_arr__knicI.Gallery_right__dpZ-m{justify-content:flex-end;right:0;width:77%}.Gallery_arr__knicI:hover{opacity:1}@keyframes Gallery_bounce__buqva{0%{left:0}50%{left:-20%}80%{left:10%}to{left:0}}";
 var S = {"root":"Gallery_root__-Crit","item":"Gallery_item__P4qTJ","inner":"Gallery_inner__4FAPt","single":"Gallery_single__Wfd9h","left":"Gallery_left__zrrmv","right":"Gallery_right__dpZ-m","initialBounce":"Gallery_initialBounce__nZnKd","bounce":"Gallery_bounce__buqva","image":"Gallery_image__FkvmG","imageLoaded":"Gallery_imageLoaded__1rGwn","cover":"Gallery_cover__ZGx5X","brokenImage":"Gallery_brokenImage__Bj3O-","videoItem":"Gallery_videoItem__06r39","video":"Gallery_video__vKK23","arr":"Gallery_arr__knicI"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Gap/Gap.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Gap_root__1wfNL{flex-grow:1}";
 var S = {"root":"Gap_root__1wfNL"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/GridLayout/GridLayout.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".GridLayout_root__tpdT0{display:grid;min-width:0;width:100%}";
 var S = {"root":"GridLayout_root__tpdT0"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Heading/Heading.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Heading_root__Y4E8o{margin:1em 0;position:relative}.Heading_root__Y4E8o,.Heading_root__Y4E8o>a{color:var(--accent-color)!important}.Heading_root__Y4E8o .Heading_link__JTd0P{bottom:0;display:block;left:-1.7em;min-height:100%;opacity:0;padding:.8em 1em 0!important;pointer-events:all!important;position:absolute;right:1.7em;text-decoration:none;transition:all .2s ease-out}.Heading_root__Y4E8o:hover .Heading_link__JTd0P{opacity:1;transform:translateX(-5px)}";
 var S = {"root":"Heading_root__Y4E8o","link":"Heading_link__JTd0P"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };

package/dist/esm/src/components/Icon/Icon.styl.js

@@ -1,7 +1,20 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
 var css_248z = ".Icon_root__Uzney{color:inherit;display:inline-block;pointer-events:none}.Icon_size-xs__T-Npk{height:12px;width:12px}.Icon_size-s__qftZG{height:18px;width:18px}.Icon_size-m__7xCDX{height:22px;width:22px}.Icon_size-l__Eq1Fb{height:28px;width:28px}.Icon_size-xl__ChZL5{height:34px;width:34px}";
 var S = {"root":"Icon_root__Uzney","size-xs":"Icon_size-xs__T-Npk","size-s":"Icon_size-s__qftZG","size-m":"Icon_size-m__7xCDX","size-l":"Icon_size-l__Eq1Fb","size-xl":"Icon_size-xl__ChZL5"};
-styleInject(css_248z);
+            if (typeof document !== 'undefined') {
+              var __uilibHead = document.head || document.getElementsByTagName('head')[0];
+              if (__uilibHead) {
+                var __uilibStyle = document.createElement('style');
+                __uilibStyle.setAttribute('data-uilib-css', '');
+                __uilibStyle.appendChild(document.createTextNode(css_248z));
+                var __uilibLink = __uilibHead.querySelector('link[rel="stylesheet"]');
+                var __uilibInline = __uilibHead.querySelector('style:not([data-uilib-css])');
+                var __uilibAnchor = __uilibLink || __uilibInline;
+                if (__uilibLink && __uilibInline && (__uilibLink.compareDocumentPosition(__uilibInline) & 4) === 0) {
+                  __uilibAnchor = __uilibInline;
+                }
+                if (__uilibAnchor) __uilibHead.insertBefore(__uilibStyle, __uilibAnchor);
+                else __uilibHead.appendChild(__uilibStyle);
+              }
+            }
 
 export { S as default };